/*! 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: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 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: #e2e8f0; /* 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:-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: SFMono-Regular, 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;
}

.container {
  width: 100%;
}

@media (min-width: 360px) {
  .container {
    max-width: 360px;
  }
}

@media (min-width: 480px) {
  .container {
    max-width: 480px;
  }
}

@media (min-width: 760px) {
  .container {
    max-width: 760px;
  }
}

@media (min-width: 960px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1060px) {
  .container {
    max-width: 1060px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline
}

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

body{
  line-height:1
}

ol,ul{
  list-style:none
}

blockquote,q{
  quotes:none
}

blockquote:before,blockquote:after,q:before,q:after{
  content:"";
  content:none
}

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

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

  src:url("https://assets.dosomething.org/us/fonts/covered-grace/CoveredGrace-Regular.eot");

  src:url("https://assets.dosomething.org/us/fonts/covered-grace/CoveredGrace-Regular.eot?#iefix") format("embedded-opentype"),url("https://assets.dosomething.org/us/fonts/covered-grace/CoveredGrace-Regular.woff") format("woff"),url("https://assets.dosomething.org/us/fonts/covered-grace/CoveredGrace-Regular.ttf") format("truetype"),url("https://assets.dosomething.org/us/fonts/covered-grace/CoveredGrace-Regular.svg#covered_by_your_graceregular") format("svg");

  font-weight:normal;

  font-style:normal
}

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

  src:url(data:application/vnd.ms-fontobject;base64,iA4AAOQNAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAA85ZDRgAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxINXwAAALwAAABgY21hcNb5lP0AAAEcAAAAhGdhc3AAAAAQAAABoAAAAAhnbHlmk+mVyQAAAagAAAmkaGVhZAryuY0AAAtMAAAANmhoZWEIdwSJAAALhAAAACRobXR4QVoG3wAAC6gAAABMbG9jYRPaFhwAAAv0AAAAKG1heHAAGQC1AAAMHAAAACBuYW1lmUoJ+wAADDwAAAGGcG9zdAADAAAAAA3EAAAAIAADA9YBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPBfA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABABoAAAAFgAQAAMABgABACDmBOYJ6QHqPerI8ADwX//9//8AAAAAACDmAOYG6QDqPerI8ADwX//9//8AAf/jGgQaAxcNFdIVSBARD7MAAwABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBAP/AAt8DwAATAAAFIxEjNTc1NDY7ARUjIgYdATMHIwJAwICAUX+OWTEUnxOMQAIAsAFnbHywJSJYsQAAAAAFAAAAAANuA24ADwAgADEAkgCyAAABNCcmIyIHBhUUFxYzMjc2NxQHBiMiJyY1NDc2MzIXFhU3FAcGIyInJjU0NzYzMhcWFSUiIyIjIgcGBwYHBgcGBwYHBgcGFQYXFBUUFQYXFBcWFxYXFhcWFxYXFhcWMxY3MjMyMxY3Mjc2NzY3Njc2NzY3Njc2NTQ1NDU0NTQ1NCcmJyYnJicmJyYnJicmIyIjIiMBFAcGBwYHBiMiJyYnJicmNTQ3Njc2NzYzMhcWFxYXFgJJKys8PSsqKis9PCsrT0JBXl5CQUFCXl5BQj4QDxYWDw8PDxYWDxD+4QQoKBQVIiMYGBEdFRYLBwQEAgEBAQEBAQIEBAcLFhUdERgYIyIVFCgoBAQoJxUUIyMYGBEcFhYLBgUEAQICAQQFBgsWFhwRGBgjIxQVJygEAbcDBkFBdzKDgzJ3QUEGAwMGQUF3MoODMndBQQYDAbc8KysrKzw9KyoqKz1eQkFBQl5eQUJCQV7qFg8PDw8WFg8QEA8WfgIBBAUGCxYWHBEYGCMjFBUnKAQEKCgUFSIjGBgRHRUWCwcEBAIBAQEBAQECBAQHCxYVHREYGCMiFRQoKAQEKCcVFCMjGBgRHBYWCwYFBAEC/piDMndBQQYDAwZBQXcyg4Myd0FBBgMDBkFBdzIAAAABAAAAIAQAA2AARwAAAQ4BBz4BNw4BBy4BIyIOAhUUFhcuAycOARUUFhcuAScwFDEUFhcOASMiJiceARcOASMiJiceAzMyPgI1NCY1PgE3BAAcPSAhMAwfQyQcUC0sTDkhAwJBe25gJw0PMyoaMBVhSA4bDwoUCRRrRTaFSg0ZDCNMUVYskd+YTgEfNRUC/g0RAxM8JRIaBx4kITlMLAwYDAMiOU4wGDUdN1wcAQ4LAk1zDgQEAgI+UgIqMAIBFiMYDW2s1WgGDgcWNyAAAAAAAgAAAEAEAANAAA8AEgAAASEiBhURFBYzITI2NRE0JgERAQNA/YBPcXFPAoBPcXH98QFAA0BxT/6AT3FxTwGAT3H9gAIA/wAAAQDA/8ADQAPAADEAAAEVFBYXHgEXHgEzMjY3FQ4BBw4BIyImJy4BJy4BJy4BNREjNT4BNz4BNz4BNzMRIRUhAkABBQQWDREmFic5JiE6Ghs5HyQwGxsuExMaCAcHih4/FRYiDQ0SBaUBAP8AAgDqLTUNDBgICgoPGZoPEwcGBgkJCRkQESMSEzUjAWeRChwTEiwZGkEo/wDAAAAAAQAfACkD4QNxACkAAAEyHgIXMwcnMy4DIyIOAhUUHgIzMjY3Fw4BIyIuAjU0PgIzAcFWlnFDAn68vJICM1VwQEFyVTIyVXJBNF8nSDWESVaZckFBcplWA3FAb5ZV0tJAb1IwMlVzQUFzVjEgHU0qL0JymVdXmXJCAAAAAAEBhQDsAnsCrgATAAABBhQXFjI/ATY0LwEmIgcGFB8BBwGFCgoKHQvECgrECx0KCgqhoQEeCx0KCwvICh0LyAoKCh4Kr68AAAMAmgDNA2YCzQANABwAKgAAASEiBhUUFjMhMjY1NCYlITI2NTQmIyEiBhUUFjMBISIGFRQWMyEyNjU0JgMz/ZoVHh4VAmYVHh79hQJmFR4eFf2aFR4eFQJm/ZoVHh4VAmYVHh4CAB4VFR4eFRUeZh4WFR4eFRYe/s0eFRUeHhUVHgAAAAEBhQDsAnsCrgATAAABFhQHBiIvASY0PwE2MhcWFA8BFwJ7CgoKHQvECgrECx0KCgqhoQEeCx0KCwvICh0LyAoKCh4Kr68AAAEAAP/ABLUDwAAeAAABMD4CMzIeAhUUAg4BMTAuAQI1ND4CMzIeAjECWi1RbkJBb1AtveG9vOK8Kk5vRkZwTikDKS85LzVaeUOh/wC0YGC0AQChQ3laNS85LwAAAQAJAAADrgNuAHgAAAEyFxYXFhUUBxYzMjc2MzIXFhUUBwYHBgcGFRQXFhcWFxYXFhUUBwYHBgcGIyInJiMiBwYHBgcGBwYHBiMiJyYnJicmJyYnJiMiBwYjIicmJyYnJjU0NzY3Njc2NzY1NCcmJyYnJjU0NzYzMhcWMzI3JjU0NzY3NjcB5Uw9PSAQBQgIChMTChEPDxISFRUSEgYWJSUuEB0QfQQCAgYGDQsYGA0VDhMREhAPEhEaGh8dGhkSERAPEhESDxUOGBcKDgYGAgIEfRAdEC0mJhQHEhIVFhISDw8QCRMSDAoIBQ8lPj1aA24nKEYiRRtSBAgICwoQEg0MBgULDBAIEC8nJxMGBwMRKBMGEBAKCwQDAgMKCgwMCwwHCAgHDAsMDAoKAwIEBAoLERAGEygRAwcGEycoLhAIEAwLBQYMDREQCgsHCARRHEUiTiMjAQABAJMAQAOAA0AAIgAAEwEjIgYVFBYzITI2Nz4BNTERNCYjIgYdAQEuASMiBgcGFBeTAhLlGyUlGwGAEyEHAwIlGxsl/e0JGAwMGAkTEwLT/e0lGxslFhIFDQYBgBslJRvlAhIKCQkKEjYSAAAEAAD/wAQAA8AADwATAB8AMwAAASEiBhURFBYzITI2NRE0JgEjETMnIiY1NDYzMhYVFAYBIxE0JiMiBhURIxEzFT4BMzIWFQNU/VhHZWVHAqhHZWX95YCAQBslJRsbJSUB5YAlGxslgIAUOiI8VAPAZUf9WEdlZUcCqEdl/MABwEAlGxslJRsbJf4AAQAbJSUb/wABwE8bNF5CAAAEAMAAAANAA4AAHgAoAE4AVgAAASIOAhUUFhcVFBYzFBY7ATI2NTI2PQE+ATU0LgITFAYrASImPQEhNw4BHQEjNTc1JwcnBycHFRcVIzU0JicuATU0PgIzMh4CFRQGByc1FzcXNxUCAEJ1VzJGOiUbJRuAGyUbJTpGMld1PhMNwA0TAQBAGSdAgEBAQEBAQIBAJxkeIihGXTU1XUYoIt6AQEBAQAOAMld1Qk+FLMAbJRslJRslG8AshU9CdVcy/SANExMNINcZJj0bgIBAQEBAQEBAQICAGz0mGSJWMTVdRigoRl01MVY5gEBAQEBAQAACAAAAgAOAAwAABQALAAABBxcHFwEJAjcnNwJgYODgYAEg/aD+4AEgYODgAwBg4OBgAUABQP7A/sBg4OAAAAAAAQAAAAEAAEZDlvNfDzz1AAsEAAAAAADTjzqIAAAAANOPOogAAP/ABLUDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEtQAAAAAEtQABAAAAAAAAAAAAAAAAAAAAEwQAAAAAAAAAAAAAAAIAAAAEAAEAA24AAAQAAAAEAAAABAAAwAQAAB8EAAGFBAAAmgQAAYUEtQAAA7cACQQAAJMEAAAABAAAwAOAAAAAAAAAAAoAFAAeAD4BOgGiAcYCFAJSAnYCuALcAwoDtgPsBDoEsgTSAAEAAAATALMABQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA);

  src:url(data:application/vnd.ms-fontobject;base64,iA4AAOQNAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAA85ZDRgAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxINXwAAALwAAABgY21hcNb5lP0AAAEcAAAAhGdhc3AAAAAQAAABoAAAAAhnbHlmk+mVyQAAAagAAAmkaGVhZAryuY0AAAtMAAAANmhoZWEIdwSJAAALhAAAACRobXR4QVoG3wAAC6gAAABMbG9jYRPaFhwAAAv0AAAAKG1heHAAGQC1AAAMHAAAACBuYW1lmUoJ+wAADDwAAAGGcG9zdAADAAAAAA3EAAAAIAADA9YBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPBfA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABABoAAAAFgAQAAMABgABACDmBOYJ6QHqPerI8ADwX//9//8AAAAAACDmAOYG6QDqPerI8ADwX//9//8AAf/jGgQaAxcNFdIVSBARD7MAAwABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBAP/AAt8DwAATAAAFIxEjNTc1NDY7ARUjIgYdATMHIwJAwICAUX+OWTEUnxOMQAIAsAFnbHywJSJYsQAAAAAFAAAAAANuA24ADwAgADEAkgCyAAABNCcmIyIHBhUUFxYzMjc2NxQHBiMiJyY1NDc2MzIXFhU3FAcGIyInJjU0NzYzMhcWFSUiIyIjIgcGBwYHBgcGBwYHBgcGFQYXFBUUFQYXFBcWFxYXFhcWFxYXFhcWMxY3MjMyMxY3Mjc2NzY3Njc2NzY3Njc2NTQ1NDU0NTQ1NCcmJyYnJicmJyYnJicmIyIjIiMBFAcGBwYHBiMiJyYnJicmNTQ3Njc2NzYzMhcWFxYXFgJJKys8PSsqKis9PCsrT0JBXl5CQUFCXl5BQj4QDxYWDw8PDxYWDxD+4QQoKBQVIiMYGBEdFRYLBwQEAgEBAQEBAQIEBAcLFhUdERgYIyIVFCgoBAQoJxUUIyMYGBEcFhYLBgUEAQICAQQFBgsWFhwRGBgjIxQVJygEAbcDBkFBdzKDgzJ3QUEGAwMGQUF3MoODMndBQQYDAbc8KysrKzw9KyoqKz1eQkFBQl5eQUJCQV7qFg8PDw8WFg8QEA8WfgIBBAUGCxYWHBEYGCMjFBUnKAQEKCgUFSIjGBgRHRUWCwcEBAIBAQEBAQECBAQHCxYVHREYGCMiFRQoKAQEKCcVFCMjGBgRHBYWCwYFBAEC/piDMndBQQYDAwZBQXcyg4Myd0FBBgMDBkFBdzIAAAABAAAAIAQAA2AARwAAAQ4BBz4BNw4BBy4BIyIOAhUUFhcuAycOARUUFhcuAScwFDEUFhcOASMiJiceARcOASMiJiceAzMyPgI1NCY1PgE3BAAcPSAhMAwfQyQcUC0sTDkhAwJBe25gJw0PMyoaMBVhSA4bDwoUCRRrRTaFSg0ZDCNMUVYskd+YTgEfNRUC/g0RAxM8JRIaBx4kITlMLAwYDAMiOU4wGDUdN1wcAQ4LAk1zDgQEAgI+UgIqMAIBFiMYDW2s1WgGDgcWNyAAAAAAAgAAAEAEAANAAA8AEgAAASEiBhURFBYzITI2NRE0JgERAQNA/YBPcXFPAoBPcXH98QFAA0BxT/6AT3FxTwGAT3H9gAIA/wAAAQDA/8ADQAPAADEAAAEVFBYXHgEXHgEzMjY3FQ4BBw4BIyImJy4BJy4BJy4BNREjNT4BNz4BNz4BNzMRIRUhAkABBQQWDREmFic5JiE6Ghs5HyQwGxsuExMaCAcHih4/FRYiDQ0SBaUBAP8AAgDqLTUNDBgICgoPGZoPEwcGBgkJCRkQESMSEzUjAWeRChwTEiwZGkEo/wDAAAAAAQAfACkD4QNxACkAAAEyHgIXMwcnMy4DIyIOAhUUHgIzMjY3Fw4BIyIuAjU0PgIzAcFWlnFDAn68vJICM1VwQEFyVTIyVXJBNF8nSDWESVaZckFBcplWA3FAb5ZV0tJAb1IwMlVzQUFzVjEgHU0qL0JymVdXmXJCAAAAAAEBhQDsAnsCrgATAAABBhQXFjI/ATY0LwEmIgcGFB8BBwGFCgoKHQvECgrECx0KCgqhoQEeCx0KCwvICh0LyAoKCh4Kr68AAAMAmgDNA2YCzQANABwAKgAAASEiBhUUFjMhMjY1NCYlITI2NTQmIyEiBhUUFjMBISIGFRQWMyEyNjU0JgMz/ZoVHh4VAmYVHh79hQJmFR4eFf2aFR4eFQJm/ZoVHh4VAmYVHh4CAB4VFR4eFRUeZh4WFR4eFRYe/s0eFRUeHhUVHgAAAAEBhQDsAnsCrgATAAABFhQHBiIvASY0PwE2MhcWFA8BFwJ7CgoKHQvECgrECx0KCgqhoQEeCx0KCwvICh0LyAoKCh4Kr68AAAEAAP/ABLUDwAAeAAABMD4CMzIeAhUUAg4BMTAuAQI1ND4CMzIeAjECWi1RbkJBb1AtveG9vOK8Kk5vRkZwTikDKS85LzVaeUOh/wC0YGC0AQChQ3laNS85LwAAAQAJAAADrgNuAHgAAAEyFxYXFhUUBxYzMjc2MzIXFhUUBwYHBgcGFRQXFhcWFxYXFhUUBwYHBgcGIyInJiMiBwYHBgcGBwYHBiMiJyYnJicmJyYnJiMiBwYjIicmJyYnJjU0NzY3Njc2NzY1NCcmJyYnJjU0NzYzMhcWMzI3JjU0NzY3NjcB5Uw9PSAQBQgIChMTChEPDxISFRUSEgYWJSUuEB0QfQQCAgYGDQsYGA0VDhMREhAPEhEaGh8dGhkSERAPEhESDxUOGBcKDgYGAgIEfRAdEC0mJhQHEhIVFhISDw8QCRMSDAoIBQ8lPj1aA24nKEYiRRtSBAgICwoQEg0MBgULDBAIEC8nJxMGBwMRKBMGEBAKCwQDAgMKCgwMCwwHCAgHDAsMDAoKAwIEBAoLERAGEygRAwcGEycoLhAIEAwLBQYMDREQCgsHCARRHEUiTiMjAQABAJMAQAOAA0AAIgAAEwEjIgYVFBYzITI2Nz4BNTERNCYjIgYdAQEuASMiBgcGFBeTAhLlGyUlGwGAEyEHAwIlGxsl/e0JGAwMGAkTEwLT/e0lGxslFhIFDQYBgBslJRvlAhIKCQkKEjYSAAAEAAD/wAQAA8AADwATAB8AMwAAASEiBhURFBYzITI2NRE0JgEjETMnIiY1NDYzMhYVFAYBIxE0JiMiBhURIxEzFT4BMzIWFQNU/VhHZWVHAqhHZWX95YCAQBslJRsbJSUB5YAlGxslgIAUOiI8VAPAZUf9WEdlZUcCqEdl/MABwEAlGxslJRsbJf4AAQAbJSUb/wABwE8bNF5CAAAEAMAAAANAA4AAHgAoAE4AVgAAASIOAhUUFhcVFBYzFBY7ATI2NTI2PQE+ATU0LgITFAYrASImPQEhNw4BHQEjNTc1JwcnBycHFRcVIzU0JicuATU0PgIzMh4CFRQGByc1FzcXNxUCAEJ1VzJGOiUbJRuAGyUbJTpGMld1PhMNwA0TAQBAGSdAgEBAQEBAQIBAJxkeIihGXTU1XUYoIt6AQEBAQAOAMld1Qk+FLMAbJRslJRslG8AshU9CdVcy/SANExMNINcZJj0bgIBAQEBAQEBAQICAGz0mGSJWMTVdRigoRl01MVY5gEBAQEBAQAACAAAAgAOAAwAABQALAAABBxcHFwEJAjcnNwJgYODgYAEg/aD+4AEgYODgAwBg4OBgAUABQP7A/sBg4OAAAAAAAQAAAAEAAEZDlvNfDzz1AAsEAAAAAADTjzqIAAAAANOPOogAAP/ABLUDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEtQAAAAAEtQABAAAAAAAAAAAAAAAAAAAAEwQAAAAAAAAAAAAAAAIAAAAEAAEAA24AAAQAAAAEAAAABAAAwAQAAB8EAAGFBAAAmgQAAYUEtQAAA7cACQQAAJMEAAAABAAAwAOAAAAAAAAAAAoAFAAeAD4BOgGiAcYCFAJSAnYCuALcAwoDtgPsBDoEsgTSAAEAAAATALMABQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA#iefix) format("embedded-opentype"),url(data:font/ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SDV8AAAC8AAAAYGNtYXDW+ZT9AAABHAAAAIRnYXNwAAAAEAAAAaAAAAAIZ2x5ZpPplckAAAGoAAAJpGhlYWQK8rmNAAALTAAAADZoaGVhCHcEiQAAC4QAAAAkaG10eEFaBt8AAAuoAAAATGxvY2ET2hYcAAAL9AAAAChtYXhwABkAtQAADBwAAAAgbmFtZZlKCfsAAAw8AAABhnBvc3QAAwAAAAANxAAAACAAAwPWAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADwXwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAaAAAABYAEAADAAYAAQAg5gTmCekB6j3qyPAA8F///f//AAAAAAAg5gDmBukA6j3qyPAA8F///f//AAH/4xoEGgMXDRXSFUgQEQ+zAAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAQD/wALfA8AAEwAABSMRIzU3NTQ2OwEVIyIGHQEzByMCQMCAgFF/jlkxFJ8TjEACALABZ2x8sCUiWLEAAAAABQAAAAADbgNuAA8AIAAxAJIAsgAAATQnJiMiBwYVFBcWMzI3NjcUBwYjIicmNTQ3NjMyFxYVNxQHBiMiJyY1NDc2MzIXFhUlIiMiIyIHBgcGBwYHBgcGBwYHBhUGFxQVFBUGFxQXFhcWFxYXFhcWFxYXFjMWNzIzMjMWNzI3Njc2NzY3Njc2NzY3NjU0NTQ1NDU0NTQnJicmJyYnJicmJyYnJiMiIyIjARQHBgcGBwYjIicmJyYnJjU0NzY3Njc2MzIXFhcWFxYCSSsrPD0rKiorPTwrK09CQV5eQkFBQl5eQUI+EA8WFg8PDw8WFg8Q/uEEKCgUFSIjGBgRHRUWCwcEBAIBAQEBAQECBAQHCxYVHREYGCMiFRQoKAQEKCcVFCMjGBgRHBYWCwYFBAECAgEEBQYLFhYcERgYIyMUFScoBAG3AwZBQXcyg4Myd0FBBgMDBkFBdzKDgzJ3QUEGAwG3PCsrKys8PSsqKis9XkJBQUJeXkFCQkFe6hYPDw8PFhYPEBAPFn4CAQQFBgsWFhwRGBgjIxQVJygEBCgoFBUiIxgYER0VFgsHBAQCAQEBAQEBAgQEBwsWFR0RGBgjIhUUKCgEBCgnFRQjIxgYERwWFgsGBQQBAv6YgzJ3QUEGAwMGQUF3MoODMndBQQYDAwZBQXcyAAAAAQAAACAEAANgAEcAAAEOAQc+ATcOAQcuASMiDgIVFBYXLgMnDgEVFBYXLgEnMBQxFBYXDgEjIiYnHgEXDgEjIiYnHgMzMj4CNTQmNT4BNwQAHD0gITAMH0MkHFAtLEw5IQMCQXtuYCcNDzMqGjAVYUgOGw8KFAkUa0U2hUoNGQwjTFFWLJHfmE4BHzUVAv4NEQMTPCUSGgceJCE5TCwMGAwDIjlOMBg1HTdcHAEOCwJNcw4EBAICPlICKjACARYjGA1trNVoBg4HFjcgAAAAAAIAAABABAADQAAPABIAAAEhIgYVERQWMyEyNjURNCYBEQEDQP2AT3FxTwKAT3Fx/fEBQANAcU/+gE9xcU8BgE9x/YACAP8AAAEAwP/AA0ADwAAxAAABFRQWFx4BFx4BMzI2NxUOAQcOASMiJicuAScuAScuATURIzU+ATc+ATc+ATczESEVIQJAAQUEFg0RJhYnOSYhOhobOR8kMBsbLhMTGggHB4oePxUWIg0NEgWlAQD/AAIA6i01DQwYCAoKDxmaDxMHBgYJCQkZEBEjEhM1IwFnkQocExIsGRpBKP8AwAAAAAEAHwApA+EDcQApAAABMh4CFzMHJzMuAyMiDgIVFB4CMzI2NxcOASMiLgI1ND4CMwHBVpZxQwJ+vLySAjNVcEBBclUyMlVyQTRfJ0g1hElWmXJBQXKZVgNxQG+WVdLSQG9SMDJVc0FBc1YxIB1NKi9CcplXV5lyQgAAAAABAYUA7AJ7Aq4AEwAAAQYUFxYyPwE2NC8BJiIHBhQfAQcBhQoKCh0LxAoKxAsdCgoKoaEBHgsdCgsLyAodC8gKCgoeCq+vAAADAJoAzQNmAs0ADQAcACoAAAEhIgYVFBYzITI2NTQmJSEyNjU0JiMhIgYVFBYzASEiBhUUFjMhMjY1NCYDM/2aFR4eFQJmFR4e/YUCZhUeHhX9mhUeHhUCZv2aFR4eFQJmFR4eAgAeFRUeHhUVHmYeFhUeHhUWHv7NHhUVHh4VFR4AAAABAYUA7AJ7Aq4AEwAAARYUBwYiLwEmND8BNjIXFhQPARcCewoKCh0LxAoKxAsdCgoKoaEBHgsdCgsLyAodC8gKCgoeCq+vAAABAAD/wAS1A8AAHgAAATA+AjMyHgIVFAIOATEwLgECNTQ+AjMyHgIxAlotUW5CQW9QLb3hvbzivCpOb0ZGcE4pAykvOS81WnlDof8AtGBgtAEAoUN5WjUvOS8AAAEACQAAA64DbgB4AAABMhcWFxYVFAcWMzI3NjMyFxYVFAcGBwYHBhUUFxYXFhcWFxYVFAcGBwYHBiMiJyYjIgcGBwYHBgcGBwYjIicmJyYnJicmJyYjIgcGIyInJicmJyY1NDc2NzY3Njc2NTQnJicmJyY1NDc2MzIXFjMyNyY1NDc2NzY3AeVMPT0gEAUICAoTEwoRDw8SEhUVEhIGFiUlLhAdEH0EAgIGBg0LGBgNFQ4TERIQDxIRGhofHRoZEhEQDxIREg8VDhgXCg4GBgICBH0QHRAtJiYUBxISFRYSEg8PEAkTEgwKCAUPJT49WgNuJyhGIkUbUgQICAsKEBINDAYFCwwQCBAvJycTBgcDESgTBhAQCgsEAwIDCgoMDAsMBwgIBwwLDAwKCgMCBAQKCxEQBhMoEQMHBhMnKC4QCBAMCwUGDA0REAoLBwgEURxFIk4jIwEAAQCTAEADgANAACIAABMBIyIGFRQWMyEyNjc+ATUxETQmIyIGHQEBLgEjIgYHBhQXkwIS5RslJRsBgBMhBwMCJRsbJf3tCRgMDBgJExMC0/3tJRsbJRYSBQ0GAYAbJSUb5QISCgkJChI2EgAABAAA/8AEAAPAAA8AEwAfADMAAAEhIgYVERQWMyEyNjURNCYBIxEzJyImNTQ2MzIWFRQGASMRNCYjIgYVESMRMxU+ATMyFhUDVP1YR2VlRwKoR2Vl/eWAgEAbJSUbGyUlAeWAJRsbJYCAFDoiPFQDwGVH/VhHZWVHAqhHZfzAAcBAJRsbJSUbGyX+AAEAGyUlG/8AAcBPGzReQgAABADAAAADQAOAAB4AKABOAFYAAAEiDgIVFBYXFRQWMxQWOwEyNjUyNj0BPgE1NC4CExQGKwEiJj0BITcOAR0BIzU3NScHJwcnBxUXFSM1NCYnLgE1ND4CMzIeAhUUBgcnNRc3FzcVAgBCdVcyRjolGyUbgBslGyU6RjJXdT4TDcANEwEAQBknQIBAQEBAQECAQCcZHiIoRl01NV1GKCLegEBAQEADgDJXdUJPhSzAGyUbJSUbJRvALIVPQnVXMv0gDRMTDSDXGSY9G4CAQEBAQEBAQECAgBs9JhkiVjE1XUYoKEZdNTFWOYBAQEBAQEAAAgAAAIADgAMAAAUACwAAAQcXBxcBCQI3JzcCYGDg4GABIP2g/uABIGDg4AMAYODgYAFAAUD+wP7AYODgAAAAAAEAAAABAABGQ5bzXw889QALBAAAAAAA0486iAAAAADTjzqIAAD/wAS1A8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABLUAAAAABLUAAQAAAAAAAAAAAAAAAAAAABMEAAAAAAAAAAAAAAACAAAABAABAANuAAAEAAAABAAAAAQAAMAEAAAfBAABhQQAAJoEAAGFBLUAAAO3AAkEAACTBAAAAAQAAMADgAAAAAAAAAAKABQAHgA+AToBogHGAhQCUgJ2ArgC3AMKA7YD7AQ6BLIE0gABAAAAEwCzAAUAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"),url(data:font/woff;base64,d09GRgABAAAAAA4wAAsAAAAADeQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxINX2NtYXAAAAFoAAAAhAAAAITW+ZT9Z2FzcAAAAewAAAAIAAAACAAAABBnbHlmAAAB9AAACaQAAAmkk+mVyWhlYWQAAAuYAAAANgAAADYK8rmNaGhlYQAAC9AAAAAkAAAAJAh3BIlobXR4AAAL9AAAAEwAAABMQVoG32xvY2EAAAxAAAAAKAAAACgT2hYcbWF4cAAADGgAAAAgAAAAIAAZALVuYW1lAAAMiAAAAYYAAAGGmUoJ+3Bvc3QAAA4QAAAAIAAAACAAAwAAAAMD1gGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8F8DwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAGgAAAAWABAAAwAGAAEAIOYE5gnpAeo96sjwAPBf//3//wAAAAAAIOYA5gbpAOo96sjwAPBf//3//wAB/+MaBBoDFw0V0hVIEBEPswADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEA/8AC3wPAABMAAAUjESM1NzU0NjsBFSMiBh0BMwcjAkDAgIBRf45ZMRSfE4xAAgCwAWdsfLAlIlixAAAAAAUAAAAAA24DbgAPACAAMQCSALIAAAE0JyYjIgcGFRQXFjMyNzY3FAcGIyInJjU0NzYzMhcWFTcUBwYjIicmNTQ3NjMyFxYVJSIjIiMiBwYHBgcGBwYHBgcGBwYVBhcUFRQVBhcUFxYXFhcWFxYXFhcWFxYzFjcyMzIzFjcyNzY3Njc2NzY3Njc2NzY1NDU0NTQ1NDU0JyYnJicmJyYnJicmJyYjIiMiIwEUBwYHBgcGIyInJicmJyY1NDc2NzY3NjMyFxYXFhcWAkkrKzw9KyoqKz08KytPQkFeXkJBQUJeXkFCPhAPFhYPDw8PFhYPEP7hBCgoFBUiIxgYER0VFgsHBAQCAQEBAQEBAgQEBwsWFR0RGBgjIhUUKCgEBCgnFRQjIxgYERwWFgsGBQQBAgIBBAUGCxYWHBEYGCMjFBUnKAQBtwMGQUF3MoODMndBQQYDAwZBQXcyg4Myd0FBBgMBtzwrKysrPD0rKiorPV5CQUFCXl5BQkJBXuoWDw8PDxYWDxAQDxZ+AgEEBQYLFhYcERgYIyMUFScoBAQoKBQVIiMYGBEdFRYLBwQEAgEBAQEBAQIEBAcLFhUdERgYIyIVFCgoBAQoJxUUIyMYGBEcFhYLBgUEAQL+mIMyd0FBBgMDBkFBdzKDgzJ3QUEGAwMGQUF3MgAAAAEAAAAgBAADYABHAAABDgEHPgE3DgEHLgEjIg4CFRQWFy4DJw4BFRQWFy4BJzAUMRQWFw4BIyImJx4BFw4BIyImJx4DMzI+AjU0JjU+ATcEABw9ICEwDB9DJBxQLSxMOSEDAkF7bmAnDQ8zKhowFWFIDhsPChQJFGtFNoVKDRkMI0xRViyR35hOAR81FQL+DREDEzwlEhoHHiQhOUwsDBgMAyI5TjAYNR03XBwBDgsCTXMOBAQCAj5SAiowAgEWIxgNbazVaAYOBxY3IAAAAAACAAAAQAQAA0AADwASAAABISIGFREUFjMhMjY1ETQmAREBA0D9gE9xcU8CgE9xcf3xAUADQHFP/oBPcXFPAYBPcf2AAgD/AAABAMD/wANAA8AAMQAAARUUFhceARceATMyNjcVDgEHDgEjIiYnLgEnLgEnLgE1ESM1PgE3PgE3PgE3MxEhFSECQAEFBBYNESYWJzkmIToaGzkfJDAbGy4TExoIBweKHj8VFiINDRIFpQEA/wACAOotNQ0MGAgKCg8Zmg8TBwYGCQkJGRARIxITNSMBZ5EKHBMSLBkaQSj/AMAAAAABAB8AKQPhA3EAKQAAATIeAhczByczLgMjIg4CFRQeAjMyNjcXDgEjIi4CNTQ+AjMBwVaWcUMCfry8kgIzVXBAQXJVMjJVckE0XydINYRJVplyQUFymVYDcUBvllXS0kBvUjAyVXNBQXNWMSAdTSovQnKZV1eZckIAAAAAAQGFAOwCewKuABMAAAEGFBcWMj8BNjQvASYiBwYUHwEHAYUKCgodC8QKCsQLHQoKCqGhAR4LHQoLC8gKHQvICgoKHgqvrwAAAwCaAM0DZgLNAA0AHAAqAAABISIGFRQWMyEyNjU0JiUhMjY1NCYjISIGFRQWMwEhIgYVFBYzITI2NTQmAzP9mhUeHhUCZhUeHv2FAmYVHh4V/ZoVHh4VAmb9mhUeHhUCZhUeHgIAHhUVHh4VFR5mHhYVHh4VFh7+zR4VFR4eFRUeAAAAAQGFAOwCewKuABMAAAEWFAcGIi8BJjQ/ATYyFxYUDwEXAnsKCgodC8QKCsQLHQoKCqGhAR4LHQoLC8gKHQvICgoKHgqvrwAAAQAA/8AEtQPAAB4AAAEwPgIzMh4CFRQCDgExMC4BAjU0PgIzMh4CMQJaLVFuQkFvUC294b284rwqTm9GRnBOKQMpLzkvNVp5Q6H/ALRgYLQBAKFDeVo1LzkvAAABAAkAAAOuA24AeAAAATIXFhcWFRQHFjMyNzYzMhcWFRQHBgcGBwYVFBcWFxYXFhcWFRQHBgcGBwYjIicmIyIHBgcGBwYHBgcGIyInJicmJyYnJicmIyIHBiMiJyYnJicmNTQ3Njc2NzY3NjU0JyYnJicmNTQ3NjMyFxYzMjcmNTQ3Njc2NwHlTD09IBAFCAgKExMKEQ8PEhIVFRISBhYlJS4QHRB9BAICBgYNCxgYDRUOExESEA8SERoaHx0aGRIREA8SERIPFQ4YFwoOBgYCAgR9EB0QLSYmFAcSEhUWEhIPDxAJExIMCggFDyU+PVoDbicoRiJFG1IECAgLChASDQwGBQsMEAgQLycnEwYHAxEoEwYQEAoLBAMCAwoKDAwLDAcICAcMCwwMCgoDAgQECgsREAYTKBEDBwYTJyguEAgQDAsFBgwNERAKCwcIBFEcRSJOIyMBAAEAkwBAA4ADQAAiAAATASMiBhUUFjMhMjY3PgE1MRE0JiMiBh0BAS4BIyIGBwYUF5MCEuUbJSUbAYATIQcDAiUbGyX97QkYDAwYCRMTAtP97SUbGyUWEgUNBgGAGyUlG+UCEgoJCQoSNhIAAAQAAP/ABAADwAAPABMAHwAzAAABISIGFREUFjMhMjY1ETQmASMRMyciJjU0NjMyFhUUBgEjETQmIyIGFREjETMVPgEzMhYVA1T9WEdlZUcCqEdlZf3lgIBAGyUlGxslJQHlgCUbGyWAgBQ6IjxUA8BlR/1YR2VlRwKoR2X8wAHAQCUbGyUlGxsl/gABABslJRv/AAHATxs0XkIAAAQAwAAAA0ADgAAeACgATgBWAAABIg4CFRQWFxUUFjMUFjsBMjY1MjY9AT4BNTQuAhMUBisBIiY9ASE3DgEdASM1NzUnBycHJwcVFxUjNTQmJy4BNTQ+AjMyHgIVFAYHJzUXNxc3FQIAQnVXMkY6JRslG4AbJRslOkYyV3U+Ew3ADRMBAEAZJ0CAQEBAQEBAgEAnGR4iKEZdNTVdRigi3oBAQEBAA4AyV3VCT4UswBslGyUlGyUbwCyFT0J1VzL9IA0TEw0g1xkmPRuAgEBAQEBAQEBAgIAbPSYZIlYxNV1GKChGXTUxVjmAQEBAQEBAAAIAAACAA4ADAAAFAAsAAAEHFwcXAQkCNyc3AmBg4OBgASD9oP7gASBg4OADAGDg4GABQAFA/sD+wGDg4AAAAAABAAAAAQAARkOW818PPPUACwQAAAAAANOPOogAAAAA0486iAAA/8AEtQPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAS1AAAAAAS1AAEAAAAAAAAAAAAAAAAAAAATBAAAAAAAAAAAAAAAAgAAAAQAAQADbgAABAAAAAQAAAAEAADABAAAHwQAAYUEAACaBAABhQS1AAADtwAJBAAAkwQAAAAEAADAA4AAAAAAAAAACgAUAB4APgE6AaIBxgIUAlICdgK4AtwDCgO2A+wEOgSyBNIAAQAAABMAswAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff"),url(/next/assets/f060ff45bad877774be539e185a93bcf.svg#icomoon) format("svg");

  font-weight:normal;

  font-style:normal
}

.fade-in,.fade-in-up,.fade-out,.fade-out-down,.tada,.wobble,.shake,.zoom-in{
  animation-fill-mode:both;
  animation-duration:0.5s
}

.fade-in{
  animation-name:fadeIn
}

@keyframes fadeIn{
  0%{
    opacity:0
  }

  100%{
    opacity:1
  }
}

.fade-in-up{
  animation-name:fadeInUp
}

@keyframes fadeInUp{
  0%{
    opacity:0;
    transform:translateY(20px)
  }

  100%{
    opacity:1;
    transform:translateY(0)
  }
}

.fade-out{
  animation-name:fadeOut
}

@keyframes fadeOut{
  0%{
    opacity:1
  }

  100%{
    opacity:0
  }
}

.fade-out-down{
  animation-name:fadeOutDown
}

@keyframes fadeOutDown{
  0%{
    opacity:1;
    transform:translateY(0)
  }

  100%{
    opacity:0;
    transform:translateY(20px)
  }
}

@keyframes moveDown{
  0%{
    transform:translateY(0)
  }

  100%{
    transform:translateY(20px)
  }
}

.tada{
  animation-name:tada
}

@keyframes tada{
  0%{
    transform:scale(1)
  }

  10%,20%{
    transform:scale(0.9) rotate(-3deg)
  }

  30%,50%,70%,90%{
    transform:scale(1.1) rotate(3deg)
  }

  40%,60%,80%{
    transform:scale(1.1) rotate(-3deg)
  }

  100%{
    transform:scale(1) rotate(0)
  }
}

.wobble{
  animation-duration:1s;
  animation-name:wobble
}

@keyframes wobble{
  0%{
    transform:translateX(0)
  }

  15%{
    transform:translateX(-25%) rotate(-5deg)
  }

  30%{
    transform:translateX(20%) rotate(3deg)
  }

  45%{
    transform:translateX(-15%) rotate(-3deg)
  }

  60%{
    transform:translateX(10%) rotate(2deg)
  }

  75%{
    transform:translateX(-5%) rotate(-1deg)
  }

  100%{
    transform:translateX(0)
  }
}

@keyframes shake{
  0%,100%{
    transform:translateX(0)
  }

  10%,30%,50%,70%,90%{
    transform:translateX(-10px)
  }

  20%,40%,60%,80%{
    transform:translateX(10px)
  }
}

.shake{
  animation-duration:1s;
  animation-name:shake
}

@keyframes zoomIn{
  0%{
    opacity:0;
    transform:scale3d(0.95, 0.95, 0.95)
  }

  50%{
    opacity:1
  }
}

.zoom-in{
  animation-name:zoomIn
}

*{
  box-sizing:border-box
}

html{
  color:#444;
  font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
  font-weight:400;
  font-size:18px;
  line-height:1.44444
}

body{
  width:100%;
  background:#ddd;
  color:#444;
  font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
  font-size:18px;
  font-weight:400;
  line-height:1.44444
}

p,ul,ol{
  font-size:18px
}

p+p,p+ul,p+ol,ul+p,ul+ul,ul+ol,ol+p,ol+ul,ol+ol{
  margin-top:36px
}

p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6,ol+h1,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6{
  margin-top:48px
}

a{
  color:#23b7fb;
  font-weight:600;
  text-decoration:none
}

a:hover{
  color:#55c7fc;
  text-decoration:underline
}

a:active{
  color:#049fe7
}

a.secondary{
  color:#999;
  font-weight:400;
  text-decoration:underline
}

img{
  display:block;
  max-width:100%;
  width:auto;
  height:auto
}

strong,b{
  font-weight:600
}

em{
  font-style:italic
}

mark{
  background:#fdfbbd
}

code{
  font-family:"Menlo", "Consolas", "Courier New", serif;
  font-size:0.8em
}

sup{
  position:relative;
  top:-0.5em;
  font-size:0.6em;
  padding:0;
  line-height:0;
  vertical-align:baseline
}

.visually-hidden{
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}

.visually-hidden.focusable:active,.visually-hidden.focusable:focus{
  clip:auto;
  height:auto;
  margin:0;
  overflow:visible;
  position:static;
  width:auto
}

.clearfix:before,.clearfix:after{
  content:"";
  display:table
}

.clearfix:after{
  clear:both
}

[hidden]{
  display:none
}

.show-at-medium{
  display:none
}

@media (min-width: 760px){
  .show-at-medium{
    display:block
  }
}

.show-at-large{
  display:none
}

@media (min-width: 960px){
  .show-at-large{
    display:block
  }
}

.show-at-larger{
  display:none
}

@media (min-width: 1060px){
  .show-at-larger{
    display:block
  }
}

@media (min-width: 760px){
  .show-only-small{
    display:none
  }
}

.show-only-medium{
  display:none
}

@media (min-width: 760px){
  .show-only-medium{
    display:block
  }
}

@media (min-width: 960px){
  .show-only-medium{
    display:none
  }
}

.avatar{
  border-radius:50%;
  overflow:hidden;
  width:100px
}

.avatar img{
  min-width:100px;
  min-height:100px
}

.chat-bubble{
  position:relative;
  width:100%;
  background-color:#ddd;
  border-radius:10px;
  padding:24px;
  text-align:left;
  font-size:14.4px;
  margin-bottom:24px
}

.chat-bubble:before{
  position:absolute;
  content:'';
  width:0;
  height:0;
  left:15%;
  top:100%;
  border:10px solid;
  border-color:#ddd transparent transparent #ddd
}

.button{
  display:inline-block;
  clear:both;
  background:#23b7fb;
  border:0;
  margin:0;
  line-height:1.3;
  padding:0.55em 1em 0.45em;
  cursor:pointer;
  color:#fff;
  font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
  font-weight:700;
  font-size:22.5px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  text-shadow:none;
  border-radius:4px;
  -moz-appearance:none;
  -webkit-appearance:none;
  white-space:normal
}

.button:hover{
  background:#55c7fc
}

.button:focus{
  outline:none;
  border:1px solid #23b7fb;
  box-shadow:0 0 3px #23b7fb;
  background:#55c7fc
}

.button:active{
  outline:0;
  background:#049fe7
}

.button:link,.button:active,.button:hover{
  color:#fff;
  text-decoration:none
}

.button.-secondary{
  color:#fff;
  text-decoration:none;
  background:#444;
  font-size:18px;
  font-weight:700
}

.button.-secondary:hover{
  background:#3c3c3c
}

.button.-secondary:active{
  background:#090909
}

.button.-tertiary{
  background:none;
  color:#444;
  font-size:18px;
  font-weight:400;
  text-transform:none;
  text-decoration:underline;
  border:0
}

.button.-tertiary:hover{
  color:#222;
  background-color:none;
  text-decoration:underline
}

.button.-tertiary:active{
  background-color:none
}

.button[disabled],.button.is-disabled{
  background:#ddd;
  color:#f7f7f7;
  cursor:default
}

.button[disabled]:hover,.button.is-disabled:hover{
  background:#ddd
}

.button[disabled]:active,.button.is-disabled:active{
  background:#ddd;
  color:#f7f7f7
}

.button.is-loading,.button.is-loading:hover,.button.is-loading:active{
  position:relative;
  color:#ddd;
  color:transparent;
  background:#eee url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBmaWxsPSIjREREIiBkPSJNOC45ODQgMTYuOTA2Yy00LjM4NSAwLTcuOTUzLTMuNTY3LTcuOTUzLTcuOTUzQzEuMDMgNC41NjggNC42IDEgOC45ODUgMWM0LjM4NiAwIDcuOTUzIDMuNTY4IDcuOTUzIDcuOTUzIDAgNC4zODYtMy41NjcgNy45NTMtNy45NTMgNy45NTN6TTguOTg0IDRDNi4yNTQgNCA0LjAzIDYuMjIyIDQuMDMgOC45NTNjMCAyLjczIDIuMjIzIDQuOTUzIDQuOTU0IDQuOTUzIDIuNzMgMCA0Ljk1My0yLjIyMiA0Ljk1My00Ljk1MyAwLTIuNzMtMi4yMi00Ljk1My00Ljk1My00Ljk1M3oiLz4KICA8cGF0aCBmaWxsPSIjOTk5IiBkPSJNMS4wMyA4Ljk1M2wuMDAyLjAzaDNsLS4wMDItLjAzQzQuMDMgNi4yMjMgNi4yNTMgNCA4Ljk4NCA0VjFDNC42IDEgMS4wMyA0LjU2OCAxLjAzIDguOTUzeiI+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCA5IDkiIHRvPSIzNjAgOSA5IiBkdXI9IjEuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvcGF0aD4KPC9zdmc+Cg==) no-repeat center center;
  background-size:32px;
  box-shadow:none;
  cursor:default;
  -webkit-user-select:none;
      -ms-user-select:none;
          user-select:none
}

.modernizr-no-smil .button.is-loading,.modernizr-no-smil .button.is-loading:hover,.modernizr-no-smil .button.is-loading:active,.modernizr-no-smil .button.is-loading:hover,.modernizr-no-smil .button.is-loading:hover:hover,.modernizr-no-smil .button.is-loading:hover:active,.modernizr-no-smil .button.is-loading:active,.modernizr-no-smil .button.is-loading:active:hover,.modernizr-no-smil .button.is-loading:active:active{
  background-image:url(/next/assets/c2aa5014b7f5dcf46e3d3531fc319abc.gif)
}

.modernizr-no-rgba .button.is-loading,.modernizr-no-rgba .button.is-loading:hover,.modernizr-no-rgba .button.is-loading:active,.modernizr-no-rgba .button.is-loading:hover,.modernizr-no-rgba .button.is-loading:hover:hover,.modernizr-no-rgba .button.is-loading:hover:active,.modernizr-no-rgba .button.is-loading:active,.modernizr-no-rgba .button.is-loading:active:hover,.modernizr-no-rgba .button.is-loading:active:active{
  color:#ddd;
  background-image:none
}

.field-label{
  display:block;
  clear:both;
  width:100%;
  font-size:16px;
  font-weight:600;
  margin:0 0 6px;
  height:1.5em;
  overflow:hidden;
  transition:height 0.5s
}

.field-label em{
  font-style:normal;
  color:#999
}

.form-actions{
  text-align:center;
  margin-top:12px
}

.form-actions.-padded{
  margin:24px 0
}

.form-actions+.form-actions{
  margin-top:24px
}

.form-actions.-inline li{
  display:table-cell;
  vertical-align:middle
}

.form-actions.-inline li+li{
  padding-left:24px
}

.form-actions.-inline .button{
  font-size:18px;
  padding-top:14px;
  padding-bottom:10px
}

.form-item{
  margin-bottom:12px
}

.form-item.-padded{
  margin:24px 0
}

.form-item.-inline .field-label{
  display:inline-block;
  width:auto;
  margin:12px 12px 12px 0
}

.form-item.-inline .text-field{
  width:auto
}

.form-item.-inline .option{
  display:inline-block
}

.form-item.-inline .option+.option,.form-item.-inline .option+.button,.form-item.-inline .button+.option,.form-item.-inline .button+.button{
  margin-left:12px
}

.form-item.-inline .button{
  font-size:18px;
  padding:0.5em 1em 0.45em;
  margin:0 12px
}

.media-option{
  position:relative;
  display:block;
  height:auto;
  padding-left:24px;
  cursor:pointer
}

.media-option input{
  position:absolute;
  top:2px;
  left:0
}

.modernizr-checked.modernizr-label-click .media-option{
  position:relative;
  float:left;
  padding-left:48px
}

.modernizr-checked.modernizr-label-click .media-option:before{
  display:block;
  position:absolute;
  top:50%;
  left:-12px;
  width:40px;
  height:30px;
  margin:-15px 0 0 15px;
  font-size:18px;
  font-weight:600;
  text-align:center;
  text-transform:uppercase
}

.modernizr-checked.modernizr-label-click .media-option input{
  top:0;
  left:0;
  opacity:0;
  z-index:-1
}

.modernizr-checked.modernizr-label-click .media-option img{
  cursor:pointer;
  border:2px solid #999;
  border-radius:2px;
  width:100%;
  max-width:100px
}

.modernizr-checked.modernizr-label-click .media-option input:active ~ img{
  border-color:gray
}

.modernizr-checked.modernizr-label-click .media-option input:checked ~ img{
  border-color:#23b7fb
}

.modernizr-checked.modernizr-label-click .media-option input:checked:active ~ img{
  border-color:#049fe7
}

.modernizr-checked.modernizr-label-click .media-option.-radio:before{
  content:"or"
}

.modernizr-checked.modernizr-label-click .media-option:first-child{
  padding-left:0
}

.modernizr-checked.modernizr-label-click .media-option:first-child:before{
  content:""
}

.option{
  position:relative;
  display:block;
  height:auto;
  padding-left:24px;
  margin:6px 0;
  cursor:pointer
}

.option .option__indicator{
  display:none
}

.option input{
  position:absolute;
  top:2px;
  left:0
}

.modernizr-checked.modernizr-label-click .option{
  overflow:hidden
}

.modernizr-checked.modernizr-label-click .option .option__indicator{
  position:absolute;
  top:4px;
  left:0;
  display:block;
  width:16px;
  height:16px;
  color:#ddd;
  background-color:#eee;
  background-size:50% 50%;
  background-position:center center;
  background-repeat:no-repeat;
  -webkit-user-select:none;
      -ms-user-select:none;
          user-select:none
}

.modernizr-checked.modernizr-label-click .option input{
  top:0;
  left:0;
  opacity:0;
  z-index:-1
}

.modernizr-checked.modernizr-label-click .option input:active ~ .option__indicator{
  color:#fff;
  background-color:#c4c4c4
}

.modernizr-checked.modernizr-label-click .option input:checked ~ .option__indicator{
  color:#fff;
  background-color:#23b7fb
}

.modernizr-checked.modernizr-label-click .option input:checked:active ~ .option__indicator{
  background-color:#049fe7
}

.modernizr-checked.modernizr-label-click .option.-checkbox .option__indicator{
  border-radius:4px
}

.modernizr-checked.modernizr-label-click .option.-checkbox input:checked ~ .option__indicator{
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDggOCI+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTYuNCAxbC0uNy43TDMgNC41bC0xLS44LS42LS43TDAgNC40bC43LjcgMS41IDEuNi43LjcuNi0uN0w3IDNsLjgtLjZMNi40IDF6Ii8+Cjwvc3ZnPgo=)
}

.modernizr-checked.modernizr-label-click .option.-radio .option__indicator{
  border-radius:50%
}

.modernizr-checked.modernizr-label-click .option.-radio input:checked ~ .option__indicator{
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDggOCI+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQgMUMyLjMgMSAxIDIuMyAxIDRzMS4zIDMgMyAzIDMtMS4zIDMtMy0xLjMtMy0zLTN6Ii8+Cjwvc3ZnPgo=)
}

.select{
  position:relative;
  display:inline-block;
  width:100%;
  color:#444
}

.select select{
  display:inline-block;
  width:100%;
  margin:0;
  font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
  font-size:18px;
  padding:12px 48px 12px 12px;
  color:#555;
  background-color:#fff;
  border:1px solid #ddd;
  border-radius:4px;
  cursor:pointer;
  outline:0;
  -webkit-appearance:none;
  appearance:none
}

.select select:focus:-moz-focusring{
  color:transparent;
  text-shadow:0 0 0 #000
}

.select select:focus{
  outline:none;
  border:1px solid #23b7fb;
  box-shadow:0 0 3px #23b7fb
}

.select select:active{
  background:#fff
}

.select select::-ms-expand{
  display:none
}

.select:after{
  font-family:"icomoon";
  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;
  content:"\e607";
  position:absolute;
  top:50%;
  right:12px;
  display:inline-block;
  width:0;
  height:0;
  color:#999;
  font-size:32px;
  margin-top:-16px;
  transform:rotate(90deg);
  transition:transform 0.25s;
  pointer-events:none
}

.select.has-error select,.select.error select{
  border:1px solid #ff4747
}

@-moz-document url-prefix(){
  .select select{
    text-indent:0.01px;
    text-overflow:"";
    padding-right:1rem
  }

  .select option{
    background-color:#fff
  }
}

.ie8 .select select,.ie9 .select select{
  z-index:1;
  padding:12px
}

.ie8 .select select:hover,.ie8 .select select:focus,.ie8 .select select:active,.ie9 .select select:hover,.ie9 .select select:focus,.ie9 .select select:active{
  color:#444
}

.ie8 .select:after,.ie9 .select:after{
  content:"";
  z-index:5
}

.ie8 .select:before,.ie9 .select:before{
  position:absolute;
  top:0;
  right:1rem;
  bottom:0;
  z-index:2;
  content:"";
  display:block;
  width:1.5rem
}

.text-field{
  width:100%;
  font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
  font-size:18px;
  border:1px solid #ddd;
  border:1px solid rgba(0,0,0,0.14);
  border-radius:4px;
  background-clip:padding-box;
  padding:12px;
  margin:0;
  transition:border 0.5s;
  -moz-appearance:none;
  -webkit-appearance:none
}

.text-field:focus{
  outline:none;
  border:1px solid #23b7fb;
  box-shadow:0 0 3px #23b7fb
}

.text-field:disabled{
  color:#999;
  background-color:#f7f7f7;
  cursor:not-allowed
}

.text-field.-search,.text-field.is-loading{
  background-repeat:no-repeat;
  background-position:12px 50%;
  background-size:18px 18px;
  padding-left:36px
}

.text-field.-search{
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBmaWxsPSIjNjY2IiBkPSJNMTYuODcyIDYuOTU1YzAgMy4yOS0yLjY2NCA1Ljk1My01Ljk1MiA1Ljk1My0xLjE3NiAwLTIuMjYtLjMzLTMuMTgtLjkyTDMuMjYgMTYuNDljLS4yNTguMjU3LS42MDcuMzg2LS45MzguMzg2LS4zNSAwLS42OC0uMTMtLjkzNy0uMzg2LS41MTQtLjUxNS0uNTE0LTEuMzYgMC0xLjg3NGw0LjUtNC40ODJjLS41ODctLjkyLS45MTgtMi4wMDMtLjkxOC0zLjE4IDAtMy4yODcgMi42NjQtNS45NSA1Ljk1My01Ljk1IDMuMjg4IDAgNS45NTIgMi42NjMgNS45NTIgNS45NXptLTEuOTg0IDBjMC0yLjE4Ni0xLjc4Mi0zLjk2OC0zLjk2OC0zLjk2OC0yLjE4NyAwLTMuOTcgMS43ODItMy45NyAzLjk2OCAwIDIuMTg3IDEuNzgzIDMuOTcgMy45NyAzLjk3IDIuMTg1IDAgMy45NjgtMS43ODMgMy45NjgtMy45N3oiLz4KPC9zdmc+Cg==);
  padding-right:0
}

.text-field.-search::-webkit-search-cancel-button{
  -webkit-appearance:none
}

.modernizr-no-svg .text-field.-search{
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMjQ1RTU2QjhCOEUxMUUzOUZBQ0EwQTAwNjMzNERFOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMjQ1RTU2QzhCOEUxMUUzOUZBQ0EwQTAwNjMzNERFOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA5RTBBQjNBOEI4MzExRTM5RkFDQTBBMDA2MzM0REU4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyNDVFNTZBOEI4RTExRTM5RkFDQTBBMDA2MzM0REU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+py6mcAAAAUJJREFUeNqslDtLA0EURt3VRiRgYW1hpZUGIqJYaKFgKcqKKdIEGxVtLNOI2FiLooUgGB9baGsniEoKSaH/RAQLMesZ+Iplydyw4sDhy2xmzzxyJ0GSJF3/0XqyD6IoGiQqMAv98Ar1OI4fLVGQXhGSEeIWhjPjWrCJ7NgnClOSIvEmyTuswRJca9wRY/bMFTFgiM83UIJ9Zq5ltjtFPKs7yfcN34qWJWlmJa7x7IXYUrdqbW1eeW6cZ105Z4l6lR+G6FtZYKuhT9S0ZlObUDbYassnuoNPKDPbtEd0oDw16wjBBnGomtmGM/iCcTiBMb2zwIruOxWkq5Nah9vwAzPInrwiyUaJHTcY+lSkuzDgKsEnC/JcWiZZJS7bycI8N5yXrtwPom43PCBfzy1qI3P/Hot/EqVkK3Ch88t3Rlb7FWAAs8Bz0OAewv0AAAAASUVORK5CYII=)
}

.text-field.is-loading{
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBmaWxsPSIjREREIiBkPSJNOC45ODQgMTYuOTA2Yy00LjM4NSAwLTcuOTUzLTMuNTY3LTcuOTUzLTcuOTUzQzEuMDMgNC41NjggNC42IDEgOC45ODUgMWM0LjM4NiAwIDcuOTUzIDMuNTY4IDcuOTUzIDcuOTUzIDAgNC4zODYtMy41NjcgNy45NTMtNy45NTMgNy45NTN6TTguOTg0IDRDNi4yNTQgNCA0LjAzIDYuMjIyIDQuMDMgOC45NTNjMCAyLjczIDIuMjIzIDQuOTUzIDQuOTU0IDQuOTUzIDIuNzMgMCA0Ljk1My0yLjIyMiA0Ljk1My00Ljk1MyAwLTIuNzMtMi4yMi00Ljk1My00Ljk1My00Ljk1M3oiLz4KICA8cGF0aCBmaWxsPSIjOTk5IiBkPSJNMS4wMyA4Ljk1M2wuMDAyLjAzaDNsLS4wMDItLjAzQzQuMDMgNi4yMjMgNi4yNTMgNCA4Ljk4NCA0VjFDNC42IDEgMS4wMyA0LjU2OCAxLjAzIDguOTUzeiI+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCA5IDkiIHRvPSIzNjAgOSA5IiBkdXI9IjEuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvcGF0aD4KPC9zdmc+Cg==)
}

.modernizr-no-svg .text-field.is-loading,.modernizr-no-smil .text-field.is-loading{
  background-image:url(/next/assets/3dfc4351957a023e928951488d16edaa.gif)
}

.text-field.has-error{
  border-color:#ff4747
}

textarea.text-field{
  resize:vertical
}

h1,h2,h3,h4,h5,h6,.heading.-hero,.heading.-alpha,.heading.-beta,.heading.-gamma,.heading.-delta,.heading.-epsilon{
  clear:both;
  display:block;
  font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
  font-weight:700;
  line-height:1.2;
  color:#4e2b63;
  margin:0 0 4px;
  text-rendering:optimizeLegibility
}

.heading.-banner{
  color:#000;
  text-transform:uppercase;
  margin:0
}

.heading.-banner span{
  display:block;
  padding:24px 12px 0
}

@media (min-width: 760px){
  .heading.-banner span{
    width:75%;
    float:left;
    margin-left:12.5%
  }
}

.heading.-banner span:after{
  content:'';
  display:block;
  width:330px;
  max-width:100%;
  height:5px;
  background:#fcd116
}

.heading.-emphasized{
  color:#000;
  text-transform:uppercase;
  overflow:hidden;
  margin:0
}

.heading.-emphasized:after{
  content:'';
  display:block;
  max-width:330px;
  width:100%;
  height:5px;
  background:#fcd116
}

.heading.-emphasized.-inverse:after{
  background:#fff
}

.heading.-hero{
  font-size:35.15625px
}

@media (min-width: 760px){
  .heading.-hero{
    font-size:54.93164px
  }
}

h1,.heading.-alpha{
  font-size:28.125px
}

@media (min-width: 760px){
  h1,.heading.-alpha{
    font-size:35.15625px
  }
}

h2,.heading.-beta{
  font-size:22.5px
}

@media (min-width: 760px){
  h2,.heading.-beta{
    font-size:28.125px
  }
}

h3,.heading.-gamma{
  color:#444;
  font-size:22.5px;
  font-weight:600
}

h4,h5,h6,.heading.-delta{
  color:#444;
  font-size:18px;
  font-weight:600
}

.list{
  padding-left:24px
}

.list li+li{
  margin-top:12px
}

.list.-compacted li+li{
  margin-top:0
}

ul.list{
  list-style-type:square
}

ol.list{
  list-style-type:decimal
}

.with-lists ul,.with-lists ol{
  padding-left:24px
}

.with-lists ul{
  list-style-type:square
}

.with-lists ol{
  list-style-type:decimal
}

.with-lists li+li{
  margin-top:12px
}

.with-lists.-compacted li+li{
  margin-top:0
}

.with-lists.-concatenated ul+ul{
  margin-top:0
}

.footnote{
  font-size:14.4px;
  color:#757575
}

.footnote p{
  font-size:14.4px;
  color:#757575;
  margin:0
}

.footnote .heading,.footnote h1,.footnote h2,.footnote h3,.footnote h4,.footnote h5,.footnote h6{
  color:#757575
}

.footnote sup{
  top:-0.7em;
  display:inline-block;
  min-width:6px;
  text-align:right
}

.footnote li p{
  display:inline
}

.footnote li+li{
  margin-top:12px
}

.footnote a{
  color:#757575;
  text-decoration:underline
}

.footnote a:hover{
  color:#b3b3b3
}

.footnote a:active{
  color:gray
}

.media-video{
  height:0;
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative
}

.media-video iframe{
  background-color:#000;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}

.message-callout{
  position:relative
}

@media (min-width: 760px){
  .message-callout{
    transform:rotate(-3deg)
  }
}

.message-callout .message-callout__copy{
  display:inline-block;
  padding:18px 9px;
  position:relative
}

@media (min-width: 760px){
  .message-callout .message-callout__copy{
    margin:0
  }
}

.message-callout .message-callout__copy p{
  color:#000;
  font:27px/1.3 "CoveredGrace",cursive;
  letter-spacing:0.03em;
  line-height:1.1;
  margin:0;
  text-transform:lowercase
}

.message-callout .message-callout__copy:before{
  content:"";
  display:block;
  position:absolute
}

.message-callout.-white .message-callout__copy p{
  color:#fff
}

.message-callout.-blue .message-callout__copy p{
  color:#23b7fb
}

.message-callout.-below{
  padding-top:18px
}

.message-callout.-below .message-callout__copy:before{
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAABFCAYAAAAxfwSTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNjNFNUI5OEYwMEYxMUUzQkRDMkRCMzMwRjE0RDc1NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNjNFNUI5OUYwMEYxMUUzQkRDMkRCMzMwRjE0RDc1NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc4NEY4Q0Y1RjAwQzExRTNCREMyREIzMzBGMTRENzU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc4NEY4Q0Y2RjAwQzExRTNCREMyREIzMzBGMTRENzU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IZsHqgAACSlJREFUeNrMmmtMlNkZx+cGMwzDbYbrKCIWUBdYoKtYzWq9FAW14iWN9pKmX9o0MTUxqU0DpMbGmGxaPzRp2n5oekl2P+0mdpOmabubVrygXCRWGS6iEWa43xlgHC7D9PdM5p2giy26K5yTvMzwzjvv/M///J//85xzXr3uFdrFixejebFy+C5dujSnW4OmX8lFNTU1X3r27Fnp3Nycc35+Plmv1y+kpqb+CtAjSgGurq5eNzk5+e2BgYGv9/X1bR4bG7MB2BAbGzu3Y8eOP6SkpLx35cqV/tUEbHrJ0KcC7ozL5fpOd3d3Xk9PT9zw8LBhySVmwFYmJSV9zPu1BVxVVfU2IH/c2tp6pKGhwf6ZIdHrdQANms1mH/8aVlsSJtgU0Ivy4wx3QVdX189ra2srent7I50BnBxBpLCIdn1ZWVmPOf4UFRXVvuqAAbmFY0MgEIjt7+//3vXr1w/xatQuiI+PD+bk5Ew6nU53YmLiE9i9wblrJpNpmKDzrTrg0dHR7zY1NX2foIpbWFjQ839kmAGly83Nndy2bdvv09PTf8GpCY4FgC7q1qgZHQ7HbxsbG50TExMGn8+nDwaDkQ9jYmKCfD4Hoz6j0RhNh5wcKWVlZYPIZmFNfHjLli2+9vb2mGXph2EAB9BuAA0H6MAsGh5KS0trphNNVqu10WKxtMD42KoBLigomG5paYldetJgMOgWF5cfdcDrADyHnn0ZGRme5OTkBwkJCfV05l4YvPeNAt69e3ffnTt3Mhjq0Am73R7csGHDFD8+h64TyHBGMpze7/frZ2dnn/sy1+hgfB7gXjTehTffJSj/xmh0Xr58ufONAN6/f3/X3bt3s9BvyGMLCwunt2/f/kFcXFwDAVgOSAdgk4aGhjI9Hk/i+Pi4iQ7otA5qzWazBYV5grSLDtQD/n1s7xGy6v8i6w7j+vXrf0KiiBMJEFi6vLy8kc2bN//s6tWrH584ceITGP8EIB8BoAs9x8BgFMya6EQUHdSLfCRQZRSkM0+ePEn2er1b3W73KcCWIJUJgtSzd+/eAIEa/NyAYeOnMCcVWOiHkcN0dnb2L2/evOnlB/z79u3zAmpC9IluPwX4QzowvGnTpiHAW2DRDMAofDxyU+oPI6ndjJ9n4/HvRkdHr+f7fdxz4HNLorS0dIQU7NBO7Nq1axBGnC/zWsmMgHBAroXXjKmpqWNIZwd6f6ujoyNV7JHzzwUpScePG3WQHd9nlH7Nvf2vzfDWrVt/ABN2TZNI5NnGjRuv3bhxY1mrgvVFmJrhmLx9+3bPkSNH7uASd3AL0a6OEYhiRKwwHErtAl7eEwNpdGYnbJccOnRovK6u7slrAS4qKvomeltHcIVKTYZ7HkbuE4gPV3IDOjB/69at4fr6+qZjx47VwWAb4PX4tB2ANu2+4jKDg4NmwOcyOqWHDx/WlZeXt/H9VwpI4549e/Kpd98hYIwyfKJNmPonVud61d4L63yvFdZv0elanKaYwItH31HYYwg4ejdQrqYA+ss4i4VrWwE9s2LAR48ebeT1awxdCg4xiEN8CDsfyLC/rs7kuwx598mTJ/8N8H6ArQNosrAsgS3yY1RtvC+iU1YwNAN6RYWUkQufHT9+/B667US/f2E4f4fpj38RnolURgnoulOnTonGnXj9RmRi0uoVYseCHRbhPhZA/0vi4/8Clj8HDhwYwS/vk6Fa30TJKPeXwCQgxWEKcJVoLfWj6WiYL+Lz5Obm5r/rVGoyRzx79mwNcdNLvAjNoQOdB0tKSibPnTv3oxUxvFoNbU/hDk1IYJKsWkywS0CGCq2RkREz8vjK6dOnR7G9FuQRUIpt2Pwh6dojNbfGtBwHDx58dOHChXIlGF7axLcrKyuncYydBJ9VAlGKL+zVTgWYhBHUk7zGlQEcBt1cUVEhax8lWmYUv0YmmdjhAJ81vOgchrWWBnb3GwKuDj+OVHJtbW0xJJdv4ChvvXj9mgOmtngMm38E9HMLMpSp+Xh2pVKSCNciQVzBDfBM9Pu2lKbhFB4N+3Z03iZZUxnAYdB+CiFxjHyXy5Ut5yR9E4SJZN8eZvW1OhXb+fPnv0XNPEd5GrI4iv7gmTNn/kENblNGwy9Mau8XFxf/x2q1BsMlqa63t7eAGuRdJQGj4x7qjUamXpEsh0c70PVBJQELqYD9K4ljirli6ASBGEUA5iMLg5I6rqmpySVhuPBlSRhB0TP/t6rKsCw1DGJnLk3HUhih4fiqqqoCJQHTpmH3IRVdZK5HxosiAPOVBCzLC7jFIwr6yESC+sIC4K3o2KKkkAHcQdBFFjcIvJiZmZnNJBOHSTWwYTd4TLAFljAsC5LxykpCLJn5pV/Wp6XJ2jQe7ZVtCiUlQT3sANy8BlgWKSnwBatNTTPGzQA7K5PTcIqW9boEZJGqJGC81wdAi2wShSs3PYcZlmNVZVhARmuroJLtwhr2GlR0CRh2wmZosVyabAqR+dySBVVk2CArQdPT0zZtCdhms81KJSdZ0KSihAGcS6KI0dbgSCIB2J0Wy1PSh3EDO4dhSRDqAT2mavEjGzwpBFxkvol+/TAc2h8xKRZwJllEefDgQRZFewiwrFcwC3HjEO0SkKoxbJmamqro6+vL5tUQXmiZZxbSoj35olrQRcvGjdvtTtA8GIZnsbV2Td9KMQxIM7OLTHmqQDsXHx8/g6U9VXKKJNtlaDdDVjHDVZoAHkO/HuUAy2IJYMt7enoiW3BMkwIOh8Ml2xnKAZZn4kZHR8uePn0aq+nX6XROM1VqWLpzqkzQwWrRwMBAkTxVIA1WBbCbgGt4TjaKyCGR2mEnckjXziGFBSythfldq3KAkUM6E82S3t5es3ZOHhoh4BpefFxSCcBUZZvQ7yZY1ofdQjbpHyGH259xEhXcYWRk5FRHR4dTO4d2FzIzM/+Mrd1TDjBT+J0ej+erBFzIAEgSuuzs7CGCrnW5ZzYMa8yuPFdR2d3dvV42GCVhpKWlLWRlZdVTTnqWTS5rndzQ7judnZ1mbTqfk5PThztc432/ioD9ZLPWvLw8v91uXywsLPTm5uZ+SP376cses9ErEHSJQ0ND5wcHB8tSU1NrkcR7gJ142fV6FWyturo6k/mbA93Kk4X/85nO/wowAOmfzF+GYyleAAAAAElFTkSuQmCC) 50% 50%/25px no-repeat transparent;
  height:38px;
  right:-5px;
  top:-15px;
  width:25px
}

.message-callout.-below.-white .message-callout__copy:before{
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAABFCAQAAACbdswYAAAEKElEQVR4Aa3Y3W8ddB3H8dd57mlpS1smWzcpXZaunElHWecoLDIfCBiRK5XohRdeeLcb/wyvjYkxJl5ojA8IAYOY8JCFLMsW5sB16VpXwMX1kW5dT7ue9pyer0SXeLEB4+z3/ty/8r39/TJuW+QU1G1ruXy4pV4DenTZ9oYbLcMAgC5f9qRH9StZ0e5V1buHO4x51hFD7ge87527h3f6tu/5BoBwVVWGVuGskHG/HzhuAGyqqbrsjJcstg7v0KPkacftAde967xL3vOudfXW4Scct0/BDtBwzs+8pqYpoHX4OeNKAGqyBo26bt1lDS2XiXMeAUDDoqobVl1y1pQPzNto7eI6gKasvH7AmKPmTThv0r/M2/y88BWj8lh2UdWQDiVlJR322++IWZdMOOvvlix/HnjDlrzwT78w7bAevYY9ZIeivDZ77TXum0467YQlVdt3BpcV0TTrbR96T1nGsGMets+Qkqy8Tg8ZdtSPvOJl0xriTuA8crKuoWYTZ1zwgGF7jKmoKCJjSMOgR7zohLnPhrOAvFUQaLjugg/kvWDUiDFH9Coo2ulbKsa97ITGp8NzNpSR02sZAE1rWDHnlDc95qBDKujwJbsd9nt/Nf3p8KYyygYsu7W6RYsuGPC4p3xNN3qM26XiN07b+iT4rAX3Wreg6ZNbsWLG3xx31KA+POiHdvqlt6y7XVGOn8Zk/Dm+G/eEz9x98fX4ecxGI/7XW/GdaA+3Toj+OBaPRjHc4frjJzER2zfp0x/T2dvD2ShEPtzxstETz8epqP8Xrn9MP387uLV1xTPxQqzdpN+Or6SCRSGeiD9G7Sb9ZjwWufD/5bVa3UmEZ5XlfdWPXTMFQOswnNTU6Sk54TmTfuUqQNbddcqvXURGn+8blU0F84Y/WAWjnvaFdPCyV70OeNJoOjhMeNG0wIhn7E0FU/O638qgzTHD6WDm/cWMJoYcVEwH828vWUebwwZTwted8xHYbyQl3HDWh+rYYZ9MOnjbkmkb6POgSAezZsI6svrcnxLeMmMJtNmVEg5zFkG33fLpYBZsgJ0e0J4OzljWAB06SQeHnDUNbKhaTwfTblMD27KKKeFQU0dZp3tSwnXtCigopb2YkgK2VdXSwRldspqomrOWEt7jPnlc9ZGtdHDYpVcGm2oiJdylBHLWSAfTow2sWCUvTVndBtyLVVMWZVJdnHfAQd2YN6lKKjinoqKAZZcR6S7u1wGWLEEquOCLAptmXUsHFx0wog3LLphNB3cZU1HAjEkNyEvRboe0Y8M/vE+qi9sMeRgsmLCQDu5UMQhmXHQjHdxnWCea3nGJVHDRuHFw2SuupIMHHLMHW86ZFanggsMOyQlXnLBCKjhjxAFsO+OkaqoHJA1Tztvloj+Z0kgHN/3Oksed8ZoaAGTCXdet/db/mf8AnaMxkl3F7c8AAAAASUVORK5CYII=)
}

.message-callout.-above .message-callout__copy:before{
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABQCAYAAAADfLX5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNjNFNUI5Q0YwMEYxMUUzQkRDMkRCMzMwRjE0RDc1NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNjNFNUI5REYwMEYxMUUzQkRDMkRCMzMwRjE0RDc1NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI2M0U1QjlBRjAwRjExRTNCREMyREIzMzBGMTRENzU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI2M0U1QjlCRjAwRjExRTNCREMyREIzMzBGMTRENzU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+x9xuJAAAA9RJREFUeNq8mWlIVUEUx68+X1ppVrY8pR2E9p0WK1ughYw2rajoY32KCIL6WF8iyw9+ipBWI6ISbS+p0IpssWihjTYzlywrQ7HCJF//4c6F4TR38d1jB35cztx59/9m7ixnzo0KxsYZsM5gP5gOSsAOUGUwWCAQEyOuW8Fm0B2MA+tBI7jvVyBaXlNIeTzYCy6AEIdALqjQ3M8AT8FMvwLvwCiQo6nTC1wHq/28A2Gt4Cq4BqaA3qRuJqgHDyIVsKwaHABDwGhNl70Cz/wICPsDikAsmEHuZYEroMaLQJScB062DWSTsmYwAHyPtAWqlYEEkKaUdQKTQD6HgCG7ZDJIVcoGy9n+2G8Xqf+6hoyuFpAEfrjNAy/2G6wkZWIQ7OJqgWWFYDkp6yvniK8WWLZRU7aFo4ssqwNHSdkGu2dFR7iGbSe+WOaXcgpUgpukbA2ngLDDxF8A4jgFzoE2xe8K0jkFGuQyotosTgFhpcSfyC1QTvyR9Jl+BcTGE1b8ZDCIU6BKTjzVUjkFwppoJIVTwNBsnSFuga+aMKdDBRK5BVrpNswt0ET8BG6Bnx0tQFfQb9wCicRv4RYIasJOVoEe/7uLGrkF+jhNPA4Beob7zCkQkHuAah85BUIybFRHUDWnQH+y9tTSGNWvQCrxP5BQxrfAUOK/5o4qhhP/JbcAPeY+5xToJ89pqj3hFBgjTkiK/0YTwvgSoGHiI+7wPc0ljPQlEJTn5g4TGEuW6Wa7LEykArOJfxf84hSYQ/xbnMdYEUVMczmI+BIQqc94skXe4RSYR/wSTfj4j0AS2TicbJEm1WM4CawyzKzjW8NM0DqZyOMNI2XFTj8Q2ah8mZYRtluKZtvUz9CsnpVuLaDBq8j/ZNnUX0L88279KQQeasoL5HtRradmgp3xImCXaD1E/IVk1In4554XgXKbe4vJjrWC3C/yMuSi5SQJ29zfKa9dZDZFtZNeBeps3oM65icYZtbRsi/ghlcBt8kihub8SLpHmJV1THf4RxWyi0JkNS1tj4AI/z7RQ7SN1UuxcHu6SAStlz22usDrw62lQu3XdR5+c0xTJr5iTQUjDPNLiniu+M6Qq2Z+RaUGzbGUpm8GKhu/WDqWyRmerKl/nKaWTxs2+U/ZLSIBexZsAms1kR21NpreF+8k066yYWYW94C5mtOlzvJoC7rJQ1wwwpRCmYzwmuRz8mI0iY0SzcRysovglGF+wapzGkWWFXoQeC9H0wnwwuswteySQ33R/H3giNNG7xZV1GoCqdvy5Y83zK+2re1di3TH0xy5Bh10aZWj/RVgAPTqshVGht2TAAAAAElFTkSuQmCC) 50% 50%/14px no-repeat transparent;
  height:50px;
  right:-20px;
  bottom:-15px;
  width:20px
}

.message-callout.-above.-white .message-callout__copy:before{
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAABQCAYAAAADfLX5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNjNFNUJBMEYwMEYxMUUzQkRDMkRCMzMwRjE0RDc1NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNjNFNUJBMUYwMEYxMUUzQkRDMkRCMzMwRjE0RDc1NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI2M0U1QjlFRjAwRjExRTNCREMyREIzMzBGMTRENzU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI2M0U1QjlGRjAwRjExRTNCREMyREIzMzBGMTRENzU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1phyBwAAA2tJREFUeNq8mUtIFVEYx6/XrLSHmGlqD6wQwp6LQMzSbFFR0SJ6GRQEtShoW9GyIOkBrSJaZAS6igpKLEoMKumBFIESFYn20LKysodZ6fQ/dS6M/87MnHvnsw9+cL9zZ85v7rkzZ858E3EcJwJSQTVoA1Vgim4PTezDPmdwfAY7JQTRyN/IiwyO0eA4qAU5kTChTdPBM8ccb0FZ2CFSpIHDjndUhBXEKAEtHpIdEgLFcH1WmWKjhCDGQQ9JsZRAsccgUKdxhpRAcdQgaZAUKOoMkq1B+yX9sdjFcPASZLna+kAm+Oq1UzSOa/IHWE9tI0ClzZUcD+cMQ5Ut8R/EyDUIDkkKFGdI8AFEJQX5hl+xxm+6jjfawA1q2xT2LOI4TflyMFJScBEMuPJRoFRS0A0aqW2xpEDFdcrnSwvuUT6L+wwraFaTgSvPBfmSguegk9oKJAXq6FupLU9SENFTuDtypAXvKB8/1IJ0acFPypOlBT2Uj5EWfBtqAc+g76UF6ZT3SQtSKO+XFmT87yH6JC3I9rvwJAT8DPdGUpCs7wHu6JAUqKOfQGfQC0nBZJp7XoEuSUEB5e20lAktmEH5E+lVRSHlj6QFcyhvkRRMAlOp7aGkYC5IcuVPDUuYUAJeJj6QXr4vCFhGhhKoe0DRUArm0TT9BTRJCsopvwN6JQVLKL8l8aTvXkWUBDyIhBIs1EVD9y3ytqRgKeUNhuXjP4JMunH4xSrKrwYVQzaAj7qKtTvgCX+a4Qk/P6gg9Z122Ouzwy7attmm4tVtOKq1HjvU03aVNoJ6j8piJm08DvTTNkU2tesmj7+nivIVdNap9c/doDMi6jVJIVbTHWsdfX/etjiuKlgDHsN0yVXX7qPvyuIpazb5FMXV94uorSve9wd+F8tKsCyh4XFVHUt9foF6r9BJbeW2vyBWmFXLv9f8EO0RXXpNalXRjboWrZctf/RZ285VDKNx3WyxT7WhLRUUg5lgtu73MTjmHi/1qqvX8Y921/YpekqpAR0e29fwn3LBp3N1rWwDWeAAaHWCo58FFT4b/wLXQI9jHye4vD9WP8SlJFhSaNQrvB7dz0nTuXvFiS9qwRY95VjVrrdbdKrGfz8oTOQVy0Sfju/rA0gJ+xbqJnXc6FVdT/QdjpoKjoA0cArUJboE/y3AABuYIyYCxYTqAAAAAElFTkSuQmCC)
}

.message-callout.-right .message-callout__copy{
  padding-left:45px
}

.message-callout.-right .message-callout__copy:before{
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAgCAYAAABAQWX9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERDAzNEU4M0YwMTQxMUUzQkRDMkRCMzMwRjE0RDc1NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERDAzNEU4NEYwMTQxMUUzQkRDMkRCMzMwRjE0RDc1NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI2M0U1QkEyRjAwRjExRTNCREMyREIzMzBGMTRENzU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkREMDM0RTgyRjAxNDExRTNCREMyREIzMzBGMTRENzU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ykRR4wAAAYtJREFUeNrsmU9Kw0AUxpNUkFIQQXDnVtStOxG8gucIeBRXepDeQak3KNhtd6ULSZABTVLf0y/QDjNxSAxq3/vgg2aahMyv709mGkXddUmekguywbF4peScvLJcSodiHFDWfScNCqfL8hsotceSwPBkq0AwpaRoMYFQVogsEQV5rlDc0VIEQsklte5xIBSDriVGIWlUSGzTJrCuiFOuYPwKqTEVomsu6QUvxuTbqMILX0ZekGeAd/PLc+KaeGSNHZKPA64dkV/J1+THGClz0MNDVhb4lw732iUPHeODngDzsw9iHPCWwwkiSfWl+wQfzkBLZdWcWoUjTBnYM3J42GMY/zV9ptXO2sC7Y/IJosoueOcocHs45z9AKwOhZCjIG5HDdefUccET+aJFp7DXXPsdfsXM892DlQHcAG650/w02bRhyaAivXkATRRN86o8VTz+6Ckj/dvFW3sUEDRRQO23MhRQ1LwJpoAAwQdous0TTwLOucLSwqWZNnd3ipWKZFOcRsttT6daHwIMADlb8iWbRuZSAAAAAElFTkSuQmCC) 50% 50%/35px no-repeat transparent;
  height:19px;
  left:0;
  margin-top:-9px;
  right:auto;
  top:50%;
  width:38px
}

.message-callout.-right.-white .message-callout__copy:before{
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAgCAMAAAB3n5XPAAAAOVBMVEX///+9vb3x8fH5+fng4ODn5+f6+vr19fXs7Ozl5eX39/fi4uLz8/Pq6ur7+/vu7u7o6Oj9/f38/PxzVWW1AAAAEXRSTlMAAOz8PLD999aT+mrzxv7jr+/ztbIAAADqSURBVHherdPbjoUgDIbRn5aTgofy/g877iE1Q2Iybuu64upLGwDOOfzlMyffj87hqVKbiERjpyTpJkvHk6hg6IRVlGEvn0Q18l90XIdua2Pl7Lib+jAsqno8Fs5hUsFzm1Z4gkHSDMGiGjOqaWdNWzB3VJwphwn/mMJhIZXIAyRXIjPTqPJHkysRQF7FbgLAb3ZiroZePB9Qw2FaaL5da6zm/iWzfCzDddCBBzP92vcQdo8rRT4YZrMOZBT6vuWlgaKHUWkvhRYZQm6E++oQehBQSUPGDmIPZWvH90sLto6uFmHvIFPG084PapsjY1XGfmwAAAAASUVORK5CYII=)
}

@media (min-width: 760px){
  .message-callout.-dynamic-right{
    padding-top:0
  }

  .message-callout.-dynamic-right .message-callout__copy{
    left:0;
    padding-bottom:3px;
    padding-top:3px;
    padding-left:45px
  }

  .message-callout.-dynamic-right .message-callout__copy:before{
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAgCAYAAABAQWX9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERDAzNEU4M0YwMTQxMUUzQkRDMkRCMzMwRjE0RDc1NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERDAzNEU4NEYwMTQxMUUzQkRDMkRCMzMwRjE0RDc1NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI2M0U1QkEyRjAwRjExRTNCREMyREIzMzBGMTRENzU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkREMDM0RTgyRjAxNDExRTNCREMyREIzMzBGMTRENzU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ykRR4wAAAYtJREFUeNrsmU9Kw0AUxpNUkFIQQXDnVtStOxG8gucIeBRXepDeQak3KNhtd6ULSZABTVLf0y/QDjNxSAxq3/vgg2aahMyv709mGkXddUmekguywbF4peScvLJcSodiHFDWfScNCqfL8hsotceSwPBkq0AwpaRoMYFQVogsEQV5rlDc0VIEQsklte5xIBSDriVGIWlUSGzTJrCuiFOuYPwKqTEVomsu6QUvxuTbqMILX0ZekGeAd/PLc+KaeGSNHZKPA64dkV/J1+THGClz0MNDVhb4lw732iUPHeODngDzsw9iHPCWwwkiSfWl+wQfzkBLZdWcWoUjTBnYM3J42GMY/zV9ptXO2sC7Y/IJosoueOcocHs45z9AKwOhZCjIG5HDdefUccET+aJFp7DXXPsdfsXM892DlQHcAG650/w02bRhyaAivXkATRRN86o8VTz+6Ckj/dvFW3sUEDRRQO23MhRQ1LwJpoAAwQdous0TTwLOucLSwqWZNnd3ipWKZFOcRsttT6daHwIMADlb8iWbRuZSAAAAAElFTkSuQmCC) 50% 50%/35px no-repeat transparent;
    height:19px;
    left:0;
    margin-top:-9px;
    right:auto;
    top:50%;
    width:38px
  }
}

@media (min-width: 760px){
  .message-callout.-dynamic-right.-white .message-callout__copy:before{
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAgCAMAAAB3n5XPAAAAOVBMVEX///+9vb3x8fH5+fng4ODn5+f6+vr19fXs7Ozl5eX39/fi4uLz8/Pq6ur7+/vu7u7o6Oj9/f38/PxzVWW1AAAAEXRSTlMAAOz8PLD999aT+mrzxv7jr+/ztbIAAADqSURBVHherdPbjoUgDIbRn5aTgofy/g877iE1Q2Iybuu64upLGwDOOfzlMyffj87hqVKbiERjpyTpJkvHk6hg6IRVlGEvn0Q18l90XIdua2Pl7Lib+jAsqno8Fs5hUsFzm1Z4gkHSDMGiGjOqaWdNWzB3VJwphwn/mMJhIZXIAyRXIjPTqPJHkysRQF7FbgLAb3ZiroZePB9Qw2FaaL5da6zm/iWzfCzDddCBBzP92vcQdo8rRT4YZrMOZBT6vuWlgaKHUWkvhRYZQm6E++oQehBQSUPGDmIPZWvH90sLto6uFmHvIFPG084PapsjY1XGfmwAAAAASUVORK5CYII=)
  }
}

.message-callout.-above-horizontal{
  transform:none
}

.message-callout.-above-horizontal .message-callout__copy{
  padding:18px 0px
}

.message-callout.-above-horizontal .message-callout__copy:before{
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAABFCAYAAAAxfwSTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNjNFNUI5OEYwMEYxMUUzQkRDMkRCMzMwRjE0RDc1NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNjNFNUI5OUYwMEYxMUUzQkRDMkRCMzMwRjE0RDc1NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc4NEY4Q0Y1RjAwQzExRTNCREMyREIzMzBGMTRENzU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc4NEY4Q0Y2RjAwQzExRTNCREMyREIzMzBGMTRENzU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IZsHqgAACSlJREFUeNrMmmtMlNkZx+cGMwzDbYbrKCIWUBdYoKtYzWq9FAW14iWN9pKmX9o0MTUxqU0DpMbGmGxaPzRp2n5oekl2P+0mdpOmabubVrygXCRWGS6iEWa43xlgHC7D9PdM5p2giy26K5yTvMzwzjvv/M///J//85xzXr3uFdrFixejebFy+C5dujSnW4OmX8lFNTU1X3r27Fnp3Nycc35+Plmv1y+kpqb+CtAjSgGurq5eNzk5+e2BgYGv9/X1bR4bG7MB2BAbGzu3Y8eOP6SkpLx35cqV/tUEbHrJ0KcC7ozL5fpOd3d3Xk9PT9zw8LBhySVmwFYmJSV9zPu1BVxVVfU2IH/c2tp6pKGhwf6ZIdHrdQANms1mH/8aVlsSJtgU0Ivy4wx3QVdX189ra2srent7I50BnBxBpLCIdn1ZWVmPOf4UFRXVvuqAAbmFY0MgEIjt7+//3vXr1w/xatQuiI+PD+bk5Ew6nU53YmLiE9i9wblrJpNpmKDzrTrg0dHR7zY1NX2foIpbWFjQ839kmAGly83Nndy2bdvv09PTf8GpCY4FgC7q1qgZHQ7HbxsbG50TExMGn8+nDwaDkQ9jYmKCfD4Hoz6j0RhNh5wcKWVlZYPIZmFNfHjLli2+9vb2mGXph2EAB9BuAA0H6MAsGh5KS0trphNNVqu10WKxtMD42KoBLigomG5paYldetJgMOgWF5cfdcDrADyHnn0ZGRme5OTkBwkJCfV05l4YvPeNAt69e3ffnTt3Mhjq0Am73R7csGHDFD8+h64TyHBGMpze7/frZ2dnn/sy1+hgfB7gXjTehTffJSj/xmh0Xr58ufONAN6/f3/X3bt3s9BvyGMLCwunt2/f/kFcXFwDAVgOSAdgk4aGhjI9Hk/i+Pi4iQ7otA5qzWazBYV5grSLDtQD/n1s7xGy6v8i6w7j+vXrf0KiiBMJEFi6vLy8kc2bN//s6tWrH584ceITGP8EIB8BoAs9x8BgFMya6EQUHdSLfCRQZRSkM0+ePEn2er1b3W73KcCWIJUJgtSzd+/eAIEa/NyAYeOnMCcVWOiHkcN0dnb2L2/evOnlB/z79u3zAmpC9IluPwX4QzowvGnTpiHAW2DRDMAofDxyU+oPI6ndjJ9n4/HvRkdHr+f7fdxz4HNLorS0dIQU7NBO7Nq1axBGnC/zWsmMgHBAroXXjKmpqWNIZwd6f6ujoyNV7JHzzwUpScePG3WQHd9nlH7Nvf2vzfDWrVt/ABN2TZNI5NnGjRuv3bhxY1mrgvVFmJrhmLx9+3bPkSNH7uASd3AL0a6OEYhiRKwwHErtAl7eEwNpdGYnbJccOnRovK6u7slrAS4qKvomeltHcIVKTYZ7HkbuE4gPV3IDOjB/69at4fr6+qZjx47VwWAb4PX4tB2ANu2+4jKDg4NmwOcyOqWHDx/WlZeXt/H9VwpI4549e/Kpd98hYIwyfKJNmPonVud61d4L63yvFdZv0elanKaYwItH31HYYwg4ejdQrqYA+ss4i4VrWwE9s2LAR48ebeT1awxdCg4xiEN8CDsfyLC/rs7kuwx598mTJ/8N8H6ArQNosrAsgS3yY1RtvC+iU1YwNAN6RYWUkQufHT9+/B667US/f2E4f4fpj38RnolURgnoulOnTonGnXj9RmRi0uoVYseCHRbhPhZA/0vi4/8Clj8HDhwYwS/vk6Fa30TJKPeXwCQgxWEKcJVoLfWj6WiYL+Lz5Obm5r/rVGoyRzx79mwNcdNLvAjNoQOdB0tKSibPnTv3oxUxvFoNbU/hDk1IYJKsWkywS0CGCq2RkREz8vjK6dOnR7G9FuQRUIpt2Pwh6dojNbfGtBwHDx58dOHChXIlGF7axLcrKyuncYydBJ9VAlGKL+zVTgWYhBHUk7zGlQEcBt1cUVEhax8lWmYUv0YmmdjhAJ81vOgchrWWBnb3GwKuDj+OVHJtbW0xJJdv4ChvvXj9mgOmtngMm38E9HMLMpSp+Xh2pVKSCNciQVzBDfBM9Pu2lKbhFB4N+3Z03iZZUxnAYdB+CiFxjHyXy5Ut5yR9E4SJZN8eZvW1OhXb+fPnv0XNPEd5GrI4iv7gmTNn/kENblNGwy9Mau8XFxf/x2q1BsMlqa63t7eAGuRdJQGj4x7qjUamXpEsh0c70PVBJQELqYD9K4ljirli6ASBGEUA5iMLg5I6rqmpySVhuPBlSRhB0TP/t6rKsCw1DGJnLk3HUhih4fiqqqoCJQHTpmH3IRVdZK5HxosiAPOVBCzLC7jFIwr6yESC+sIC4K3o2KKkkAHcQdBFFjcIvJiZmZnNJBOHSTWwYTd4TLAFljAsC5LxykpCLJn5pV/Wp6XJ2jQe7ZVtCiUlQT3sANy8BlgWKSnwBatNTTPGzQA7K5PTcIqW9boEZJGqJGC81wdAi2wShSs3PYcZlmNVZVhARmuroJLtwhr2GlR0CRh2wmZosVyabAqR+dySBVVk2CArQdPT0zZtCdhms81KJSdZ0KSihAGcS6KI0dbgSCIB2J0Wy1PSh3EDO4dhSRDqAT2mavEjGzwpBFxkvol+/TAc2h8xKRZwJllEefDgQRZFewiwrFcwC3HjEO0SkKoxbJmamqro6+vL5tUQXmiZZxbSoj35olrQRcvGjdvtTtA8GIZnsbV2Td9KMQxIM7OLTHmqQDsXHx8/g6U9VXKKJNtlaDdDVjHDVZoAHkO/HuUAy2IJYMt7enoiW3BMkwIOh8Ml2xnKAZZn4kZHR8uePn0aq+nX6XROM1VqWLpzqkzQwWrRwMBAkTxVIA1WBbCbgGt4TjaKyCGR2mEnckjXziGFBSythfldq3KAkUM6E82S3t5es3ZOHhoh4BpefFxSCcBUZZvQ7yZY1ofdQjbpHyGH259xEhXcYWRk5FRHR4dTO4d2FzIzM/+Mrd1TDjBT+J0ej+erBFzIAEgSuuzs7CGCrnW5ZzYMa8yuPFdR2d3dvV42GCVhpKWlLWRlZdVTTnqWTS5rndzQ7judnZ1mbTqfk5PThztc432/ioD9ZLPWvLw8v91uXywsLPTm5uZ+SP376cses9ErEHSJQ0ND5wcHB8tSU1NrkcR7gJ142fV6FWyturo6k/mbA93Kk4X/85nO/wowAOmfzF+GYyleAAAAAElFTkSuQmCC) 50% 50%/25px no-repeat transparent;
  height:38px;
  bottom:-20px;
  width:30px;
  transform:scaleY(-1) scaleX(-1)
}

.message-callout.-above-horizontal.-white .message-callout__copy:before{
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAABFCAQAAACbdswYAAAEKElEQVR4Aa3Y3W8ddB3H8dd57mlpS1smWzcpXZaunElHWecoLDIfCBiRK5XohRdeeLcb/wyvjYkxJl5ojA8IAYOY8JCFLMsW5sB16VpXwMX1kW5dT7ue9pyer0SXeLEB4+z3/ty/8r39/TJuW+QU1G1ruXy4pV4DenTZ9oYbLcMAgC5f9qRH9StZ0e5V1buHO4x51hFD7ge87527h3f6tu/5BoBwVVWGVuGskHG/HzhuAGyqqbrsjJcstg7v0KPkacftAde967xL3vOudfXW4Scct0/BDtBwzs+8pqYpoHX4OeNKAGqyBo26bt1lDS2XiXMeAUDDoqobVl1y1pQPzNto7eI6gKasvH7AmKPmTThv0r/M2/y88BWj8lh2UdWQDiVlJR322++IWZdMOOvvlix/HnjDlrzwT78w7bAevYY9ZIeivDZ77TXum0467YQlVdt3BpcV0TTrbR96T1nGsGMets+Qkqy8Tg8ZdtSPvOJl0xriTuA8crKuoWYTZ1zwgGF7jKmoKCJjSMOgR7zohLnPhrOAvFUQaLjugg/kvWDUiDFH9Coo2ulbKsa97ITGp8NzNpSR02sZAE1rWDHnlDc95qBDKujwJbsd9nt/Nf3p8KYyygYsu7W6RYsuGPC4p3xNN3qM26XiN07b+iT4rAX3Wreg6ZNbsWLG3xx31KA+POiHdvqlt6y7XVGOn8Zk/Dm+G/eEz9x98fX4ecxGI/7XW/GdaA+3Toj+OBaPRjHc4frjJzER2zfp0x/T2dvD2ShEPtzxstETz8epqP8Xrn9MP387uLV1xTPxQqzdpN+Or6SCRSGeiD9G7Sb9ZjwWufD/5bVa3UmEZ5XlfdWPXTMFQOswnNTU6Sk54TmTfuUqQNbddcqvXURGn+8blU0F84Y/WAWjnvaFdPCyV70OeNJoOjhMeNG0wIhn7E0FU/O638qgzTHD6WDm/cWMJoYcVEwH828vWUebwwZTwted8xHYbyQl3HDWh+rYYZ9MOnjbkmkb6POgSAezZsI6svrcnxLeMmMJtNmVEg5zFkG33fLpYBZsgJ0e0J4OzljWAB06SQeHnDUNbKhaTwfTblMD27KKKeFQU0dZp3tSwnXtCigopb2YkgK2VdXSwRldspqomrOWEt7jPnlc9ZGtdHDYpVcGm2oiJdylBHLWSAfTow2sWCUvTVndBtyLVVMWZVJdnHfAQd2YN6lKKjinoqKAZZcR6S7u1wGWLEEquOCLAptmXUsHFx0wog3LLphNB3cZU1HAjEkNyEvRboe0Y8M/vE+qi9sMeRgsmLCQDu5UMQhmXHQjHdxnWCea3nGJVHDRuHFw2SuupIMHHLMHW86ZFanggsMOyQlXnLBCKjhjxAFsO+OkaqoHJA1Tztvloj+Z0kgHN/3Oksed8ZoaAGTCXdet/db/mf8AnaMxkl3F7c8AAAAASUVORK5CYII=) 50% 50%/25px no-repeat transparent
}

.message-callout.-above-horizontal.-blue .message-callout__copy:before{
  background:url(/next/assets/da6ef6bca4b145a8bc2affca7a4e4715.png) 50% 50%/25px no-repeat transparent
}

.messages{
  color:#000;
  color:rgba(255,255,255,0.7);
  position:relative;
  width:100%;
  max-width:1440px;
  background:#4e2b63;
  text-align:left;
  margin:0 auto;
  padding:24px;
  padding-right:72px
}

.messages b,.messages strong,.messages a{
  font-weight:700;
  color:#fff
}

.messages.-error,.messages.error{
  background:#ff4747
}

.messages__close{
  position:absolute;
  top:6px;
  right:27px;
  font-size:45px;
  font-weight:bold;
  color:#fff;
  opacity:0.4;
  text-decoration:none
}

.messages__close span{
  display:none
}

.messages__close:after{
  content:"\00d7"
}

.messages__close:hover{
  opacity:0.7;
  text-decoration:none
}

.messages__close:active{
  opacity:1
}

.social-icon:after{
  font-family:"icomoon";
  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;
  display:inline-block;
  text-decoration:none;
  font-size:24px
}

.social-icon:hover{
  text-decoration:none
}

.social-icon span{
  display:none
}

.social-icon.-facebook:after{
  content:"\e600"
}

.social-icon.-instagram:after{
  content:"\e601"
}

.social-icon.-linkedin:after{
  content:"\eac8"
}

.social-icon.-snapchat:after{
  content:"\e901"
}

.social-icon.-tumblr:after{
  content:"\e604"
}

.social-icon.-twitter:after{
  content:"\e602"
}

.social-icon.-weheartit:after{
  content:"\e900"
}

.social-icon.-youtube:after{
  content:"\e603"
}

.spinner{
  background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBmaWxsPSIjREREIiBkPSJNOC45ODQgMTYuOTA2Yy00LjM4NSAwLTcuOTUzLTMuNTY3LTcuOTUzLTcuOTUzQzEuMDMgNC41NjggNC42IDEgOC45ODUgMWM0LjM4NiAwIDcuOTUzIDMuNTY4IDcuOTUzIDcuOTUzIDAgNC4zODYtMy41NjcgNy45NTMtNy45NTMgNy45NTN6TTguOTg0IDRDNi4yNTQgNCA0LjAzIDYuMjIyIDQuMDMgOC45NTNjMCAyLjczIDIuMjIzIDQuOTUzIDQuOTU0IDQuOTUzIDIuNzMgMCA0Ljk1My0yLjIyMiA0Ljk1My00Ljk1MyAwLTIuNzMtMi4yMi00Ljk1My00Ljk1My00Ljk1M3oiLz4KICA8cGF0aCBmaWxsPSIjOTk5IiBkPSJNMS4wMyA4Ljk1M2wuMDAyLjAzaDNsLS4wMDItLjAzQzQuMDMgNi4yMjMgNi4yNTMgNCA4Ljk4NCA0VjFDNC42IDEgMS4wMyA0LjU2OCAxLjAzIDguOTUzeiI+CiAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCA5IDkiIHRvPSIzNjAgOSA5IiBkdXI9IjEuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvcGF0aD4KPC9zdmc+Cg==) no-repeat center center;
  background-size:32px;
  height:32px;
  width:32px
}

.modernizr-no-smil .spinner{
  background-image:url(/next/assets/c2aa5014b7f5dcf46e3d3531fc319abc.gif)
}

.waypoints{
  list-style:none;
  font-size:18px;
  margin:0;
  padding:0
}

.waypoints li{
  display:inline-block;
  margin:0 24px
}

.waypoints li.is-active>a{
  color:#000
}

.waypoints li.is-active ul{
  max-height:600px
}

.waypoints a{
  text-decoration:none;
  padding:0
}

.waypoints.-vertical{
  text-align:left;
  padding:0
}

.waypoints.-vertical ul{
  padding:0 24px;
  overflow:hidden;
  max-height:0;
  transition:max-height 0.5s
}

.waypoints.-vertical ul ul{
  font-size:14.4px
}

.waypoints.-vertical li{
  display:block;
  margin:0 0 6px
}

.waypoints.-vertical a{
  display:block
}

.waypoints.-primary{
  background:#ddd;
  padding:12px 0
}

@media (min-width: 760px){
  .waypoints.-primary{
    padding:12px
  }
}

.waypoints.-primary li{
  margin:0 12px
}

.waypoints.-primary a{
  color:#999;
  text-transform:uppercase
}

.waypoints.-primary a:hover{
  color:#444
}

.waypoints.-primary a.is-active{
  color:#000
}

.waypoints.-primary a.waypoints__primary-link{
  color:#23b7fb
}

.cta{
  background:#f7f7f7;
  border-bottom:2px solid #ddd;
  border-top:2px solid #ddd
}

.cta:after{
  clear:both;
  content:"";
  display:table
}

.cta>.wrapper,.cta .cta__block{
  text-align:center;
  margin:24px 0
}

@media (min-width: 760px){
  .cta>.wrapper,.cta .cta__block{
    width:75%;
    float:left;
    padding-left:12px;
    padding-right:12px;
    margin-left:12.5%;
    float:none
  }
}

.cta>.wrapper .cta__message{
  margin-bottom:24px
}

.cta__message{
  color:#444;
  font-size:22.5px;
  font-weight:600
}

.cta__actions{
  width:100%;
  display:table
}

.cta__actions li{
  display:table-cell;
  text-align:center
}

.cta__actions li a{
  display:block;
  width:100%;
  color:#999;
  padding:24px 0
}

.cta__actions li a:hover{
  background:#23b7fb;
  color:#fff
}

.cta__actions li .social-icon:after{
  font-size:32px
}

.figure{
  width:100%;
  text-align:center
}

.figure:after{
  clear:both;
  content:"";
  display:table
}

@media (max-width: 759px){
  .figure{
    margin-bottom:48px
  }
}

.figure.-left{
  text-align:left
}

.figure.-left>.figure__media{
  float:left;
  margin-right:12px;
  margin-bottom:0
}

.figure.-left>.figure__body{
  overflow:hidden
}

.figure.-center{
  display:table
}

.figure.-center .figure__body,.figure.-center .figure__media{
  display:table-cell;
  vertical-align:middle
}

.figure.-center .figure__media>img{
  max-width:none
}

.figure.-center .figure__body{
  width:100%
}

.figure.-right{
  text-align:left
}

.figure.-right>.figure__media{
  float:right;
  margin-left:12px;
  margin-bottom:0
}

.figure.-right>.figure__body{
  overflow:hidden
}

.figure.-medium>.figure__media{
  width:75px
}

@media (min-width: 760px){
  .figure.-medium>.figure__media{
    width:150px
  }
}

.figure.-medium>.figure__media img{
  width:100%
}

.figure__media{
  text-align:center;
  margin:0 auto 12px
}

.figure__media img{
  margin:0 auto
}

.figure__body p+p{
  margin-top:12px
}

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

.gallery:after{
  clear:both;
  content:"";
  display:table
}

.gallery .gallery__heading{
  width:100%;
  float:left;
  padding-left:12px;
  padding-right:12px
}

.gallery>li{
  margin:12px 0;
  padding:0 12px;
  overflow:hidden
}

@media (min-width: 760px){
  .gallery.-quartet>li{
    width:25%;
    float:left;
    padding-left:12px;
    padding-right:12px
  }

  .gallery.-quartet>li:nth-of-type(4n+1){
    clear:both
  }
}

@media (min-width: 760px){
  .gallery.-triad>li{
    width:33.33333%;
    float:left;
    padding-left:12px;
    padding-right:12px
  }

  .gallery.-triad>li:nth-of-type(3n+1){
    clear:both
  }
}

.gallery.-triad.-aligned .figure .figure__media{
  margin-bottom:18px;
  height:75px;
  overflow:hidden;
  position:relative
}

.gallery.-triad.-aligned .figure .figure__media img{
  margin-bottom:0;
  width:auto
}

@media (min-width: 760px){
  .gallery.-duo>li{
    width:50%;
    float:left;
    padding-left:12px;
    padding-right:12px
  }

  .gallery.-duo>li:nth-of-type(2n+1){
    clear:both
  }
}

@media (min-width: 760px){
  .gallery.-featured>li:first-child{
    width:50%;
    float:left;
    padding-left:12px;
    padding-right:12px
  }

  .gallery.-featured>li:nth-child(4n+1){
    clear:none
  }

  .gallery.-featured>li:nth-child(4n+6){
    clear:both
  }
}

.gallery.-mosaic>li{
  margin:0;
  padding:0
}

@media (min-width: 760px){
  .gallery.-mosaic>li:first-child{
    padding:0
  }
}

@media (min-width: 760px){
  .gallery.-mosaic>li{
    padding:0
  }
}

.info-bar{
  background-color:#7f7f7f;
  background-color:rgba(0,0,0,0.5);
  clear:both;
  color:#fff
}

.info-bar:after{
  clear:both;
  content:"";
  display:table
}

.info-bar.-dark{
  background:#222;
  color:#999
}

.info-bar>.wrapper{
  padding:24px
}

.info-bar>.wrapper:after{
  clear:both;
  content:"";
  display:table
}

@media (min-width: 760px){
  .info-bar>.wrapper{
    width:75%;
    float:left;
    padding-left:12px;
    padding-right:12px;
    margin-left:12.5%
  }
}

.info-bar a{
  color:#fff;
  font-weight:400;
  text-decoration:underline
}

@media (min-width: 760px){
  .info-bar .info-bar__secondary{
    float:right
  }
}

.polaroid{
  padding:0;
  position:relative
}

@media (min-width: 760px){
  .polaroid{
    width:180px;
    height:210px;
    transform:rotate(-3deg)
  }

  .polaroid:after{
    background-image:url(/next/assets/e6ec4429891284e26fd39712cc15d5d2.png);
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:170px;
    content:"";
    height:210px;
    left:0;
    position:absolute;
    top:0;
    width:180px
  }
}

.polaroid img{
  display:block;
  margin:0 auto;
  position:relative
}

@media (min-width: 760px){
  .polaroid img{
    max-width:160px;
    top:13px;
    left:10px;
    margin:0
  }
}

.social-menu{
  margin:12px 0
}

.social-menu li{
  display:inline-block
}

.social-menu li+li{
  margin-left:12px
}

.social-menu.-with-callout{
  padding-left:32px;
  margin:0
}

.tabs__menu{
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}

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

.tabs__body li{
  margin-top:27px
}

.tabs__body li:first-child{
  margin-top:0
}

.tabs__title{
  font-weight:700;
  margin-bottom:9px
}

.modernizr-js .tabs>.wrapper{
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}

@media (min-width: 760px){
  .modernizr-js .tabs>.wrapper{
    clip:auto;
    height:auto;
    margin:auto;
    overflow:visible;
    position:static;
    width:auto
  }
}

.modernizr-js .tabs .waypoints{
  z-index:10
}

.modernizr-js .tabs .waypoints li{
  padding:6px 0
}

.modernizr-js .tabs .waypoints .is-active{
  position:relative
}

.modernizr-js .tabs .waypoints .is-active:after{
  position:absolute;
  top:100%;
  left:50%;
  display:block;
  content:"";
  width:0;
  height:0;
  border-top:12px solid #fff;
  border-left:12px solid transparent;
  border-right:12px solid transparent;
  margin-left:-12px
}

.modernizr-js .tabs__modal-toggle{
  display:block
}

@media (min-width: 760px){
  .modernizr-js .tabs__modal-toggle{
    display:none
  }
}

.modernizr-js .tabs__menu{
  clip:auto;
  height:auto;
  margin:auto;
  overflow:visible;
  position:static;
  width:auto
}

.modernizr-js .tabs__title{
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}

.modernizr-js .tabs__tab{
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  background-color:#ddd;
  margin-top:0;
  padding:18px
}

.modernizr-js .tabs__tab.is-active{
  clip:auto;
  height:auto;
  margin:auto;
  overflow:visible;
  position:static;
  width:auto
}

.tile{
  height:0;
  padding-bottom:100%;
  position:relative
}

.tile.-unpublished{
  opacity:0.45
}

.tile>.wrapper{
  display:block;
  overflow:hidden;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  width:100%
}

.tile>.wrapper:before{
  bottom:0;
  content:"";
  display:block;
  height:100%;
  position:absolute;
  width:100%;
  z-index:5;
  background:linear-gradient(rgba(0,0,0,0) 40%, rgba(0,0,0,0.2) 70%, rgba(0,0,0,0.5) 87%, rgba(0,0,0,0.85) 100%)
}

.modernizr-no-cssgradients .tile>.wrapper:before{
  background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAF0CAQAAAB8/VrYAAAAgUlEQVR4Ae3ZMQpFIQwAwQje/8yeIc1iMa8PmVXhF//O+qtGTjKy+MDAwLSAgYGBgYE5ZDAwMDAwMD+vTgwMDAwMDEwLGBhY0wIGBgbmkMHAwLSAgYE5ZDAwLf4WdJVgYFrA5MuXL//PLfLly5dvi3xbPBhbPBhbPBhb5LvKZsTIA82UBrYhBdqIAAAAAElFTkSuQmCC) 0 bottom repeat-x
}

.tile video{
  width:100%;
  height:auto
}

.tile img{
  display:block;
  width:100%;
  z-index:1
}

.tile .tile__meta{
  bottom:0;
  color:#fff;
  padding:18px;
  position:absolute;
  width:100%;
  z-index:10
}

.modernizr-no-cssgradients .tile .tile__meta{
  background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAF0CAQAAAB8/VrYAAAAgUlEQVR4Ae3ZMQpFIQwAwQje/8yeIc1iMa8PmVXhF//O+qtGTjKy+MDAwLSAgYGBgYE5ZDAwMDAwMD+vTgwMDAwMDEwLGBhY0wIGBgbmkMHAwLSAgYE5ZDAwLf4WdJVgYFrA5MuXL//PLfLly5dvi3xbPBhbPBhbPBhb5LvKZsTIA82UBrYhBdqIAAAAAElFTkSuQmCC) 0 bottom repeat-x
}

.tile .tile__flag{
  color:#000;
  font-size:14.4px;
  font-weight:600;
  left:0;
  line-height:1;
  padding:12px;
  position:absolute;
  text-transform:uppercase;
  top:0;
  z-index:15
}

@media (min-width: 1060px){
  .tile .tile__flag{
    font-size:18px
  }
}

.tile .tile__flag.-staff-pick{
  background-color:#fcd116
}

.tile .tile__title{
  color:inherit;
  font-size:22.5px;
  text-shadow:0 1px 3px rgba(0,0,0,0.3);
  line-height:1.2;
  margin:0
}

.tile .tile__tagline{
  color:inherit;
  font-size:14.4px;
  text-shadow:0 1px 3px rgba(0,0,0,0.3);
  line-height:1;
  margin:0
}

.chrome{
  width:100%
}

.chrome>.wrapper{
  position:relative;
  width:100%;
  background:#fff;
  box-shadow:0 0 10px rgba(0,0,0,0.2);
  max-width:1440px;
  margin-left:auto;
  margin-right:auto
}

.chrome>.wrapper:after{
  content:" ";
  display:block;
  clear:both
}

.container{
  clear:both
}

.container:after{
  clear:both;
  content:"";
  display:table
}

.container.-padded{
  padding-bottom:60px
}

.container.-dark{
  background:#4e2b63;
  color:#fff
}

.container>.wrapper{
  position:relative;
  float:left
}

@media (min-width: 760px){
  .container>.wrapper{
    width:75%;
    float:left;
    margin-left:12.5%
  }
}

.container>.wrapper .container__block{
  padding:0 12px;
  margin:24px 0;
  line-height:1.5625
}

@media (max-width: 759px){
  .container>.wrapper .container__block+.container__block{
    margin-top:24px
  }
}

@media (min-width: 760px){
  .container>.wrapper .container__block.-narrow{
    width:75%;
    float:left;
    padding-left:12px;
    padding-right:12px
  }
}

.container>.wrapper .container__block.-half{
  line-height:1.44444
}

@media (min-width: 760px){
  .container>.wrapper .container__block.-half{
    width:50%;
    float:left;
    padding-left:12px;
    padding-right:12px
  }
}

.container .container__row{
  margin:24px 0
}

.container .container__row:after{
  clear:both;
  content:"";
  display:table
}

.container .container__row>.container__block{
  margin:0
}

.container .container__block{
  padding:12px
}

.container .container__block:after{
  clear:both;
  content:"";
  display:table
}

.footer{
  clear:both;
  width:100%;
  background:#000
}

.footer:after{
  clear:both;
  content:"";
  display:table
}

@media (max-width: 759px){
  .footer{
    display:table
  }
}

@media (min-width: 760px){
  .footer{
    padding:12px;
    padding-top:24px
  }
}

.footer .footer__columns{
  display:table;
  width:100%
}

.footer .footer__column{
  padding:12px
}

@media (max-width: 759px){
  .footer .footer__column{
    width:100%;
    display:block;
    border-bottom:1px solid #444
  }
}

@media (min-width: 760px){
  .footer .footer__column{
    margin-bottom:24px;
    width:18.75%;
    float:left;
    padding-left:12px;
    padding-right:12px
  }
}

.footer .footer__column.-social{
  text-align:center
}

@media (max-width: 759px){
  .footer .footer__column.-social{
    display:table-footer-group
  }
}

@media (min-width: 760px){
  .footer .footer__column.-social{
    text-align:left;
    width:43.75%;
    float:left;
    padding-left:12px;
    padding-right:12px
  }
}

.footer .footer__column.-social li,.footer .footer__column.-social a{
  display:inline-block
}

.footer .footer__column.-social .social-icon{
  margin:6px;
  padding:1px 1px 0
}

@media (min-width: 760px){
  .footer .footer__column.-social .social-icon{
    margin-top:0
  }
}

.footer h4{
  position:relative;
  color:#fff
}

@media (max-width: 759px){
  .footer h4.is-toggleable{
    cursor:pointer
  }

  .footer h4.is-toggleable:after{
    font-family:"icomoon";
    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;
    position:absolute;
    top:-5px;
    right:-5px;
    content:"\e607";
    color:#999;
    font-size:32px;
    transform:rotate(90deg);
    transition:transform 0.25s
  }

  .footer h4.is-collapsed{
    margin-bottom:0
  }

  .footer h4.is-collapsed:after{
    transform:rotate(0deg)
  }

  .footer h4.is-collapsed+ul{
    max-height:0
  }
}

.footer ul{
  list-style-type:none;
  overflow:hidden;
  padding:0;
  max-height:500px;
  transition:max-height 0.25s
}

.footer li{
  margin:0
}

.footer a{
  display:block;
  font-size:14.4px;
  color:#999;
  padding:6px 0
}

.footer a:hover{
  color:#fff
}

@media (min-width: 760px){
  .footer a{
    padding:0
  }
}

.footer__subfooter{
  clear:both;
  font-size:14.4px;
  border-top:1px solid #444;
  padding:12px
}

.footer__subfooter ul{
  text-align:center;
  list-style-type:none
}

@media (min-width: 760px){
  .footer__subfooter ul{
    text-align:right
  }
}

.footer__subfooter ul li{
  display:inline
}

.footer__subfooter ul li+li{
  padding-left:24px
}

.footer__subfooter ul a{
  display:inline
}

.header{
  position:relative;
  background:#4e2b63 no-repeat center center;
  background-size:cover;
  overflow:hidden;
  padding:144px 12px 24px
}

@media (min-width: 760px){
  .header{
    padding-left:0;
    padding-right:0
  }
}

.header>.wrapper{
  position:relative;
  text-align:center;
  width:100%;
  z-index:10
}

.header>.wrapper:after{
  clear:both;
  content:"";
  display:table
}

@media (min-width: 760px){
  .header>.wrapper{
    text-align:left;
    width:75%;
    float:left;
    padding-left:12px;
    padding-right:12px;
    margin-left:12.5%
  }
}

.header .header__title{
  color:#fff;
  font-size:35.15625px;
  margin:0
}

@media (min-width: 760px){
  .header .header__title{
    font-size:54.93164px
  }
}

.header .header__subtitle{
  color:#fff;
  font-size:18px
}

@media (min-width: 760px){
  .header .header__subtitle{
    font-size:22.5px
  }
}

.header .header__title,.header .header__subtitle,.header .header__date{
  text-shadow:0 1px 3px rgba(0,0,0,0.3)
}

.header video{
  display:none
}

@media (min-width: 760px){
  .header video{
    display:block;
    position:absolute;
    top:0;
    left:0;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    overflow:hidden
  }
}

@media (min-width: 760px){
  .header.-sponsored .header__subtitle{
    width:75%
  }
}

.header.-centered{
  min-height:365px;
  padding:216px 0
}

@media (min-width: 760px){
  .header.-centered{
    height:520px
  }
}

.header.-centered>.wrapper{
  position:absolute;
  top:50%;
  padding:18px;
  text-align:center;
  transform:translateY(-50%)
}

@media (min-width: 760px){
  .header.-centered>.wrapper{
    width:50%;
    float:left;
    padding-left:12px;
    padding-right:12px;
    margin-left:25%
  }
}

.header.-centered .header__title{
  font-size:35.15625px
}

.header.-centered .header__subtitle{
  font-size:18px;
  margin-bottom:0
}

.header.-centered .header__subtitle span{
  opacity:0.8
}

.header.-hero{
  display:table;
  width:100%;
  min-height:465px
}

@media (min-width: 760px){
  .header.-hero{
    height:620px
  }
}

.header.-hero:before{
  position:absolute;
  content:"";
  width:100%;
  height:100%;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:5;
  background:linear-gradient(rgba(0,0,0,0) 10%, rgba(0,0,0,0.2) 65%, rgba(0,0,0,0.5) 87%, rgba(0,0,0,0.85) 100%)
}

@media (min-width: 760px){
  .header.-hero:before{
    background:linear-gradient(rgba(0,0,0,0) 40%, rgba(0,0,0,0.2) 70%, rgba(0,0,0,0.5) 87%, rgba(0,0,0,0.85) 100%)
  }
}

.modernizr-no-cssgradients .header.-hero:before{
  background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAF0CAQAAAB8/VrYAAAAgUlEQVR4Ae3ZMQpFIQwAwQje/8yeIc1iMa8PmVXhF//O+qtGTjKy+MDAwLSAgYGBgYE5ZDAwMDAwMD+vTgwMDAwMDEwLGBhY0wIGBgbmkMHAwLSAgYE5ZDAwLf4WdJVgYFrA5MuXL//PLfLly5dvi3xbPBhbPBhbPBhb5LvKZsTIA82UBrYhBdqIAAAAAElFTkSuQmCC) 0 bottom repeat-x
}

.header.-hero>.wrapper{
  display:table-cell;
  vertical-align:bottom
}

@media (min-width: 760px){
  .header.-hero>.wrapper{
    position:absolute;
    bottom:24px
  }
}

@media (min-width: 760px){
  .header.-hero .header__subtitle{
    width:80%
  }
}

.header.-hero .header__date{
  color:#fff;
  font-size:14.4px;
  margin-top:0;
  margin-bottom:9px
}

@media (min-width: 760px){
  .header.-hero .header__date{
    font-size:18px;
    float:left;
    margin-bottom:27px
  }
}

.header.-hero .header__signup{
  margin-top:24px
}

@media (min-width: 760px){
  .header.-hero .header__signup{
    clear:left;
    float:left;
    position:relative;
    width:50%
  }
}

[data-modal]{
  overflow:hidden
}

[data-modal] .heading.-emphasized{
  margin:24px 72px 24px 24px;
  padding:0
}

[data-modal] .modal-close-button{
  color:#999;
  top:6px
}

@media (min-width: 760px){
  [data-modal] .modal-close-button{
    font-size:42px
  }
}

[data-modal] .modal-close-button.-alt{
  font-size:18px;
  top:30px
}

.modal__block{
  margin:24px
}

.modernizr-no-svg .chrome.has-modal:after{
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MTJBMDA3OTAwOTgxMUU0ODNGRDhEMDI0MDU3RTczNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MTJBMDA3QTAwOTgxMUU0ODNGRDhEMDI0MDU3RTczNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgxMkEwMDc3MDA5ODExRTQ4M0ZEOEQwMjQwNTdFNzM2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgxMkEwMDc4MDA5ODExRTQ4M0ZEOEQwMjQwNTdFNzM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dobFJwAAAClJREFUeNrszTEBADAMA6Bkyiu9KroLDNC2k2MvH0gkEolEIpFIsgIMAArdALWV3bwmAAAAAElFTkSuQmCC)
}

.navigation{
  width:100%
}

@media (min-width: 960px){
  .navigation{
    padding:24px 0
  }
}

@media (min-width: 760px){
  .navigation.-white a{
    color:#fff;
    text-shadow:0 1px 3px rgba(0,0,0,0.3)
  }

  .navigation.-white .text-field{
    color:#fff;
    text-shadow:0 1px 3px rgba(0,0,0,0.3);
    border:1px solid #fff;
    box-shadow:0 1px 3px rgba(0,0,0,0.2),inset 0 1px 3px rgba(0,0,0,0.2)
  }

  .navigation.-white .text-field.-search{
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTYuODcyIDYuOTU1YzAgMy4yOS0yLjY2NCA1Ljk1My01Ljk1MiA1Ljk1My0xLjE3NiAwLTIuMjYtLjMzLTMuMTgtLjkyTDMuMjYgMTYuNDljLS4yNTguMjU3LS42MDcuMzg2LS45MzguMzg2LS4zNSAwLS42OC0uMTMtLjkzNy0uMzg2LS41MTQtLjUxNS0uNTE0LTEuMzYgMC0xLjg3NGw0LjUtNC40ODJjLS41ODctLjkyLS45MTgtMi4wMDMtLjkxOC0zLjE4IDAtMy4yODcgMi42NjQtNS45NSA1Ljk1My01Ljk1IDMuMjg4IDAgNS45NTIgMi42NjMgNS45NTIgNS45NXptLTEuOTg0IDBjMC0yLjE4Ni0xLjc4Mi0zLjk2OC0zLjk2OC0zLjk2OC0yLjE4NyAwLTMuOTcgMS43ODItMy45NyAzLjk2OCAwIDIuMTg3IDEuNzgzIDMuOTcgMy45NyAzLjk3IDIuMTg1IDAgMy45NjgtMS43ODMgMy45NjgtMy45N3oiLz4KPC9zdmc+Cg==)
  }

  .modernizr-no-svg .navigation.-white .text-field.-search{
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMjQ1RTU2RjhCOEUxMUUzOUZBQ0EwQTAwNjMzNERFOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMjQ1RTU3MDhCOEUxMUUzOUZBQ0EwQTAwNjMzNERFOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyNDVFNTZEOEI4RTExRTM5RkFDQTBBMDA2MzM0REU4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyNDVFNTZFOEI4RTExRTM5RkFDQTBBMDA2MzM0REU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+o5STcQAAAQNJREFUeNpi/P//PwM1ACMWg+SAOA6IHYFYAIjPAPFSID6E1ySQQUhYE4iv/8cEf4E4E00tCkbmGALxb6jGS0CcAsRBQLwcycBmQgYpAfFpqOIWLAqtkAyzwGdQGVTRWTzOz4WqmY3PoD1QRXl4DBKCqnmATZ4JGuacUPoTnnj5DaV5gZgJXRImcA5Ku+IxyBxKnwDif7ii3wmIP0OdboPDa+eg8v6Eoj8bKc3kADEXEIMSrBkQn0eKNQ9CBjFA0wkh8Aebq7F5QR+IFwPxYyB+B8QHgNgRiEPxGcaAL9ljwZG4DCPVIHTDQFkqi1yD0A3bTYlBIBwGDUuw9xipVbABBBgAFmsOLA3cI6wAAAAASUVORK5CYII=)
  }
}

.navigation.-white .navigation__toggle{
  color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,0.3)
}

.navigation.-floating{
  position:absolute;
  top:0;
  margin-bottom:0;
  z-index:100
}

.navigation.is-visible .navigation__logo{
  position:fixed
}

.navigation.is-visible .navigation__toggle{
  position:fixed;
  color:#fff
}

.navigation.is-visible .navigation__menu{
  display:block;
  animation:zoomIn 0.5s
}

.navigation a{
  color:#222;
  text-decoration:none;
  text-shadow:0 1px 0 rgba(255,255,255,0.2)
}

.navigation__logo{
  float:left;
  left:auto;
  padding:12px;
  position:relative;
  top:auto;
  z-index:auto
}

@media (min-width: 960px){
  .navigation__logo{
    width:12.5%;
    float:left;
    padding-left:12px;
    padding-right:12px;
    min-width:96px;
    padding:0 12px
  }
}

@media (min-width: 1060px){
  .navigation__logo:after{
    margin-left:12px
  }
}

.navigation__logo:after{
  background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA3MiA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+VW50aXRsZWQ8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGc+PHBhdGggZD0iTTY4LjkgMzEuMzkzTDY2Ljk1NS4wNDYgNDcuNTEyIDIuNDEzIDI1LjIyOCAzLjg3NyAwIDUuMzM3IDEuOTg1IDE4LjdsMS44MyAyMC4wMjdMNC4zNyA2MGwyOC45NzYtMi4yODQgMjUuNzg2LTEuNzEyIDEyLjgwNC0uMTE4TDY4LjkgMzEuMzkzIiBmaWxsPSIjMEIwQjBBIi8+PHBhdGggZD0iTTE2Ljc2MyA0NC42MzRjLS4yLTEuNS0xLjA0LTIuMjE2LTIuNC0zLjE3NS0xLjExOC0uNzg3LTEuOTktMS4zNDQtMi4xMi0yLjMyMy0uMDgtLjYxNC4yOC0xLjA1LjgzLTEuMTIuNjQzLS4wODcgMS4wMDcuMjg2IDEuMTk1IDEuMjEybDEuNjMtLjQ1Yy0uMzU0LTEuNjY3LTEuNTM0LTIuNTI0LTIuOTg1LTIuMzM0LTEuNDg1LjE5Ni0yLjU0OCAxLjUwNi0yLjM0IDMuMDY3LjE4NyAxLjQyNSAxLjE4MiAyLjIgMi42MTcgMy4yNCAxLjA1NC43NjQgMS43OTYgMS4yMjcgMS45MTYgMi4xMy4wODMuNjMtLjMyMiAxLjEwMy0uOTY4IDEuMTktLjc0Mi4wOTUtMS4yMTYtLjM3LTEuNDIzLTEuNDVsLTEuNTk2LjQ2Yy4zMyAxLjg4OCAxLjU4NyAyLjgzIDMuMjk3IDIuNjA0IDEuNTY1LS4yMDcgMi41NTYtMS40NiAyLjM0Ni0zLjA1MyIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0zMS44ODUgNDUuMTM0TDMwLjQ1MyAzNC4zMmwtMi4zMjIuMzA2LS4zIDYuMTQ4Yy0uMDI3LjUzNC4wMDQgMS4yNjQuMDc3IDEuODE1LS4wNzgtLjU4Mi0uMjI1LTEuMzEzLS4zODYtMS43OWwtMS45MzgtNS44MzctMi4yODcuMyAxLjQzIDEwLjgxNCAxLjU4LS4yMDgtLjYzLTQuNzY2LS4zLTIuMDYzYy0uMDYtLjQ0NC0uMTQ4LTEuMDctLjMzNy0xLjg3LjA1LjEzMi4yMjcuNjQuNTA0IDEuNDlsMi4yOTYgNy4wMDYuODctLjExNC40Ni03LjM3Yy4wMjQtLjI5OC4wNjYtLjgxNy4wOTctMS41Ny4wMy45NjMuMTA3IDEuNTkuMTQ3IDEuODk2bC4yNCAyLjAyOC42MzcgNC44MDcgMS41OTUtLjIxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTM3LjMxOCA0NC40MDJsLS4yMTYtMS42MjMtMi4yMS4zLS4zNy0yLjcxNyAyLjIwNi0uMzE3LS4yLTEuNTE0LTIuMjA1LjMxNi0uNDQ0LTMuNDIgMi42MTMtLjM2OC0uMjA0LTEuNTM4LTQuMzIzLjU5NCAxLjQzIDEwLjgxMyAzLjkyLS41MjgiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzkuNTAzIDM3LjIybDEuODM3LS4yMjgtLjIwNS0xLjUwNi01LjczLjc0My4yMDYgMS41MDMgMi4xODUtLjI5IDEuMjIzIDkuMzA4IDEuNzEtLjIyNC0xLjIyNS05LjMwNyIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik00My4zOCA0Ni4xODJsMS42OTItLjIyMy0uNjQtNC44NDIgMS43NTYtLjIzMy42NDIgNC44NDIgMS43MDctLjIyNS0xLjQzLTEwLjgxNS0xLjcwOC4yMjUuNTgyIDQuNDEtMS43NTguMjM0LS41ODQtNC40MS0xLjY5Mi4yMjIgMS40MzIgMTAuODE0IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTQ1LjUzNyA1Mi40ODhsLS4xOC0xLjQ2Ni0xLjQ5My4xODQuMTggMS40NjYgMS40OTMtLjE4NCIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik01MS43NjQgNDUuMDdsLTEuNDMtMTAuODE1LTEuNzQzLjIzIDEuNDMzIDEwLjgxMyAxLjc0LS4yMyIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik01MS44NTIgMzQuMDU1bDEuNDMyIDEwLjgxMyAxLjU4LS4yMS0uNTctNC4zMDMtLjIwMy0xLjM0NGMtLjAzLS4yMy0uMTM3LS43My0uMzY4LTEuNDc3LjIuNTAzLjM5NS44NjYuNTI4IDEuMTI4bDIuOTM3IDUuNjkzIDEuNTk2LS4yMUw1Ny4zNSAzMy4zM2wtMS41OTQuMjEuNjggNS4xNS4xNiAxLjAwMmMuMDI0LjE4Ni4xMTUuNjg3LjM2IDEuNDM1LS4yNjctLjY1LS40NDYtMS4wMTgtLjQ5Mi0xLjEwNWwtMy4wODItNi4xNy0xLjUzLjIwMyIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik02My4yNSA0OS42MjRsLS4yOTMtMi4zNjgtMi40MjYuMjk4LjEzMyAxLjA2OCAxLjAzOC0uMTI4LjA4LjY0Yy0uMi4xNy0uNDYuMjc2LS44MTUuMzItLjgzNi4xMDUtMS41MDctLjQzMi0xLjYxMi0xLjI4MnYtLjAxNGMtLjEtLjgwNS40MDctMS41MTUgMS4xNjgtMS42MDguNTIyLS4wNjYuOTIuMDcgMS4zMzQuMzM3bC43MzItMS4xMzRjLS42MTYtLjQxMi0xLjMwNy0uNjE4LTIuMjM0LS41MDQtMS42MzMuMi0yLjY5IDEuNTUyLTIuNSAzLjA4NmwuMDAzLjAxNGMuMTk2IDEuNTk0IDEuNTYzIDIuNTcgMy4yMDUgMi4zNjcuOTU3LS4xMTcgMS42ODgtLjU2NiAyLjE5LTEuMDkzIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTY1LjM2OCA0My4yNjhsLS43MjMtNS40NTMtMi43MzUuMzYuMTgzIDEuMzc4IDEuMDktLjE0NC4yMjUgMS42ODRjLjA5Ny43NTItLjE4MiAxLjE4LS43OCAxLjI1Ni0uNi4wOC0uOTgtLjI2LTEuMDgtMS4wMWwtLjgtNi4wMzVjLS4xLS43NS4xODMtMS4xNjMuNzgzLTEuMjQuNTk4LS4wOC45NzguMjQ1IDEuMDc4Ljk5NWwuMTUyIDEuMTQ4IDEuNjQzLS4yMTUtLjEzMi0uOTk3Yy0uMjQtMS44MzgtMS4yMjctMi42NTgtMi44NzMtMi40NC0xLjc0NS4yMy0yLjU5NyAxLjQwMi0yLjM3NSAzLjA4NmwuNzMyIDUuNTQzYy4yNiAxLjk2MiAxLjIzIDIuODkzIDIuNzk1IDIuNjg3Ljc3Ni0uMTAzIDEuMjY2LS40NzcgMS41NjUtMS4yMDJsLjQzOC43MDQuODE1LS4xMDYiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjAuNTE4IDQ1LjIyYy0uNTk3LjA4LS45NzgtLjI2LTEuMDc4LTEuMDFsLS43OTgtNi4wMzVjLS4xLS43NS4xODItMS4xNjMuNzc4LTEuMjQyLjYtLjA3OC45NzguMjQ3IDEuMDc3Ljk5NWwuNzk4IDYuMDM2Yy4xLjc1LS4xOCAxLjE3Ni0uNzc3IDEuMjU2em0yLjUxMi0xLjY5MmwtLjczNC01LjU0NWMtLjIzMi0xLjc0Ny0xLjM5LTIuNjM3LTIuOTg3LTIuNDI1LTEuNzQzLjIyOC0yLjU5NiAxLjQtMi4zNzQgMy4wODRsLjczNSA1LjU0NWMuMjYzIDEuOTc2IDEuMzI0IDIuODggMy4wNjUgMi42NSAxLjcxLS4yMjYgMi41NS0xLjM5NSAyLjI5NS0zLjMxeiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik00OC45MDQgNTAuODM2Yy0uNzk4LjA5OC0xLjQzLS40OTUtMS41MjMtMS4yNTRsLS4wMDItLjAxNWMtLjA5Mi0uNzYuMzYzLTEuNDcyIDEuMTYtMS41Ny44MDUtLjEgMS40MzguNDk0IDEuNTMzIDEuMjU1di4wMTRjLjA5NC43NTgtLjM1OCAxLjQ3LTEuMTY2IDEuNTd6bTIuNi0xLjc0di0uMDE1Yy0uMTg3LTEuNTEyLTEuNTQzLTIuNTczLTMuMTctMi4zNy0xLjYyNS4yLTIuNjk0IDEuNTc2LTIuNTA3IDMuMDg1bC4wMDIuMDE1Yy4xODYgMS41MSAxLjU0IDIuNTc0IDMuMTY2IDIuMzczIDEuNjI4LS4yIDIuNjk3LTEuNTc3IDIuNTEtMy4wODZ6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTU0LjgzMiA0OC40NDhsLS45NjMuMTItLjE1OC0xLjI2Ni45NTYtLjExNmMuNDktLjA2Mi44MTYuMTEzLjg2Ny41MjZsLjAwMi4wMTVjLjA0OC4zODQtLjIwOC42Ni0uNzA1Ljcyem0xLjI0Mi45Yy42MjQtLjM1OC45ODYtLjk0NS44ODYtMS43NWwtLjAwMi0uMDE0Yy0uMDY0LS41Mi0uMjczLS45MDUtLjYxOC0xLjE2OC0uNC0uMzE3LS45ODItLjQ2LTEuNzg3LS4zNThsLTIuNDk0LjMwNi42NSA1LjI2IDEuNDYtLjE4LS4xOTYtMS41OTMuNjI1LS4wNzYuMDE0LS4wMDIgMS4yNiAxLjQ2MyAxLjY4Ny0uMjA3LTEuNDg2LTEuNjh6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTI2Ljk1NCAyNS43NDJjLS41NiAxLjI4NS0xLjM2NyAyLjIyMi0yLjQyNCAyLjgwNS0xLjA1Ny41ODUtMi41MjQuOTU2LTQuNDAyIDEuMTJsLTEuNTUzLjEzNy0xLjQzOC0xNi4zOTQgMS41NTItLjEzNmMxLjc3LS4xNTUgMy4yNTMtLjAzMyA0LjQ0My4zNjYgMS4xOS4zOTcgMi4xOCAxLjIyNSAyLjk2NyAyLjQ4My43ODcgMS4yNiAxLjI2NSAyLjgzMiAxLjQzIDQuNzE4LjE3NCAxLjk4My0uMDIgMy42MTUtLjU3NiA0LjkwMnptNy4zMzQtNS41MDdjLS4xODctMi4xMjYtLjc3My00LjAyNS0xLjc1OC01LjY5NS0uOTg2LTEuNjczLTIuMjE0LTIuOTctMy42ODQtMy44ODctMS40Ny0uOTE4LTIuOTc0LTEuNDYzLTQuNTEtMS42MzItMS41MzYtLjE3LTMuNTQtLjE0NS02LjAxMy4wN0w2LjU3IDEwLjExN2wuMzY4IDQuMTg2IDMuNzYtLjMzIDEuNDM4IDE2LjM5NC0zLjc2LjMzLjM2NiA0LjE4MyAxMi41Mi0xLjA5NmMyLjEwNS0uMTgyIDMuNjUtLjQwMyA0LjY0LS42NTYuOTkyLS4yNTUgMi4wNjMtLjcyIDMuMjE0LTEuMzg3IDEuMTUtLjY2NyAyLjExNC0xLjUxOCAyLjg5Mi0yLjU0OC43OC0xLjAzIDEuMzkyLTIuMzUzIDEuODM4LTMuOTYzLjQ0NS0xLjYxMi41OTMtMy4yNzcuNDQyLTQuOTk1eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik01NC42OCAyNS4zNjNjLTEuMTQgMS41Ny0yLjczIDIuNDYtNC41NDMgMi42NzItMS45NDYuMjI3LTMuNjc0LS4zMzgtNS4wODMtMS42MDItMS40MjgtMS4yODUtMi4zMzgtMy4xODItMi42Mi01LjU4Ny0uMzI2LTIuNzcyLjE2Mi00Ljg5NyAxLjI1Ni02LjQxNCAxLjE0LTEuNTkgMi43NDUtMi40NjIgNC41MzMtMi42NyAxLjk4My0uMjMzIDMuNzU1LjM0IDUuMTcgMS42NjYgMS4zODUgMS4yOTcgMi4yODQgMy4xODIgMi41NyA1LjYwNi4zMTYgMi42OTYtLjE3NSA0LjgwMy0xLjI4MyA2LjMzem04LjE2LTcuMDZjLS40MDMtMy40MzYtMS45NzctNi40MDYtNC42ODUtOC41MjgtMi42My0yLjA2My02LjEyNi0zLTEwLjQ1OC0yLjQ5LTQuMzM1LjUwNy03LjUyNSAyLjIzMy05LjYgNC44Ni0yLjEyIDIuNjg4LTIuOTYzIDUuOTMtMi41NjIgOS4zNTUuMzkgMy4zMiAxLjkyIDYuMjYyIDQuNTY3IDguNDI3IDIuNTg3IDIuMTIyIDYuMTE0IDMuMDk2IDEwLjU2IDIuNTc1IDQuMzMyLS41MDcgNy41MDQtMi4yMjcgOS41OC00LjgyMyAyLjE2My0yLjcwNCAzLTUuOTczIDIuNi05LjM3OHoiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  content:'';
  display:block;
  height:60px;
  width:72px
}

.modernizr-no-svg .navigation__logo:after{
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAA8CAYAAADFXvyQAAAAAXNSR0IArs4c6QAAEolJREFUeAHlWwl8lFWSr6+TSC5ycCs5OqgoEm4YLrkCuyCnjCggBkEW2GFQTgWB+amw6AyOgCgwzg4us8O9KIeDBFDUBAYBkXsEQQinQIKBkATI0W/rX53X21/393USZTLy2/rl63cfVa9eVb16Lwb9/4KIe+65JzE42EgkCkpUhkp0EDmVQYmkqG5B/k3ON0OwOXnXp6qFh4cwkiEaeQ7JScpINEAEoureGBpkSFJ+3dFIzsjzrvNzJhCmHBUaGhrrcJTEuhxBMUaJEWsYij8jVvFH5KpGypHAFYUgjDAQFLBAXhfZhmFhYdE3b96sVAKF8GyiqlSpEhMUFBRbYpTEOgxHrOFyI+oiigGyBqlYXuVYRRRLhoph5GKV4tAweAcAHBSEQH7cS+3+5WJ3hIPSCOr9SCgJKonhphe8mwfioLCICIouLq4S7XA4opVDRTFi0byC0bx60YbiNIeKjGhGitNGlCIODYpWivNIysPNgwmGwJfBcAdSgZFz/0m+lHJHlQ1BJUEgkAmCIyLCVvHk6jBSUYIoI8yrx4gaQrxg8IAAT7h0BWXqpQi40eBf+StNSeCO69Z3Q2gYLn8CMWYNefLJbnw1gncfcndiAVyG4U8gVnXf8v5NvhMDVEYf0dHR1LJlS2rWrBk1adyEqteoTmGhYRQaFkpXrlyhU9+domPHjtHGjzbS999/X6EpsXz0I5ARFhH2hsMwplaopwCVQ0JCqGrVqlRUVET5+fnkcrEovgPQsUNHGv7ccOrbpy+x0C+zR4ybnpFOb855k75I/6LM+qigXK4ZBQW3ZntXDnaQ+lYEiHeuVzyCJXWtWrWoZs2a8lnGa9SkGjVqEFaXDTGv1kQ//PAD7dmzh9LT0+nP//1nun79uqm8rERcXBy9+8671K1bt7KqmspZsVDnTp3lW7lyJb340ot07do1Ux3fBMtdPw4i1v3tIyLDle83fPgwVVCQz/Ladce+69evqd/+9g0VWy3Gbzzf8ZEe8OQTKjf3+h0Z//CRQ8rpTAw4bnhk+B99ieZgw4g5yB/y8vNAPP+Cn5ATFRVFU6ZMobTNacKVgbrq3r07LV+2XLarXb2srCzauXMnZWRk0OXLl+2qSX5yw2TasmULxcT4M4luyPaYdSGvVo7vCnbu0umOrJwdB54/f04l1XNarmiz5k3VzZsFtuN/9vl2ldK1i19b5KWnf2HbDnNZtXqlXzsP7hHhWzWxdCj6PDwibDfvv1/oTIROp5OOHD7iyeJRiet40t6RV159hY4cOUKFtwuppKSEYmJjqGmTptSnTx9q0KCBd1VTHMKzd+/ehL69YeuWrdSuXTvvLE98/vz5NOM3Mzxp3wjm+Pb8t+m5557zLfKkn3zqSdq8ebMnrSM8j718YDXRQcrYWPyLh4ql8ig6Jkr16NFdtWjZXMUnxKmePR+zXZmu3VIsV6VqVKSaOHGCKi4usm074zfTTW1TU5+xrbt+/TpTXd856zRk3KFDB2372blzh00/YX7iRox+7smvoLi4mDJ2ZIhNAU10+Yr9HodmswKo2vf++B5NnWpvRYx7YZxJbQ8bPsyqKzEbpr5s3493o8LCQjEJbt++7Z3tiYM7IZP8wV+LuQnkMPwI5NsYAtEOYAIEgsV/WEyfff6ZZRWYB4MGDZKy2rVri1q2qrhj5w46d+6cVZFlHozFHTt2WJYhs9u/+JsNzCh8hjSDEMhwFZdJoKtXr4p8MTd3p8oiEGotWLDAqqnkDR40WMLGjRsT7BcrgLaqKHz66ae2TVq2aOlXxvILRpzpgC2zKSgoOuFX2yIjOzvbIpeoVk3rLeZdedu2bbbbtEmTJlK1QYNHvJuY4hcumLwQpjK7xPbt2+2K6OGHH7YsCw8nExfp5YKTKNeyhVcmzjpWUB4OQrvDhw5bNRdb5/7776cYtsTtADKxovDNsW9sm9jZeMXF95hsIU0g7khdsu2ttOBKljWB7IS0b3+HD1sTCPWSkpLodqG1UEV51ciqCCoEMDnsBLXvkUh3zI49OwKRvZoqbW0nqMvLQdeuX9Pz8Ashe/Lz8v3ydUbTpk11tNxhcHAw4fBsBXYnfV+fkBcHUdkcZLPFystBdoYmEGANQocOHbLCRfJSUlJsy+wKEhISbIX+N99Ybz/l4/LwEEi5fjwH4Xxjt1Lekw+tEuqdNMXPnDlDX+//2tY9glP9Qw89ZGpTVqJr1662Vb7c/aVlGbuO7baYKnOL2QlpjFSebdbqF60sJ3Xr1i06efIk5eXl0SeffGJZB5mTJ0+2LfMtALeOGDHCN1vSfECnDz74wLLsJ20xOxmEkcoiEF/fUNs2bS0ntXvPbg/nwPK2A9hLgwe7bSa7Ojp/3LhxNtYy0Zo1ayg311ppu8iWgxz/UA56cfKLFM5GhhWsXr3ak71161ZxsHkyfCLz5s6jDo928Mk1J0eNHEWzZs4yZ5amYMvhcG0HuLXxLvs/GaTK3mKBOCiQoO7UsRNNmDDBe1xPPCcnh9atW+dJQ1iP/vfRhG1nBZGRkbRp0ybxMsIvzWpZqiEfPqSPPvqI5s6da+t5mDRpEtkZvOjIVwZ55sCGU4I+DduFOCXb+XemTX/Z74Sc6ExQM2e9poqKCm3bjZ8wzq8dxn/22aEBvQB6Hrdv31J5eTfYnVxiO4auO2nSRMuxvPENjwhP8xCFI3L3hQwWXJe5oneZXxynZPiU4Xv2heTkZIIqjo+PF23TsGFDgqM9kHZLS0ujJUuW+HYl6bUfrBXVj3LYM3YAg8/O6NNtCgoK6KUpL9HSpUt1VoDQ7FU0ecCYQDnc0qTmYKCBlbGFIIhTn0klOPJ/KuAgOXDQQNutpPvH+IsXLaZGjRrprAqF2z/bTi+88AJlZmaWs506np9382HLyhGRYce82Q3xtxfML5N1NQuXJ8zPz1PTZ0xTkVUjymR3PZeo6Krq12PHqF27/lauuWRnZ6n33vuDatO2dbnH0GNxaPLr+PIuNJnJGgskmC2pbJMJh9uqVavEHWp3prNpKm4WbA98iYmJBK7C4TYxIZGKS4rp1s1bhEsG+ID2798fkFtwiu/QoQPlXs+ldevXEcSGD9TgNGRNAfLNBFJ83DBtOqKKEAjyCfUvXbpEFy5eoIsXLtKJkyfkCIFjhN0lIrZvvXr15MCKO7TvvvsOc7MEWNz47AD2FjQajM46deoQ7KHNH2+WS8Rhw4bROwve8Wg4OOr6/7K/X1cs05xMuL+jwEQg1rCXff3y586eI5zCYUVj5UEAxBH6xi1Ww2/wIUOGEAT47t27acOGDXT2zFmqVq2ap97EiRMDEggVUb9+/fp08OBB8euM+dUYWrlqpaQzT2cSbKknBjwhJsDzY5+nvBt5QqDp06bL3HGZMH36dOrXr58syunTpz3jI8Iv0JhAJAQyFYSHh0732osV2r9t27VREyaMV4MGD1Rw1qMfXBJeuHBeZWSke/q6fOWSyJGlS/9L8r799ri6cSNXDR2aqto/2k7VrFVDvpYtW8jF4eTJk1RSklN9/PEmtXDRu9LmzTfnSB+dOndUffr2lvh/zJ4lZVD5kIUdOj4qcg5mwIqVy6UMF6F79+6R+DOpQ6QeLgl8cWaD9leaMCYO4syAJ3qwLtgyrm4cpW1Joy+/dB/4YHy99uprIitguIEzhjwzRJzx9913n7A6/M243INfB1vNmeSUOUC7QJ7gscHoUaPpww8/9PNQHj9+XDRpXHyctDmd6V7xJGcS7ft6n+QhDkAZHPLTXp5GA54cQGfPniVdhq0fnxAv9cBl9R+qb/nAgR90OKUS/3gsaXeGvTUNewb3VfPnzZdD47at26hnz55io0ydMpW++uorqnNvHblvAus++OCDMln0Czvk8X6Pi+sBnjwQypnolCHB3vAFwTWReSZTbl31eQzbpt799QiqGvU0othGgERnohAAjjGn0yl5ZzLPyA1Ijx49hKhYADjjACBe7Vq15cYYDytwW2N1hmSiOKUB//gQKMj2PNarVy+CU33267OpVatW4qkb9uww4RIgjdXBKVk7ylu0aCFIYSCc1Pv37y/CE+ljx48R3BcwAIEAoEuXLkKoZcuX0cyZMyUPz1q0BwHEAwfjFsSbg+CKhb/amwjIg0aDzAFhwb2YoyYsNNnJEycpOyvb0lBVdgTijuGbtgQ8aQGcP3+e4OtNbpRMTw18Sp643LhxQ1YT5Z7J86pp5HHriruoBx54AFXkFhZbEVa3rg/OXLF8BY0aNUqsdbzE0FyBNho5II0P4ExyIpA+oLHwLAb1QIzVa1YTuCiyqvtdJ8wDPda9995LCxctlPlprpSOSn8MwjNhN5g4iH0ofkaBrogbAnDIzNdmCgeBYzRgdfWW0UTBwNj/kDdod+rUKXr66aelifZNo46uj2NHl5QunkMt8r0JpJEbOXIkDRgwQLaRRg5Egf/HmwjwGMImSumSImOiL2w/AOY6b948KQcn6wOvFOLHoNr8G4qoiUAsC2y95mDjUaNHyQ0EZBFcChowQXBY9erVxUZh9SDIafaHHIHg7v6v3UUenTjhvmUCB2gCwbm+d+9ewukegK0BT6V+jaHrvfXWW/KqDLe+devWlW2qiQci6HogwsxZM2V7oT8Q8+jfjyIqsgkhjExsc3CyL8AWQp6JQLzStgRCZbgluvfoTrhEhEsBkwV4TxBuChHCPFldhsnBaoUghjEJggKQj+2J/mAoYiUhS6AQtDEIrgCAYAAtVNGH3qaaM9AfCCQLlOQk3MXt2rVL2jk5DW2IxQEHwmXSr28/eVSFdr4QEuLeZiYCcSXbLaY72Ldvn8gTqHio5dTUVBPCqAdksM+BABDBCsGSxtWxWNvZWWLpOkuJCKRgPF7Nvip3Z4888oiH6Fr44hYCxAeiAL0oQE7HUQZOxPbXSGuBr9OpQ1PFSIWwnzR5EvXq3UtkqnTq9aNUkBNJXzsoIAdBi2greMS/jaAD+w/IKsybP0+6bt2mNcFNAXMfMgGAyYMjsB2wzdq0aSP5kFsaecgKqGrUzWSCQv2CaABNRMTBVb6yDkTZuHEjij1E+fyLz8V6Rh62Yt9+fUUeIg2F0eOxHogGBG0L+RIoIActX76c4B1s3749FRYVeoQbjg2QUeCo3r16C8fAdgHSQBgrDy2zYsUK0YKY2dixYz33YOMnjPebrPbxaIKgAoiGt4qQG0ePHpXjBfqHhxCPEfDCFQBB7g1QMGgzfvx4eRyReyNXRMSBAwe8q5nivLU8msxUwI+pinxNb53+5RP9PZ47vPmBF2/goKfEVMdRY9u2rerQ4YPqT3/6TxUXX1fy4arQ7SsSxsRGq40bN6ixz//a097Jbwyr16jmSdeuU0veLTVv0cyTt2zZX+RtUFbWFXWeX7Hp+f3P2jXi2cSxIy1ts2rUONnTxmpe4ZFhfwNh3PvAi0RMoDzeHrYeMdw14bjhKnERnO3glH8GwHB9f8n7HucdXrJCy2akZ1DIPSHCoePHjReRkNI1RQ7Fc+bMob9u+isNHDiQ4uPi5TgEgW4FnP19QX7Bfb5bDLIDcsiWQLCUtbVs1XFl5EHGwcsI2TV06FDRrEiv37Be5FSbtm3osR6PUfPmzSUNeQhCQBbig2Xdt29fUSQXL160mbKqwwVVfLUYd1S2JrPpsdKycQCGywMHZrhg4IiDzYWb1zNnz8h5C6oc2nPR4kViRqxfv57GjBkjLuOE+AQxNAO5jpmoBlvmCX4E4lvygJqs0qgQYCBoM/iihg8bTq1bt6ZXX3lVhPDePXsJ/itA5y6dCdps4bsLhXAjR42k1994Xc5y+w/sp46dOopNFGAY6Hinnwxiv/RxFk31Azb8JxXGxsbSjowd9Pu3fk+nT52mJe8vEW6B7fO7Ob8jyBi4Y/s/3p/mzpsrWhTcBoLaPYMJhAproZH+BIoIP8Si+8ddIQQa7Q6V4d8S1q5dK9wBUwDWOQxDuFjvNLD4nu1HIL44+4plWos7Pdhd2Z9Sy/1lkPHzl0GVRWz8Q7C/mld02986qqwp/ePHYXXv4lH0V4I47xhOGxKXMkUlvL1QJ8SPQPwPB4V++45r/lyAEeT5GdfIUDmMRA7/M3AOWzk5bJ7kkMPgUOXwv3jluFzGNRWkcoJUCceDc9hTAT/KjYri4UcgHpjVfGWQSPH1A+FdMd9kGtmM5A8+SF5TysHIuXJcQa6cIFeQRtL+IaMt9kW2JWUV+BGISVNhO4hX7RYPxMgCUYQq24284rgji/9jOpv/IzrbpVzZwSo4m534IEzAg3FZE6+scj8C8X8/FzCSV5iJ3IjKCguijLQb0SAhQFA2r242n9Rxl13uVS28O+jiof//AkohZb4yoWA5AAAAAElFTkSuQmCC)
}

.navigation__logo span{
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}

.navigation__toggle{
  position:absolute;
  top:12px;
  right:12px;
  padding:12px;
  z-index:9998
}

.navigation__toggle:after{
  font-family:"icomoon";
  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;
  content:'\e608';
  font-size:32px;
  text-decoration:none
}

@media (min-width: 960px){
  .navigation__toggle{
    display:none
  }
}

.navigation__toggle span{
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}

.navigation__menu{
  background:#222;
  display:none;
  height:100%;
  overflow:auto;
  position:fixed;
  width:100%;
  z-index:100
}

.navigation__menu a{
  color:#fff;
  text-align:center
}

@media (min-width: 960px){
  .navigation__menu{
    background:none;
    display:block;
    height:auto;
    position:relative;
    width:auto
  }

  .navigation__menu:after{
    clear:both;
    content:"";
    display:table
  }

  .navigation__menu a{
    color:#222;
    text-align:left
  }
}

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

@media (min-width: 960px){
  .navigation__primary{
    float:left
  }
}

.navigation__primary>li{
  margin:10vh 0;
  min-height:78px;
  line-height:1.2;
  padding:18px 12px;
  transition:padding 0.5s
}

@media (min-width: 960px){
  .navigation__primary>li{
    float:left;
    display:block;
    margin:0 12px 0 0;
    min-height:auto;
    min-width:12.5%;
    text-align:left
  }
}

@media (min-width: 1060px){
  .navigation__primary>li{
    padding:12px
  }
}

.navigation__primary a{
  display:block
}

.navigation__primary .navigation__title{
  display:block;
  font-weight:700
}

.navigation__primary .navigation__subtitle{
  font-size:14.4px;
  opacity:0.8
}

@media (min-width: 960px){
  .navigation__primary .navigation__subtitle{
    display:none
  }
}

@media (min-width: 1060px){
  .navigation__primary .navigation__subtitle{
    display:block
  }
}

.navigation__secondary{
  display:block;
  list-style-type:none;
  margin:0 12px;
  padding:0
}

@media (min-width: 960px){
  .navigation__secondary{
    float:right
  }
}

.navigation__secondary>li{
  font-size:18px;
  line-height:1.4;
  text-align:center;
  padding:12px;
  margin:0
}

@media (min-width: 960px){
  .navigation__secondary>li{
    float:left;
    display:block;
    text-align:left;
    padding:12px 0;
    border-bottom:0
  }

  .navigation__secondary>li+li{
    margin-left:12px
  }
}

.navigation__secondary .text-field{
  background-color:transparent;
  color:#fff;
  padding-top:5px;
  padding-bottom:5px;
  border:1px solid #fff;
  box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 1px 0 rgba(0,0,0,0.2);
  transition:width 0.5s
}

@media (min-width: 960px){
  .navigation__secondary .text-field{
    width:145px;
    color:#222;
    border:1px solid #222;
    box-shadow:0 1px 0 rgba(255,255,255,0.2),inset 0 1px 0 rgba(255,255,255,0.2)
  }
}

@media (min-width: 1280px){
  .navigation__secondary .text-field{
    width:200px
  }
}

.navigation__secondary .text-field.-search{
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTYuODcyIDYuOTU1YzAgMy4yOS0yLjY2NCA1Ljk1My01Ljk1MiA1Ljk1My0xLjE3NiAwLTIuMjYtLjMzLTMuMTgtLjkyTDMuMjYgMTYuNDljLS4yNTguMjU3LS42MDcuMzg2LS45MzguMzg2LS4zNSAwLS42OC0uMTMtLjkzNy0uMzg2LS41MTQtLjUxNS0uNTE0LTEuMzYgMC0xLjg3NGw0LjUtNC40ODJjLS41ODctLjkyLS45MTgtMi4wMDMtLjkxOC0zLjE4IDAtMy4yODcgMi42NjQtNS45NSA1Ljk1My01Ljk1IDMuMjg4IDAgNS45NTIgMi42NjMgNS45NTIgNS45NXptLTEuOTg0IDBjMC0yLjE4Ni0xLjc4Mi0zLjk2OC0zLjk2OC0zLjk2OC0yLjE4NyAwLTMuOTcgMS43ODItMy45NyAzLjk2OCAwIDIuMTg3IDEuNzgzIDMuOTcgMy45NyAzLjk3IDIuMTg1IDAgMy45NjgtMS43ODMgMy45NjgtMy45N3oiLz4KPC9zdmc+Cg==)
}

@media (min-width: 960px){
  .navigation__secondary .text-field.-search{
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBmaWxsPSIjMDAwIiBkPSJNMTYuODcyIDYuOTU1YzAgMy4yOS0yLjY2NCA1Ljk1My01Ljk1MiA1Ljk1My0xLjE3NiAwLTIuMjYtLjMzLTMuMTgtLjkyTDMuMjYgMTYuNDljLS4yNTguMjU3LS42MDcuMzg2LS45MzguMzg2LS4zNSAwLS42OC0uMTMtLjkzNy0uMzg2LS41MTQtLjUxNS0uNTE0LTEuMzYgMC0xLjg3NGw0LjUtNC40ODJjLS41ODctLjkyLS45MTgtMi4wMDMtLjkxOC0zLjE4IDAtMy4yODcgMi42NjQtNS45NSA1Ljk1My01Ljk1IDMuMjg4IDAgNS45NTIgMi42NjMgNS45NTIgNS45NXptLTEuOTg0IDBjMC0yLjE4Ni0xLjc4Mi0zLjk2OC0zLjk2OC0zLjk2OC0yLjE4NyAwLTMuOTcgMS43ODItMy45NyAzLjk2OCAwIDIuMTg3IDEuNzgzIDMuOTcgMy45NyAzLjk3IDIuMTg1IDAgMy45NjgtMS43ODMgMy45NjgtMy45N3oiLz4KPC9zdmc+Cg==)
  }

  .modernizr-no-svg .navigation__secondary .text-field.-search{
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOTU1RjhGREFCQjQxMUUzOTk3MEU0QUVCNEM4OEJFQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOTU1RjhGRUFCQjQxMUUzOTk3MEU0QUVCNEM4OEJFQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ5NTVGOEZCQUJCNDExRTM5OTcwRTRBRUI0Qzg4QkVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ5NTVGOEZDQUJCNDExRTM5OTcwRTRBRUI0Qzg4QkVDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+cjhyvwAAAR1JREFUeNpi/P//PwM1AAu6ACMjoxyQigNiRyAWAOIzQLwUaOEhvCaBXATDQKAJxNdBwmj4LxBnIqtFx8iGGALxb6jGS0CcAsRBQLwcycBmvAYBgRIQn4YqbsFQxMBghWSYBT6DyqCKzuK0kYEhF6pmNj6D9kAV5eExSAiq5gE2eSZomHNC6U944uU3lOYFxiwTuiRM4ByUdsVjkDmUPgF0wT+s0Q8ETkD8Gep0GxxeOweV9ycU/dlIaSYHiLlA6ROIzYD4PFKseeA1CGpYM5bEiI7/YHM1Ni/oA/FiIH4MxO+A+AA0u4TiM4wBX7LHYkkkLsNIMgiLYaAkkUWWQVgM2w0SYyGn7AFqXA5MlKDY9QXimeDih1oFG0CAAQCyhsy31iEHLwAAAABJRU5ErkJggg==)
  }
}

.modernizr-no-svg .navigation__secondary .text-field.-search{
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMjQ1RTU2RjhCOEUxMUUzOUZBQ0EwQTAwNjMzNERFOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMjQ1RTU3MDhCOEUxMUUzOUZBQ0EwQTAwNjMzNERFOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyNDVFNTZEOEI4RTExRTM5RkFDQTBBMDA2MzM0REU4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyNDVFNTZFOEI4RTExRTM5RkFDQTBBMDA2MzM0REU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+o5STcQAAAQNJREFUeNpi/P//PwM1ACMWg+SAOA6IHYFYAIjPAPFSID6E1ySQQUhYE4iv/8cEf4E4E00tCkbmGALxb6jGS0CcAsRBQLwcycBmQgYpAfFpqOIWLAqtkAyzwGdQGVTRWTzOz4WqmY3PoD1QRXl4DBKCqnmATZ4JGuacUPoTnnj5DaV5gZgJXRImcA5Ku+IxyBxKnwDif7ii3wmIP0OdboPDa+eg8v6Eoj8bKc3kADEXEIMSrBkQn0eKNQ9CBjFA0wkh8Aebq7F5QR+IFwPxYyB+B8QHgNgRiEPxGcaAL9ljwZG4DCPVIHTDQFkqi1yD0A3bTYlBIBwGDUuw9xipVbABBBgAFmsOLA3cI6wAAAAASUVORK5CYII=)
}

.navigation__secondary a{
  display:block;
  font-weight:700;
  padding:6px 9px
}

.navigation__dropdown{
  padding-top:0
}

@media (min-width: 760px){
  .navigation__dropdown{
    padding-top:12px
  }
}

.navigation__dropdown ul{
  display:block;
  margin-top:0;
  list-style-type:none
}

@media (min-width: 760px){
  .navigation__dropdown ul{
    visibility:hidden;
    overflow:hidden;
    height:0
  }
}

.navigation__dropdown ul li{
  padding:0 6px;
  text-align:right
}

@media (min-width: 760px){
  .navigation__dropdown ul li{
    display:block;
    clear:both;
    float:none
  }
}

.navigation__dropdown a,.navigation__dropdown ul{
  font-weight:normal;
  text-shadow:none
}

.navigation__dropdown .navigation__dropdown-toggle{
  display:none;
  position:relative;
  cursor:pointer;
  font-weight:700;
  padding:6px 9px
}

@media (min-width: 760px){
  .navigation__dropdown .navigation__dropdown-toggle{
    display:block;
    text-align:right;
    padding-right:32px
  }

  .navigation__dropdown .navigation__dropdown-toggle:after{
    font-family:"icomoon";
    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;
    content:'\e607';
    display:inline-block;
    position:absolute;
    right:0;
    top:1px;
    font-size:32px;
    transform:rotate(90deg)
  }
}

.navigation__dropdown.is-visible{
  color:#222;
  padding:0;
  border-radius:4px;
  margin-top:12px
}

@media (min-width: 760px){
  .navigation__dropdown.is-visible{
    background-color:#fff;
    padding-bottom:12px
  }

  .navigation__dropdown.is-visible .navigation__dropdown-toggle{
    color:#4e2b63;
    text-shadow:none
  }
}

.navigation__dropdown.is-visible ul{
  visibility:visible;
  overflow:visible;
  height:auto
}

.navigation__dropdown.is-visible ul a{
  color:#222;
  text-shadow:none;
  padding:2px 9px
}

.navigation__dropdown.is-visible ul a:hover{
  text-decoration:underline
}

.chrome.has-mobile-menu{
  position:fixed
}

@media (min-width: 960px){
  .chrome.has-mobile-menu{
    position:relative
  }
}

a{
  font-weight: 400;
  text-decoration: underline;
  --text-opacity: 1;
  color: #322baa;
  color: rgba(50, 43, 170, var(--text-opacity))
}

a:hover{
  color:#615BC4;
  -webkit-text-decoration-color:#30e3da;
          text-decoration-color:#30e3da
}

a>*{
  pointer-events:none
}

.btn{
  cursor: pointer;
  font-weight: 700;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  text-decoration: none;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.25rem;
  font-size: 18px;
  text-align: center;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px
}

.btn:active{
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity))
}

.btn:hover{
  cursor: pointer;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  text-decoration: none
}

.btn:disabled{
  cursor: not-allowed;
  background-color:#a0aec0 !important;
  border-color:transparent !important;
  color:#f7fafc !important
}

.btn.is-loading:disabled{
  cursor: wait
}

.button{
  background:#322baa
}

.button:active{
  background:#1c1e84
}

.button:focus{
  background:#4943B7
}

.button:hover{
  background:#4943B7
}

.text-input{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  padding: 0.75rem;
  border-width: 1px;
  --border-opacity: 1;
  border-color: #edf2f7;
  border-color: rgba(237, 242, 247, var(--border-opacity));
  border-style: solid;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 0.25rem
}

.text-input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #23b7fb;
  border-color: rgba(35, 183, 251, var(--border-opacity));
  box-shadow:0 0 3px #23b7fb
}

.link-button{
  display: inline;
  background-color: transparent;
  border-style: none;
  cursor: pointer;
  --text-opacity: 1;
  color: #23b7fb;
  color: rgba(35, 183, 251, var(--text-opacity));
  text-decoration: underline;
  margin: 0;
  padding: 0
}

.link-button:hover,.link-button:focus{
  --text-opacity: 1;
  color: #52ccff;
  color: rgba(82, 204, 255, var(--text-opacity))
}

.border-no-clip{
  background-clip:padding-box
}

.space-y-0 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0px * var(--space-y-reverse));
}

.space-x-0 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(0px * var(--space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
}

.space-y-1 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--space-y-reverse));
}

.space-x-1 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
}

.space-y-2 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--space-y-reverse));
}

.space-x-2 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
}

.space-y-3 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--space-y-reverse));
}

.space-x-3 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
}

.space-y-4 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1rem * var(--space-y-reverse));
}

.space-x-4 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(1rem * var(--space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
}

.space-y-5 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--space-y-reverse));
}

.space-x-5 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
}

.space-y-6 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--space-y-reverse));
}

.space-x-6 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
}

.space-y-8 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(2rem * var(--space-y-reverse));
}

.space-x-8 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(2rem * var(--space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
}

.space-y-10 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--space-y-reverse));
}

.space-x-10 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(2.5rem * var(--space-x-reverse));
  margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
}

.space-y-12 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(3rem * var(--space-y-reverse));
}

.space-x-12 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(3rem * var(--space-x-reverse));
  margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
}

.space-y-16 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(4rem * var(--space-y-reverse));
}

.space-x-16 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(4rem * var(--space-x-reverse));
  margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
}

.space-y-20 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(5rem * var(--space-y-reverse));
}

.space-x-20 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(5rem * var(--space-x-reverse));
  margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
}

.space-y-24 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(6rem * var(--space-y-reverse));
}

.space-x-24 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(6rem * var(--space-x-reverse));
  margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
}

.space-y-32 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(8rem * var(--space-y-reverse));
}

.space-x-32 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(8rem * var(--space-x-reverse));
  margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
}

.space-y-40 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(10rem * var(--space-y-reverse));
}

.space-x-40 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(10rem * var(--space-x-reverse));
  margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
}

.space-y-48 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(12rem * var(--space-y-reverse));
}

.space-x-48 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(12rem * var(--space-x-reverse));
  margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
}

.space-y-56 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(14rem * var(--space-y-reverse));
}

.space-x-56 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(14rem * var(--space-x-reverse));
  margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
}

.space-y-64 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(16rem * var(--space-y-reverse));
}

.space-x-64 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(16rem * var(--space-x-reverse));
  margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
}

.space-y-px > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1px * var(--space-y-reverse));
}

.space-x-px > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(1px * var(--space-x-reverse));
  margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
}

.-space-y-1 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-0.25rem * var(--space-y-reverse));
}

.-space-x-1 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-0.25rem * var(--space-x-reverse));
  margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-2 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-0.5rem * var(--space-y-reverse));
}

.-space-x-2 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-0.5rem * var(--space-x-reverse));
  margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-3 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-0.75rem * var(--space-y-reverse));
}

.-space-x-3 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-0.75rem * var(--space-x-reverse));
  margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-4 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1rem * var(--space-y-reverse));
}

.-space-x-4 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-1rem * var(--space-x-reverse));
  margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-5 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1.25rem * var(--space-y-reverse));
}

.-space-x-5 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-1.25rem * var(--space-x-reverse));
  margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-6 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1.5rem * var(--space-y-reverse));
}

.-space-x-6 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-1.5rem * var(--space-x-reverse));
  margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-8 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-2rem * var(--space-y-reverse));
}

.-space-x-8 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-2rem * var(--space-x-reverse));
  margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-10 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-2.5rem * var(--space-y-reverse));
}

.-space-x-10 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-2.5rem * var(--space-x-reverse));
  margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-12 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-3rem * var(--space-y-reverse));
}

.-space-x-12 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-3rem * var(--space-x-reverse));
  margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-16 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-4rem * var(--space-y-reverse));
}

.-space-x-16 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-4rem * var(--space-x-reverse));
  margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-20 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-5rem * var(--space-y-reverse));
}

.-space-x-20 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-5rem * var(--space-x-reverse));
  margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-24 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-6rem * var(--space-y-reverse));
}

.-space-x-24 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-6rem * var(--space-x-reverse));
  margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-32 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-8rem * var(--space-y-reverse));
}

.-space-x-32 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-8rem * var(--space-x-reverse));
  margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-40 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-10rem * var(--space-y-reverse));
}

.-space-x-40 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-10rem * var(--space-x-reverse));
  margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-48 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-12rem * var(--space-y-reverse));
}

.-space-x-48 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-12rem * var(--space-x-reverse));
  margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-56 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-14rem * var(--space-y-reverse));
}

.-space-x-56 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-14rem * var(--space-x-reverse));
  margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-64 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-16rem * var(--space-y-reverse));
}

.-space-x-64 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-16rem * var(--space-x-reverse));
  margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-px > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1px * var(--space-y-reverse));
}

.-space-x-px > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-1px * var(--space-x-reverse));
  margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
}

.space-y-reverse > :not(template) ~ :not(template) {
  --space-y-reverse: 1;
}

.space-x-reverse > :not(template) ~ :not(template) {
  --space-x-reverse: 1;
}

.divide-y-0 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(0px * var(--divide-y-reverse));
}

.divide-x-0 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0;
  border-right-width: calc(0px * var(--divide-x-reverse));
  border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
}

.divide-y-2 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(2px * var(--divide-y-reverse));
}

.divide-x-2 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0;
  border-right-width: calc(2px * var(--divide-x-reverse));
  border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
}

.divide-y-4 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(4px * var(--divide-y-reverse));
}

.divide-x-4 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0;
  border-right-width: calc(4px * var(--divide-x-reverse));
  border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
}

.divide-y-8 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(8px * var(--divide-y-reverse));
}

.divide-x-8 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0;
  border-right-width: calc(8px * var(--divide-x-reverse));
  border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
}

.divide-y > :not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(1px * var(--divide-y-reverse));
}

.divide-x > :not(template) ~ :not(template) {
  --divide-x-reverse: 0;
  border-right-width: calc(1px * var(--divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
}

.divide-y-reverse > :not(template) ~ :not(template) {
  --divide-y-reverse: 1;
}

.divide-x-reverse > :not(template) ~ :not(template) {
  --divide-x-reverse: 1;
}

.divide-transparent > :not(template) ~ :not(template) {
  border-color: transparent;
}

.divide-black > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #000;
  border-color: rgba(0, 0, 0, var(--divide-opacity));
}

.divide-white > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--divide-opacity));
}

.divide-gray-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #f7fafc;
  border-color: rgba(247, 250, 252, var(--divide-opacity));
}

.divide-gray-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #edf2f7;
  border-color: rgba(237, 242, 247, var(--divide-opacity));
}

.divide-gray-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #e2e8f0;
  border-color: rgba(226, 232, 240, var(--divide-opacity));
}

.divide-gray-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #cbd5e0;
  border-color: rgba(203, 213, 224, var(--divide-opacity));
}

.divide-gray-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #a0aec0;
  border-color: rgba(160, 174, 192, var(--divide-opacity));
}

.divide-gray-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #718096;
  border-color: rgba(113, 128, 150, var(--divide-opacity));
}

.divide-gray-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #4a5568;
  border-color: rgba(74, 85, 104, var(--divide-opacity));
}

.divide-gray-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #2d3748;
  border-color: rgba(45, 55, 72, var(--divide-opacity));
}

.divide-gray-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #1a202c;
  border-color: rgba(26, 32, 44, var(--divide-opacity));
}

.divide-blue-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #86dfff;
  border-color: rgba(134, 223, 255, var(--divide-opacity));
}

.divide-blue-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #6bd6ff;
  border-color: rgba(107, 214, 255, var(--divide-opacity));
}

.divide-blue-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #52ccff;
  border-color: rgba(82, 204, 255, var(--divide-opacity));
}

.divide-blue-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #3ac2ff;
  border-color: rgba(58, 194, 255, var(--divide-opacity));
}

.divide-blue-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #23b7fb;
  border-color: rgba(35, 183, 251, var(--divide-opacity));
}

.divide-blue-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #1a9adf;
  border-color: rgba(26, 154, 223, var(--divide-opacity));
}

.divide-blue-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #127fbf;
  border-color: rgba(18, 127, 191, var(--divide-opacity));
}

.divide-blue-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #0c659f;
  border-color: rgba(12, 101, 159, var(--divide-opacity));
}

.divide-blue-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #074c80;
  border-color: rgba(7, 76, 128, var(--divide-opacity));
}

.divide-blurple-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #938FDB;
  border-color: rgba(147, 143, 219, var(--divide-opacity));
}

.divide-blurple-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #7A75D0;
  border-color: rgba(122, 117, 208, var(--divide-opacity));
}

.divide-blurple-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #615BC4;
  border-color: rgba(97, 91, 196, var(--divide-opacity));
}

.divide-blurple-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #4943B7;
  border-color: rgba(73, 67, 183, var(--divide-opacity));
}

.divide-blurple-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #322baa;
  border-color: rgba(50, 43, 170, var(--divide-opacity));
}

.divide-blurple-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #1c1e84;
  border-color: rgba(28, 30, 132, var(--divide-opacity));
}

.divide-green-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #42d86f;
  border-color: rgba(66, 216, 111, var(--divide-opacity));
}

.divide-green-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #0cc242;
  border-color: rgba(12, 194, 66, var(--divide-opacity));
}

.divide-green-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #02983a;
  border-color: rgba(2, 152, 58, var(--divide-opacity));
}

.divide-orange-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ff6e4a;
  border-color: rgba(255, 110, 74, var(--divide-opacity));
}

.divide-orange-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ff6640;
  border-color: rgba(255, 102, 64, var(--divide-opacity));
}

.divide-orange-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ff5e36;
  border-color: rgba(255, 94, 54, var(--divide-opacity));
}

.divide-orange-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ff562b;
  border-color: rgba(255, 86, 43, var(--divide-opacity));
}

.divide-orange-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ff4d22;
  border-color: rgba(255, 77, 34, var(--divide-opacity));
}

.divide-orange-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #e5461e;
  border-color: rgba(229, 70, 30, var(--divide-opacity));
}

.divide-orange-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #cc3e1b;
  border-color: rgba(204, 62, 27, var(--divide-opacity));
}

.divide-orange-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #b33617;
  border-color: rgba(179, 54, 23, var(--divide-opacity));
}

.divide-orange-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #992f14;
  border-color: rgba(153, 47, 20, var(--divide-opacity));
}

.divide-purple-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #c861ff;
  border-color: rgba(200, 97, 255, var(--divide-opacity));
}

.divide-purple-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #c354ff;
  border-color: rgba(195, 84, 255, var(--divide-opacity));
}

.divide-purple-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #be49fc;
  border-color: rgba(190, 73, 252, var(--divide-opacity));
}

.divide-purple-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ab42e3;
  border-color: rgba(171, 66, 227, var(--divide-opacity));
}

.divide-purple-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #983ac9;
  border-color: rgba(152, 58, 201, var(--divide-opacity));
}

.divide-purple-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #8433b0;
  border-color: rgba(132, 51, 176, var(--divide-opacity));
}

.divide-purple-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #712c96;
  border-color: rgba(113, 44, 150, var(--divide-opacity));
}

.divide-purple-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #5e247d;
  border-color: rgba(94, 36, 125, var(--divide-opacity));
}

.divide-purple-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #4b1d63;
  border-color: rgba(75, 29, 99, var(--divide-opacity));
}

.divide-red-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ff6d69;
  border-color: rgba(255, 109, 105, var(--divide-opacity));
}

.divide-red-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ff4540;
  border-color: rgba(255, 69, 64, var(--divide-opacity));
}

.divide-red-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #bf3929;
  border-color: rgba(191, 57, 41, var(--divide-opacity));
}

.divide-teal-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #8cfff9;
  border-color: rgba(140, 255, 249, var(--divide-opacity));
}

.divide-teal-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #66fff7;
  border-color: rgba(102, 255, 247, var(--divide-opacity));
}

.divide-teal-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #40fff5;
  border-color: rgba(64, 255, 245, var(--divide-opacity));
}

.divide-teal-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #35fcf2;
  border-color: rgba(53, 252, 242, var(--divide-opacity));
}

.divide-teal-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #30e3da;
  border-color: rgba(48, 227, 218, var(--divide-opacity));
}

.divide-teal-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #2ac9c1;
  border-color: rgba(42, 201, 193, var(--divide-opacity));
}

.divide-teal-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #25b0a9;
  border-color: rgba(37, 176, 169, var(--divide-opacity));
}

.divide-teal-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #209691;
  border-color: rgba(32, 150, 145, var(--divide-opacity));
}

.divide-teal-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #1a7d78;
  border-color: rgba(26, 125, 120, var(--divide-opacity));
}

.divide-yellow-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ffe894;
  border-color: rgba(255, 232, 148, var(--divide-opacity));
}

.divide-yellow-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ffe27a;
  border-color: rgba(255, 226, 122, var(--divide-opacity));
}

.divide-yellow-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ffdd61;
  border-color: rgba(255, 221, 97, var(--divide-opacity));
}

.divide-yellow-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ffd747;
  border-color: rgba(255, 215, 71, var(--divide-opacity));
}

.divide-yellow-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #fcce2f;
  border-color: rgba(252, 206, 47, var(--divide-opacity));
}

.divide-yellow-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #e3bb29;
  border-color: rgba(227, 187, 41, var(--divide-opacity));
}

.divide-yellow-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #c9a624;
  border-color: rgba(201, 166, 36, var(--divide-opacity));
}

.divide-yellow-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #b09120;
  border-color: rgba(176, 145, 32, var(--divide-opacity));
}

.divide-yellow-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #967c1b;
  border-color: rgba(150, 124, 27, var(--divide-opacity));
}

.divide-facebook-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #4a6dbc;
  border-color: rgba(74, 109, 188, var(--divide-opacity));
}

.divide-facebook-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #39579a;
  border-color: rgba(57, 87, 154, var(--divide-opacity));
}

.divide-snapchat-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #fffc00;
  border-color: rgba(255, 252, 0, var(--divide-opacity));
}

.divide-snapchat-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #39579a;
  border-color: rgba(57, 87, 154, var(--divide-opacity));
}

.divide-messenger-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #339dff;
  border-color: rgba(51, 157, 255, var(--divide-opacity));
}

.divide-messenger-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #0084ff;
  border-color: rgba(0, 132, 255, var(--divide-opacity));
}

.divide-twitter-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #21c2ff;
  border-color: rgba(33, 194, 255, var(--divide-opacity));
}

.divide-twitter-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #00aced;
  border-color: rgba(0, 172, 237, var(--divide-opacity));
}

.divide-transparent-black-10 > :not(template) ~ :not(template) {
  border-color: rgba(0,0,0,0.1);
}

.divide-transparent-black-30 > :not(template) ~ :not(template) {
  border-color: rgba(0,0,0,0.3);
}

.divide-transparent-black-50 > :not(template) ~ :not(template) {
  border-color: rgba(0,0,0,0.5);
}

.divide-transparent-black-70 > :not(template) ~ :not(template) {
  border-color: rgba(0,0,0,0.7);
}

.divide-transparent-black-90 > :not(template) ~ :not(template) {
  border-color: rgba(0,0,0,0.9);
}

.divide-transparent-white-10 > :not(template) ~ :not(template) {
  border-color: rgba(255,255,255,0.1);
}

.divide-transparent-white-30 > :not(template) ~ :not(template) {
  border-color: rgba(255,255,255,0.3);
}

.divide-transparent-white-50 > :not(template) ~ :not(template) {
  border-color: rgba(255,255,255,0.5);
}

.divide-transparent-white-70 > :not(template) ~ :not(template) {
  border-color: rgba(255,255,255,0.7);
}

.divide-transparent-white-90 > :not(template) ~ :not(template) {
  border-color: rgba(255,255,255,0.9);
}

.divide-vr-dark-blue > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #000047;
  border-color: rgba(0, 0, 71, var(--divide-opacity));
}

.divide-vr-neon-green > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #00ff75;
  border-color: rgba(0, 255, 117, var(--divide-opacity));
}

.divide-solid > :not(template) ~ :not(template) {
  border-style: solid;
}

.divide-dashed > :not(template) ~ :not(template) {
  border-style: dashed;
}

.divide-dotted > :not(template) ~ :not(template) {
  border-style: dotted;
}

.divide-double > :not(template) ~ :not(template) {
  border-style: double;
}

.divide-none > :not(template) ~ :not(template) {
  border-style: none;
}

.divide-opacity-0 > :not(template) ~ :not(template) {
  --divide-opacity: 0;
}

.divide-opacity-25 > :not(template) ~ :not(template) {
  --divide-opacity: 0.25;
}

.divide-opacity-50 > :not(template) ~ :not(template) {
  --divide-opacity: 0.5;
}

.divide-opacity-75 > :not(template) ~ :not(template) {
  --divide-opacity: 0.75;
}

.divide-opacity-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.focus\:sr-only:focus {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.appearance-none {
  -webkit-appearance: none;
          appearance: none;
}

.bg-fixed {
  background-attachment: fixed;
}

.bg-local {
  background-attachment: local;
}

.bg-scroll {
  background-attachment: scroll;
}

.bg-clip-border {
  background-clip: border-box;
}

.bg-clip-padding {
  background-clip: padding-box;
}

.bg-clip-content {
  background-clip: content-box;
}

.bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}

.bg-transparent {
  background-color: transparent;
}

.bg-black {
  --bg-opacity: 1;
  background-color: #000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
}

.bg-white {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.bg-gray-100 {
  --bg-opacity: 1;
  background-color: #f7fafc;
  background-color: rgba(247, 250, 252, var(--bg-opacity));
}

.bg-gray-200 {
  --bg-opacity: 1;
  background-color: #edf2f7;
  background-color: rgba(237, 242, 247, var(--bg-opacity));
}

.bg-gray-300 {
  --bg-opacity: 1;
  background-color: #e2e8f0;
  background-color: rgba(226, 232, 240, var(--bg-opacity));
}

.bg-gray-400 {
  --bg-opacity: 1;
  background-color: #cbd5e0;
  background-color: rgba(203, 213, 224, var(--bg-opacity));
}

.bg-gray-500 {
  --bg-opacity: 1;
  background-color: #a0aec0;
  background-color: rgba(160, 174, 192, var(--bg-opacity));
}

.bg-gray-600 {
  --bg-opacity: 1;
  background-color: #718096;
  background-color: rgba(113, 128, 150, var(--bg-opacity));
}

.bg-gray-700 {
  --bg-opacity: 1;
  background-color: #4a5568;
  background-color: rgba(74, 85, 104, var(--bg-opacity));
}

.bg-gray-800 {
  --bg-opacity: 1;
  background-color: #2d3748;
  background-color: rgba(45, 55, 72, var(--bg-opacity));
}

.bg-gray-900 {
  --bg-opacity: 1;
  background-color: #1a202c;
  background-color: rgba(26, 32, 44, var(--bg-opacity));
}

.bg-blue-100 {
  --bg-opacity: 1;
  background-color: #86dfff;
  background-color: rgba(134, 223, 255, var(--bg-opacity));
}

.bg-blue-200 {
  --bg-opacity: 1;
  background-color: #6bd6ff;
  background-color: rgba(107, 214, 255, var(--bg-opacity));
}

.bg-blue-300 {
  --bg-opacity: 1;
  background-color: #52ccff;
  background-color: rgba(82, 204, 255, var(--bg-opacity));
}

.bg-blue-400 {
  --bg-opacity: 1;
  background-color: #3ac2ff;
  background-color: rgba(58, 194, 255, var(--bg-opacity));
}

.bg-blue-500 {
  --bg-opacity: 1;
  background-color: #23b7fb;
  background-color: rgba(35, 183, 251, var(--bg-opacity));
}

.bg-blue-600 {
  --bg-opacity: 1;
  background-color: #1a9adf;
  background-color: rgba(26, 154, 223, var(--bg-opacity));
}

.bg-blue-700 {
  --bg-opacity: 1;
  background-color: #127fbf;
  background-color: rgba(18, 127, 191, var(--bg-opacity));
}

.bg-blue-800 {
  --bg-opacity: 1;
  background-color: #0c659f;
  background-color: rgba(12, 101, 159, var(--bg-opacity));
}

.bg-blue-900 {
  --bg-opacity: 1;
  background-color: #074c80;
  background-color: rgba(7, 76, 128, var(--bg-opacity));
}

.bg-blurple-100 {
  --bg-opacity: 1;
  background-color: #938FDB;
  background-color: rgba(147, 143, 219, var(--bg-opacity));
}

.bg-blurple-200 {
  --bg-opacity: 1;
  background-color: #7A75D0;
  background-color: rgba(122, 117, 208, var(--bg-opacity));
}

.bg-blurple-300 {
  --bg-opacity: 1;
  background-color: #615BC4;
  background-color: rgba(97, 91, 196, var(--bg-opacity));
}

.bg-blurple-400 {
  --bg-opacity: 1;
  background-color: #4943B7;
  background-color: rgba(73, 67, 183, var(--bg-opacity));
}

.bg-blurple-500 {
  --bg-opacity: 1;
  background-color: #322baa;
  background-color: rgba(50, 43, 170, var(--bg-opacity));
}

.bg-blurple-700 {
  --bg-opacity: 1;
  background-color: #1c1e84;
  background-color: rgba(28, 30, 132, var(--bg-opacity));
}

.bg-green-300 {
  --bg-opacity: 1;
  background-color: #42d86f;
  background-color: rgba(66, 216, 111, var(--bg-opacity));
}

.bg-green-500 {
  --bg-opacity: 1;
  background-color: #0cc242;
  background-color: rgba(12, 194, 66, var(--bg-opacity));
}

.bg-green-700 {
  --bg-opacity: 1;
  background-color: #02983a;
  background-color: rgba(2, 152, 58, var(--bg-opacity));
}

.bg-orange-100 {
  --bg-opacity: 1;
  background-color: #ff6e4a;
  background-color: rgba(255, 110, 74, var(--bg-opacity));
}

.bg-orange-200 {
  --bg-opacity: 1;
  background-color: #ff6640;
  background-color: rgba(255, 102, 64, var(--bg-opacity));
}

.bg-orange-300 {
  --bg-opacity: 1;
  background-color: #ff5e36;
  background-color: rgba(255, 94, 54, var(--bg-opacity));
}

.bg-orange-400 {
  --bg-opacity: 1;
  background-color: #ff562b;
  background-color: rgba(255, 86, 43, var(--bg-opacity));
}

.bg-orange-500 {
  --bg-opacity: 1;
  background-color: #ff4d22;
  background-color: rgba(255, 77, 34, var(--bg-opacity));
}

.bg-orange-600 {
  --bg-opacity: 1;
  background-color: #e5461e;
  background-color: rgba(229, 70, 30, var(--bg-opacity));
}

.bg-orange-700 {
  --bg-opacity: 1;
  background-color: #cc3e1b;
  background-color: rgba(204, 62, 27, var(--bg-opacity));
}

.bg-orange-800 {
  --bg-opacity: 1;
  background-color: #b33617;
  background-color: rgba(179, 54, 23, var(--bg-opacity));
}

.bg-orange-900 {
  --bg-opacity: 1;
  background-color: #992f14;
  background-color: rgba(153, 47, 20, var(--bg-opacity));
}

.bg-purple-100 {
  --bg-opacity: 1;
  background-color: #c861ff;
  background-color: rgba(200, 97, 255, var(--bg-opacity));
}

.bg-purple-200 {
  --bg-opacity: 1;
  background-color: #c354ff;
  background-color: rgba(195, 84, 255, var(--bg-opacity));
}

.bg-purple-300 {
  --bg-opacity: 1;
  background-color: #be49fc;
  background-color: rgba(190, 73, 252, var(--bg-opacity));
}

.bg-purple-400 {
  --bg-opacity: 1;
  background-color: #ab42e3;
  background-color: rgba(171, 66, 227, var(--bg-opacity));
}

.bg-purple-500 {
  --bg-opacity: 1;
  background-color: #983ac9;
  background-color: rgba(152, 58, 201, var(--bg-opacity));
}

.bg-purple-600 {
  --bg-opacity: 1;
  background-color: #8433b0;
  background-color: rgba(132, 51, 176, var(--bg-opacity));
}

.bg-purple-700 {
  --bg-opacity: 1;
  background-color: #712c96;
  background-color: rgba(113, 44, 150, var(--bg-opacity));
}

.bg-purple-800 {
  --bg-opacity: 1;
  background-color: #5e247d;
  background-color: rgba(94, 36, 125, var(--bg-opacity));
}

.bg-purple-900 {
  --bg-opacity: 1;
  background-color: #4b1d63;
  background-color: rgba(75, 29, 99, var(--bg-opacity));
}

.bg-red-300 {
  --bg-opacity: 1;
  background-color: #ff6d69;
  background-color: rgba(255, 109, 105, var(--bg-opacity));
}

.bg-red-500 {
  --bg-opacity: 1;
  background-color: #ff4540;
  background-color: rgba(255, 69, 64, var(--bg-opacity));
}

.bg-red-700 {
  --bg-opacity: 1;
  background-color: #bf3929;
  background-color: rgba(191, 57, 41, var(--bg-opacity));
}

.bg-teal-100 {
  --bg-opacity: 1;
  background-color: #8cfff9;
  background-color: rgba(140, 255, 249, var(--bg-opacity));
}

.bg-teal-200 {
  --bg-opacity: 1;
  background-color: #66fff7;
  background-color: rgba(102, 255, 247, var(--bg-opacity));
}

.bg-teal-300 {
  --bg-opacity: 1;
  background-color: #40fff5;
  background-color: rgba(64, 255, 245, var(--bg-opacity));
}

.bg-teal-400 {
  --bg-opacity: 1;
  background-color: #35fcf2;
  background-color: rgba(53, 252, 242, var(--bg-opacity));
}

.bg-teal-500 {
  --bg-opacity: 1;
  background-color: #30e3da;
  background-color: rgba(48, 227, 218, var(--bg-opacity));
}

.bg-teal-600 {
  --bg-opacity: 1;
  background-color: #2ac9c1;
  background-color: rgba(42, 201, 193, var(--bg-opacity));
}

.bg-teal-700 {
  --bg-opacity: 1;
  background-color: #25b0a9;
  background-color: rgba(37, 176, 169, var(--bg-opacity));
}

.bg-teal-800 {
  --bg-opacity: 1;
  background-color: #209691;
  background-color: rgba(32, 150, 145, var(--bg-opacity));
}

.bg-teal-900 {
  --bg-opacity: 1;
  background-color: #1a7d78;
  background-color: rgba(26, 125, 120, var(--bg-opacity));
}

.bg-yellow-100 {
  --bg-opacity: 1;
  background-color: #ffe894;
  background-color: rgba(255, 232, 148, var(--bg-opacity));
}

.bg-yellow-200 {
  --bg-opacity: 1;
  background-color: #ffe27a;
  background-color: rgba(255, 226, 122, var(--bg-opacity));
}

.bg-yellow-300 {
  --bg-opacity: 1;
  background-color: #ffdd61;
  background-color: rgba(255, 221, 97, var(--bg-opacity));
}

.bg-yellow-400 {
  --bg-opacity: 1;
  background-color: #ffd747;
  background-color: rgba(255, 215, 71, var(--bg-opacity));
}

.bg-yellow-500 {
  --bg-opacity: 1;
  background-color: #fcce2f;
  background-color: rgba(252, 206, 47, var(--bg-opacity));
}

.bg-yellow-600 {
  --bg-opacity: 1;
  background-color: #e3bb29;
  background-color: rgba(227, 187, 41, var(--bg-opacity));
}

.bg-yellow-700 {
  --bg-opacity: 1;
  background-color: #c9a624;
  background-color: rgba(201, 166, 36, var(--bg-opacity));
}

.bg-yellow-800 {
  --bg-opacity: 1;
  background-color: #b09120;
  background-color: rgba(176, 145, 32, var(--bg-opacity));
}

.bg-yellow-900 {
  --bg-opacity: 1;
  background-color: #967c1b;
  background-color: rgba(150, 124, 27, var(--bg-opacity));
}

.bg-facebook-400 {
  --bg-opacity: 1;
  background-color: #4a6dbc;
  background-color: rgba(74, 109, 188, var(--bg-opacity));
}

.bg-facebook-500 {
  --bg-opacity: 1;
  background-color: #39579a;
  background-color: rgba(57, 87, 154, var(--bg-opacity));
}

.bg-snapchat-400 {
  --bg-opacity: 1;
  background-color: #fffc00;
  background-color: rgba(255, 252, 0, var(--bg-opacity));
}

.bg-snapchat-500 {
  --bg-opacity: 1;
  background-color: #39579a;
  background-color: rgba(57, 87, 154, var(--bg-opacity));
}

.bg-messenger-400 {
  --bg-opacity: 1;
  background-color: #339dff;
  background-color: rgba(51, 157, 255, var(--bg-opacity));
}

.bg-messenger-500 {
  --bg-opacity: 1;
  background-color: #0084ff;
  background-color: rgba(0, 132, 255, var(--bg-opacity));
}

.bg-twitter-400 {
  --bg-opacity: 1;
  background-color: #21c2ff;
  background-color: rgba(33, 194, 255, var(--bg-opacity));
}

.bg-twitter-500 {
  --bg-opacity: 1;
  background-color: #00aced;
  background-color: rgba(0, 172, 237, var(--bg-opacity));
}

.bg-transparent-black-10 {
  background-color: rgba(0,0,0,0.1);
}

.bg-transparent-black-30 {
  background-color: rgba(0,0,0,0.3);
}

.bg-transparent-black-50 {
  background-color: rgba(0,0,0,0.5);
}

.bg-transparent-black-70 {
  background-color: rgba(0,0,0,0.7);
}

.bg-transparent-black-90 {
  background-color: rgba(0,0,0,0.9);
}

.bg-transparent-white-10 {
  background-color: rgba(255,255,255,0.1);
}

.bg-transparent-white-30 {
  background-color: rgba(255,255,255,0.3);
}

.bg-transparent-white-50 {
  background-color: rgba(255,255,255,0.5);
}

.bg-transparent-white-70 {
  background-color: rgba(255,255,255,0.7);
}

.bg-transparent-white-90 {
  background-color: rgba(255,255,255,0.9);
}

.bg-vr-dark-blue {
  --bg-opacity: 1;
  background-color: #000047;
  background-color: rgba(0, 0, 71, var(--bg-opacity));
}

.bg-vr-neon-green {
  --bg-opacity: 1;
  background-color: #00ff75;
  background-color: rgba(0, 255, 117, var(--bg-opacity));
}

.active\:bg-transparent:active {
  background-color: transparent;
}

.active\:bg-black:active {
  --bg-opacity: 1;
  background-color: #000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
}

.active\:bg-white:active {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.active\:bg-gray-100:active {
  --bg-opacity: 1;
  background-color: #f7fafc;
  background-color: rgba(247, 250, 252, var(--bg-opacity));
}

.active\:bg-gray-200:active {
  --bg-opacity: 1;
  background-color: #edf2f7;
  background-color: rgba(237, 242, 247, var(--bg-opacity));
}

.active\:bg-gray-300:active {
  --bg-opacity: 1;
  background-color: #e2e8f0;
  background-color: rgba(226, 232, 240, var(--bg-opacity));
}

.active\:bg-gray-400:active {
  --bg-opacity: 1;
  background-color: #cbd5e0;
  background-color: rgba(203, 213, 224, var(--bg-opacity));
}

.active\:bg-gray-500:active {
  --bg-opacity: 1;
  background-color: #a0aec0;
  background-color: rgba(160, 174, 192, var(--bg-opacity));
}

.active\:bg-gray-600:active {
  --bg-opacity: 1;
  background-color: #718096;
  background-color: rgba(113, 128, 150, var(--bg-opacity));
}

.active\:bg-gray-700:active {
  --bg-opacity: 1;
  background-color: #4a5568;
  background-color: rgba(74, 85, 104, var(--bg-opacity));
}

.active\:bg-gray-800:active {
  --bg-opacity: 1;
  background-color: #2d3748;
  background-color: rgba(45, 55, 72, var(--bg-opacity));
}

.active\:bg-gray-900:active {
  --bg-opacity: 1;
  background-color: #1a202c;
  background-color: rgba(26, 32, 44, var(--bg-opacity));
}

.active\:bg-blue-100:active {
  --bg-opacity: 1;
  background-color: #86dfff;
  background-color: rgba(134, 223, 255, var(--bg-opacity));
}

.active\:bg-blue-200:active {
  --bg-opacity: 1;
  background-color: #6bd6ff;
  background-color: rgba(107, 214, 255, var(--bg-opacity));
}

.active\:bg-blue-300:active {
  --bg-opacity: 1;
  background-color: #52ccff;
  background-color: rgba(82, 204, 255, var(--bg-opacity));
}

.active\:bg-blue-400:active {
  --bg-opacity: 1;
  background-color: #3ac2ff;
  background-color: rgba(58, 194, 255, var(--bg-opacity));
}

.active\:bg-blue-500:active {
  --bg-opacity: 1;
  background-color: #23b7fb;
  background-color: rgba(35, 183, 251, var(--bg-opacity));
}

.active\:bg-blue-600:active {
  --bg-opacity: 1;
  background-color: #1a9adf;
  background-color: rgba(26, 154, 223, var(--bg-opacity));
}

.active\:bg-blue-700:active {
  --bg-opacity: 1;
  background-color: #127fbf;
  background-color: rgba(18, 127, 191, var(--bg-opacity));
}

.active\:bg-blue-800:active {
  --bg-opacity: 1;
  background-color: #0c659f;
  background-color: rgba(12, 101, 159, var(--bg-opacity));
}

.active\:bg-blue-900:active {
  --bg-opacity: 1;
  background-color: #074c80;
  background-color: rgba(7, 76, 128, var(--bg-opacity));
}

.active\:bg-blurple-100:active {
  --bg-opacity: 1;
  background-color: #938FDB;
  background-color: rgba(147, 143, 219, var(--bg-opacity));
}

.active\:bg-blurple-200:active {
  --bg-opacity: 1;
  background-color: #7A75D0;
  background-color: rgba(122, 117, 208, var(--bg-opacity));
}

.active\:bg-blurple-300:active {
  --bg-opacity: 1;
  background-color: #615BC4;
  background-color: rgba(97, 91, 196, var(--bg-opacity));
}

.active\:bg-blurple-400:active {
  --bg-opacity: 1;
  background-color: #4943B7;
  background-color: rgba(73, 67, 183, var(--bg-opacity));
}

.active\:bg-blurple-500:active {
  --bg-opacity: 1;
  background-color: #322baa;
  background-color: rgba(50, 43, 170, var(--bg-opacity));
}

.active\:bg-blurple-700:active {
  --bg-opacity: 1;
  background-color: #1c1e84;
  background-color: rgba(28, 30, 132, var(--bg-opacity));
}

.active\:bg-green-300:active {
  --bg-opacity: 1;
  background-color: #42d86f;
  background-color: rgba(66, 216, 111, var(--bg-opacity));
}

.active\:bg-green-500:active {
  --bg-opacity: 1;
  background-color: #0cc242;
  background-color: rgba(12, 194, 66, var(--bg-opacity));
}

.active\:bg-green-700:active {
  --bg-opacity: 1;
  background-color: #02983a;
  background-color: rgba(2, 152, 58, var(--bg-opacity));
}

.active\:bg-orange-100:active {
  --bg-opacity: 1;
  background-color: #ff6e4a;
  background-color: rgba(255, 110, 74, var(--bg-opacity));
}

.active\:bg-orange-200:active {
  --bg-opacity: 1;
  background-color: #ff6640;
  background-color: rgba(255, 102, 64, var(--bg-opacity));
}

.active\:bg-orange-300:active {
  --bg-opacity: 1;
  background-color: #ff5e36;
  background-color: rgba(255, 94, 54, var(--bg-opacity));
}

.active\:bg-orange-400:active {
  --bg-opacity: 1;
  background-color: #ff562b;
  background-color: rgba(255, 86, 43, var(--bg-opacity));
}

.active\:bg-orange-500:active {
  --bg-opacity: 1;
  background-color: #ff4d22;
  background-color: rgba(255, 77, 34, var(--bg-opacity));
}

.active\:bg-orange-600:active {
  --bg-opacity: 1;
  background-color: #e5461e;
  background-color: rgba(229, 70, 30, var(--bg-opacity));
}

.active\:bg-orange-700:active {
  --bg-opacity: 1;
  background-color: #cc3e1b;
  background-color: rgba(204, 62, 27, var(--bg-opacity));
}

.active\:bg-orange-800:active {
  --bg-opacity: 1;
  background-color: #b33617;
  background-color: rgba(179, 54, 23, var(--bg-opacity));
}

.active\:bg-orange-900:active {
  --bg-opacity: 1;
  background-color: #992f14;
  background-color: rgba(153, 47, 20, var(--bg-opacity));
}

.active\:bg-purple-100:active {
  --bg-opacity: 1;
  background-color: #c861ff;
  background-color: rgba(200, 97, 255, var(--bg-opacity));
}

.active\:bg-purple-200:active {
  --bg-opacity: 1;
  background-color: #c354ff;
  background-color: rgba(195, 84, 255, var(--bg-opacity));
}

.active\:bg-purple-300:active {
  --bg-opacity: 1;
  background-color: #be49fc;
  background-color: rgba(190, 73, 252, var(--bg-opacity));
}

.active\:bg-purple-400:active {
  --bg-opacity: 1;
  background-color: #ab42e3;
  background-color: rgba(171, 66, 227, var(--bg-opacity));
}

.active\:bg-purple-500:active {
  --bg-opacity: 1;
  background-color: #983ac9;
  background-color: rgba(152, 58, 201, var(--bg-opacity));
}

.active\:bg-purple-600:active {
  --bg-opacity: 1;
  background-color: #8433b0;
  background-color: rgba(132, 51, 176, var(--bg-opacity));
}

.active\:bg-purple-700:active {
  --bg-opacity: 1;
  background-color: #712c96;
  background-color: rgba(113, 44, 150, var(--bg-opacity));
}

.active\:bg-purple-800:active {
  --bg-opacity: 1;
  background-color: #5e247d;
  background-color: rgba(94, 36, 125, var(--bg-opacity));
}

.active\:bg-purple-900:active {
  --bg-opacity: 1;
  background-color: #4b1d63;
  background-color: rgba(75, 29, 99, var(--bg-opacity));
}

.active\:bg-red-300:active {
  --bg-opacity: 1;
  background-color: #ff6d69;
  background-color: rgba(255, 109, 105, var(--bg-opacity));
}

.active\:bg-red-500:active {
  --bg-opacity: 1;
  background-color: #ff4540;
  background-color: rgba(255, 69, 64, var(--bg-opacity));
}

.active\:bg-red-700:active {
  --bg-opacity: 1;
  background-color: #bf3929;
  background-color: rgba(191, 57, 41, var(--bg-opacity));
}

.active\:bg-teal-100:active {
  --bg-opacity: 1;
  background-color: #8cfff9;
  background-color: rgba(140, 255, 249, var(--bg-opacity));
}

.active\:bg-teal-200:active {
  --bg-opacity: 1;
  background-color: #66fff7;
  background-color: rgba(102, 255, 247, var(--bg-opacity));
}

.active\:bg-teal-300:active {
  --bg-opacity: 1;
  background-color: #40fff5;
  background-color: rgba(64, 255, 245, var(--bg-opacity));
}

.active\:bg-teal-400:active {
  --bg-opacity: 1;
  background-color: #35fcf2;
  background-color: rgba(53, 252, 242, var(--bg-opacity));
}

.active\:bg-teal-500:active {
  --bg-opacity: 1;
  background-color: #30e3da;
  background-color: rgba(48, 227, 218, var(--bg-opacity));
}

.active\:bg-teal-600:active {
  --bg-opacity: 1;
  background-color: #2ac9c1;
  background-color: rgba(42, 201, 193, var(--bg-opacity));
}

.active\:bg-teal-700:active {
  --bg-opacity: 1;
  background-color: #25b0a9;
  background-color: rgba(37, 176, 169, var(--bg-opacity));
}

.active\:bg-teal-800:active {
  --bg-opacity: 1;
  background-color: #209691;
  background-color: rgba(32, 150, 145, var(--bg-opacity));
}

.active\:bg-teal-900:active {
  --bg-opacity: 1;
  background-color: #1a7d78;
  background-color: rgba(26, 125, 120, var(--bg-opacity));
}

.active\:bg-yellow-100:active {
  --bg-opacity: 1;
  background-color: #ffe894;
  background-color: rgba(255, 232, 148, var(--bg-opacity));
}

.active\:bg-yellow-200:active {
  --bg-opacity: 1;
  background-color: #ffe27a;
  background-color: rgba(255, 226, 122, var(--bg-opacity));
}

.active\:bg-yellow-300:active {
  --bg-opacity: 1;
  background-color: #ffdd61;
  background-color: rgba(255, 221, 97, var(--bg-opacity));
}

.active\:bg-yellow-400:active {
  --bg-opacity: 1;
  background-color: #ffd747;
  background-color: rgba(255, 215, 71, var(--bg-opacity));
}

.active\:bg-yellow-500:active {
  --bg-opacity: 1;
  background-color: #fcce2f;
  background-color: rgba(252, 206, 47, var(--bg-opacity));
}

.active\:bg-yellow-600:active {
  --bg-opacity: 1;
  background-color: #e3bb29;
  background-color: rgba(227, 187, 41, var(--bg-opacity));
}

.active\:bg-yellow-700:active {
  --bg-opacity: 1;
  background-color: #c9a624;
  background-color: rgba(201, 166, 36, var(--bg-opacity));
}

.active\:bg-yellow-800:active {
  --bg-opacity: 1;
  background-color: #b09120;
  background-color: rgba(176, 145, 32, var(--bg-opacity));
}

.active\:bg-yellow-900:active {
  --bg-opacity: 1;
  background-color: #967c1b;
  background-color: rgba(150, 124, 27, var(--bg-opacity));
}

.active\:bg-facebook-400:active {
  --bg-opacity: 1;
  background-color: #4a6dbc;
  background-color: rgba(74, 109, 188, var(--bg-opacity));
}

.active\:bg-facebook-500:active {
  --bg-opacity: 1;
  background-color: #39579a;
  background-color: rgba(57, 87, 154, var(--bg-opacity));
}

.active\:bg-snapchat-400:active {
  --bg-opacity: 1;
  background-color: #fffc00;
  background-color: rgba(255, 252, 0, var(--bg-opacity));
}

.active\:bg-snapchat-500:active {
  --bg-opacity: 1;
  background-color: #39579a;
  background-color: rgba(57, 87, 154, var(--bg-opacity));
}

.active\:bg-messenger-400:active {
  --bg-opacity: 1;
  background-color: #339dff;
  background-color: rgba(51, 157, 255, var(--bg-opacity));
}

.active\:bg-messenger-500:active {
  --bg-opacity: 1;
  background-color: #0084ff;
  background-color: rgba(0, 132, 255, var(--bg-opacity));
}

.active\:bg-twitter-400:active {
  --bg-opacity: 1;
  background-color: #21c2ff;
  background-color: rgba(33, 194, 255, var(--bg-opacity));
}

.active\:bg-twitter-500:active {
  --bg-opacity: 1;
  background-color: #00aced;
  background-color: rgba(0, 172, 237, var(--bg-opacity));
}

.active\:bg-transparent-black-10:active {
  background-color: rgba(0,0,0,0.1);
}

.active\:bg-transparent-black-30:active {
  background-color: rgba(0,0,0,0.3);
}

.active\:bg-transparent-black-50:active {
  background-color: rgba(0,0,0,0.5);
}

.active\:bg-transparent-black-70:active {
  background-color: rgba(0,0,0,0.7);
}

.active\:bg-transparent-black-90:active {
  background-color: rgba(0,0,0,0.9);
}

.active\:bg-transparent-white-10:active {
  background-color: rgba(255,255,255,0.1);
}

.active\:bg-transparent-white-30:active {
  background-color: rgba(255,255,255,0.3);
}

.active\:bg-transparent-white-50:active {
  background-color: rgba(255,255,255,0.5);
}

.active\:bg-transparent-white-70:active {
  background-color: rgba(255,255,255,0.7);
}

.active\:bg-transparent-white-90:active {
  background-color: rgba(255,255,255,0.9);
}

.active\:bg-vr-dark-blue:active {
  --bg-opacity: 1;
  background-color: #000047;
  background-color: rgba(0, 0, 71, var(--bg-opacity));
}

.active\:bg-vr-neon-green:active {
  --bg-opacity: 1;
  background-color: #00ff75;
  background-color: rgba(0, 255, 117, var(--bg-opacity));
}

.hover\:bg-transparent:hover {
  background-color: transparent;
}

.hover\:bg-black:hover {
  --bg-opacity: 1;
  background-color: #000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
}

.hover\:bg-white:hover {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.hover\:bg-gray-100:hover {
  --bg-opacity: 1;
  background-color: #f7fafc;
  background-color: rgba(247, 250, 252, var(--bg-opacity));
}

.hover\:bg-gray-200:hover {
  --bg-opacity: 1;
  background-color: #edf2f7;
  background-color: rgba(237, 242, 247, var(--bg-opacity));
}

.hover\:bg-gray-300:hover {
  --bg-opacity: 1;
  background-color: #e2e8f0;
  background-color: rgba(226, 232, 240, var(--bg-opacity));
}

.hover\:bg-gray-400:hover {
  --bg-opacity: 1;
  background-color: #cbd5e0;
  background-color: rgba(203, 213, 224, var(--bg-opacity));
}

.hover\:bg-gray-500:hover {
  --bg-opacity: 1;
  background-color: #a0aec0;
  background-color: rgba(160, 174, 192, var(--bg-opacity));
}

.hover\:bg-gray-600:hover {
  --bg-opacity: 1;
  background-color: #718096;
  background-color: rgba(113, 128, 150, var(--bg-opacity));
}

.hover\:bg-gray-700:hover {
  --bg-opacity: 1;
  background-color: #4a5568;
  background-color: rgba(74, 85, 104, var(--bg-opacity));
}

.hover\:bg-gray-800:hover {
  --bg-opacity: 1;
  background-color: #2d3748;
  background-color: rgba(45, 55, 72, var(--bg-opacity));
}

.hover\:bg-gray-900:hover {
  --bg-opacity: 1;
  background-color: #1a202c;
  background-color: rgba(26, 32, 44, var(--bg-opacity));
}

.hover\:bg-blue-100:hover {
  --bg-opacity: 1;
  background-color: #86dfff;
  background-color: rgba(134, 223, 255, var(--bg-opacity));
}

.hover\:bg-blue-200:hover {
  --bg-opacity: 1;
  background-color: #6bd6ff;
  background-color: rgba(107, 214, 255, var(--bg-opacity));
}

.hover\:bg-blue-300:hover {
  --bg-opacity: 1;
  background-color: #52ccff;
  background-color: rgba(82, 204, 255, var(--bg-opacity));
}

.hover\:bg-blue-400:hover {
  --bg-opacity: 1;
  background-color: #3ac2ff;
  background-color: rgba(58, 194, 255, var(--bg-opacity));
}

.hover\:bg-blue-500:hover {
  --bg-opacity: 1;
  background-color: #23b7fb;
  background-color: rgba(35, 183, 251, var(--bg-opacity));
}

.hover\:bg-blue-600:hover {
  --bg-opacity: 1;
  background-color: #1a9adf;
  background-color: rgba(26, 154, 223, var(--bg-opacity));
}

.hover\:bg-blue-700:hover {
  --bg-opacity: 1;
  background-color: #127fbf;
  background-color: rgba(18, 127, 191, var(--bg-opacity));
}

.hover\:bg-blue-800:hover {
  --bg-opacity: 1;
  background-color: #0c659f;
  background-color: rgba(12, 101, 159, var(--bg-opacity));
}

.hover\:bg-blue-900:hover {
  --bg-opacity: 1;
  background-color: #074c80;
  background-color: rgba(7, 76, 128, var(--bg-opacity));
}

.hover\:bg-blurple-100:hover {
  --bg-opacity: 1;
  background-color: #938FDB;
  background-color: rgba(147, 143, 219, var(--bg-opacity));
}

.hover\:bg-blurple-200:hover {
  --bg-opacity: 1;
  background-color: #7A75D0;
  background-color: rgba(122, 117, 208, var(--bg-opacity));
}

.hover\:bg-blurple-300:hover {
  --bg-opacity: 1;
  background-color: #615BC4;
  background-color: rgba(97, 91, 196, var(--bg-opacity));
}

.hover\:bg-blurple-400:hover {
  --bg-opacity: 1;
  background-color: #4943B7;
  background-color: rgba(73, 67, 183, var(--bg-opacity));
}

.hover\:bg-blurple-500:hover {
  --bg-opacity: 1;
  background-color: #322baa;
  background-color: rgba(50, 43, 170, var(--bg-opacity));
}

.hover\:bg-blurple-700:hover {
  --bg-opacity: 1;
  background-color: #1c1e84;
  background-color: rgba(28, 30, 132, var(--bg-opacity));
}

.hover\:bg-green-300:hover {
  --bg-opacity: 1;
  background-color: #42d86f;
  background-color: rgba(66, 216, 111, var(--bg-opacity));
}

.hover\:bg-green-500:hover {
  --bg-opacity: 1;
  background-color: #0cc242;
  background-color: rgba(12, 194, 66, var(--bg-opacity));
}

.hover\:bg-green-700:hover {
  --bg-opacity: 1;
  background-color: #02983a;
  background-color: rgba(2, 152, 58, var(--bg-opacity));
}

.hover\:bg-orange-100:hover {
  --bg-opacity: 1;
  background-color: #ff6e4a;
  background-color: rgba(255, 110, 74, var(--bg-opacity));
}

.hover\:bg-orange-200:hover {
  --bg-opacity: 1;
  background-color: #ff6640;
  background-color: rgba(255, 102, 64, var(--bg-opacity));
}

.hover\:bg-orange-300:hover {
  --bg-opacity: 1;
  background-color: #ff5e36;
  background-color: rgba(255, 94, 54, var(--bg-opacity));
}

.hover\:bg-orange-400:hover {
  --bg-opacity: 1;
  background-color: #ff562b;
  background-color: rgba(255, 86, 43, var(--bg-opacity));
}

.hover\:bg-orange-500:hover {
  --bg-opacity: 1;
  background-color: #ff4d22;
  background-color: rgba(255, 77, 34, var(--bg-opacity));
}

.hover\:bg-orange-600:hover {
  --bg-opacity: 1;
  background-color: #e5461e;
  background-color: rgba(229, 70, 30, var(--bg-opacity));
}

.hover\:bg-orange-700:hover {
  --bg-opacity: 1;
  background-color: #cc3e1b;
  background-color: rgba(204, 62, 27, var(--bg-opacity));
}

.hover\:bg-orange-800:hover {
  --bg-opacity: 1;
  background-color: #b33617;
  background-color: rgba(179, 54, 23, var(--bg-opacity));
}

.hover\:bg-orange-900:hover {
  --bg-opacity: 1;
  background-color: #992f14;
  background-color: rgba(153, 47, 20, var(--bg-opacity));
}

.hover\:bg-purple-100:hover {
  --bg-opacity: 1;
  background-color: #c861ff;
  background-color: rgba(200, 97, 255, var(--bg-opacity));
}

.hover\:bg-purple-200:hover {
  --bg-opacity: 1;
  background-color: #c354ff;
  background-color: rgba(195, 84, 255, var(--bg-opacity));
}

.hover\:bg-purple-300:hover {
  --bg-opacity: 1;
  background-color: #be49fc;
  background-color: rgba(190, 73, 252, var(--bg-opacity));
}

.hover\:bg-purple-400:hover {
  --bg-opacity: 1;
  background-color: #ab42e3;
  background-color: rgba(171, 66, 227, var(--bg-opacity));
}

.hover\:bg-purple-500:hover {
  --bg-opacity: 1;
  background-color: #983ac9;
  background-color: rgba(152, 58, 201, var(--bg-opacity));
}

.hover\:bg-purple-600:hover {
  --bg-opacity: 1;
  background-color: #8433b0;
  background-color: rgba(132, 51, 176, var(--bg-opacity));
}

.hover\:bg-purple-700:hover {
  --bg-opacity: 1;
  background-color: #712c96;
  background-color: rgba(113, 44, 150, var(--bg-opacity));
}

.hover\:bg-purple-800:hover {
  --bg-opacity: 1;
  background-color: #5e247d;
  background-color: rgba(94, 36, 125, var(--bg-opacity));
}

.hover\:bg-purple-900:hover {
  --bg-opacity: 1;
  background-color: #4b1d63;
  background-color: rgba(75, 29, 99, var(--bg-opacity));
}

.hover\:bg-red-300:hover {
  --bg-opacity: 1;
  background-color: #ff6d69;
  background-color: rgba(255, 109, 105, var(--bg-opacity));
}

.hover\:bg-red-500:hover {
  --bg-opacity: 1;
  background-color: #ff4540;
  background-color: rgba(255, 69, 64, var(--bg-opacity));
}

.hover\:bg-red-700:hover {
  --bg-opacity: 1;
  background-color: #bf3929;
  background-color: rgba(191, 57, 41, var(--bg-opacity));
}

.hover\:bg-teal-100:hover {
  --bg-opacity: 1;
  background-color: #8cfff9;
  background-color: rgba(140, 255, 249, var(--bg-opacity));
}

.hover\:bg-teal-200:hover {
  --bg-opacity: 1;
  background-color: #66fff7;
  background-color: rgba(102, 255, 247, var(--bg-opacity));
}

.hover\:bg-teal-300:hover {
  --bg-opacity: 1;
  background-color: #40fff5;
  background-color: rgba(64, 255, 245, var(--bg-opacity));
}

.hover\:bg-teal-400:hover {
  --bg-opacity: 1;
  background-color: #35fcf2;
  background-color: rgba(53, 252, 242, var(--bg-opacity));
}

.hover\:bg-teal-500:hover {
  --bg-opacity: 1;
  background-color: #30e3da;
  background-color: rgba(48, 227, 218, var(--bg-opacity));
}

.hover\:bg-teal-600:hover {
  --bg-opacity: 1;
  background-color: #2ac9c1;
  background-color: rgba(42, 201, 193, var(--bg-opacity));
}

.hover\:bg-teal-700:hover {
  --bg-opacity: 1;
  background-color: #25b0a9;
  background-color: rgba(37, 176, 169, var(--bg-opacity));
}

.hover\:bg-teal-800:hover {
  --bg-opacity: 1;
  background-color: #209691;
  background-color: rgba(32, 150, 145, var(--bg-opacity));
}

.hover\:bg-teal-900:hover {
  --bg-opacity: 1;
  background-color: #1a7d78;
  background-color: rgba(26, 125, 120, var(--bg-opacity));
}

.hover\:bg-yellow-100:hover {
  --bg-opacity: 1;
  background-color: #ffe894;
  background-color: rgba(255, 232, 148, var(--bg-opacity));
}

.hover\:bg-yellow-200:hover {
  --bg-opacity: 1;
  background-color: #ffe27a;
  background-color: rgba(255, 226, 122, var(--bg-opacity));
}

.hover\:bg-yellow-300:hover {
  --bg-opacity: 1;
  background-color: #ffdd61;
  background-color: rgba(255, 221, 97, var(--bg-opacity));
}

.hover\:bg-yellow-400:hover {
  --bg-opacity: 1;
  background-color: #ffd747;
  background-color: rgba(255, 215, 71, var(--bg-opacity));
}

.hover\:bg-yellow-500:hover {
  --bg-opacity: 1;
  background-color: #fcce2f;
  background-color: rgba(252, 206, 47, var(--bg-opacity));
}

.hover\:bg-yellow-600:hover {
  --bg-opacity: 1;
  background-color: #e3bb29;
  background-color: rgba(227, 187, 41, var(--bg-opacity));
}

.hover\:bg-yellow-700:hover {
  --bg-opacity: 1;
  background-color: #c9a624;
  background-color: rgba(201, 166, 36, var(--bg-opacity));
}

.hover\:bg-yellow-800:hover {
  --bg-opacity: 1;
  background-color: #b09120;
  background-color: rgba(176, 145, 32, var(--bg-opacity));
}

.hover\:bg-yellow-900:hover {
  --bg-opacity: 1;
  background-color: #967c1b;
  background-color: rgba(150, 124, 27, var(--bg-opacity));
}

.hover\:bg-facebook-400:hover {
  --bg-opacity: 1;
  background-color: #4a6dbc;
  background-color: rgba(74, 109, 188, var(--bg-opacity));
}

.hover\:bg-facebook-500:hover {
  --bg-opacity: 1;
  background-color: #39579a;
  background-color: rgba(57, 87, 154, var(--bg-opacity));
}

.hover\:bg-snapchat-400:hover {
  --bg-opacity: 1;
  background-color: #fffc00;
  background-color: rgba(255, 252, 0, var(--bg-opacity));
}

.hover\:bg-snapchat-500:hover {
  --bg-opacity: 1;
  background-color: #39579a;
  background-color: rgba(57, 87, 154, var(--bg-opacity));
}

.hover\:bg-messenger-400:hover {
  --bg-opacity: 1;
  background-color: #339dff;
  background-color: rgba(51, 157, 255, var(--bg-opacity));
}

.hover\:bg-messenger-500:hover {
  --bg-opacity: 1;
  background-color: #0084ff;
  background-color: rgba(0, 132, 255, var(--bg-opacity));
}

.hover\:bg-twitter-400:hover {
  --bg-opacity: 1;
  background-color: #21c2ff;
  background-color: rgba(33, 194, 255, var(--bg-opacity));
}

.hover\:bg-twitter-500:hover {
  --bg-opacity: 1;
  background-color: #00aced;
  background-color: rgba(0, 172, 237, var(--bg-opacity));
}

.hover\:bg-transparent-black-10:hover {
  background-color: rgba(0,0,0,0.1);
}

.hover\:bg-transparent-black-30:hover {
  background-color: rgba(0,0,0,0.3);
}

.hover\:bg-transparent-black-50:hover {
  background-color: rgba(0,0,0,0.5);
}

.hover\:bg-transparent-black-70:hover {
  background-color: rgba(0,0,0,0.7);
}

.hover\:bg-transparent-black-90:hover {
  background-color: rgba(0,0,0,0.9);
}

.hover\:bg-transparent-white-10:hover {
  background-color: rgba(255,255,255,0.1);
}

.hover\:bg-transparent-white-30:hover {
  background-color: rgba(255,255,255,0.3);
}

.hover\:bg-transparent-white-50:hover {
  background-color: rgba(255,255,255,0.5);
}

.hover\:bg-transparent-white-70:hover {
  background-color: rgba(255,255,255,0.7);
}

.hover\:bg-transparent-white-90:hover {
  background-color: rgba(255,255,255,0.9);
}

.hover\:bg-vr-dark-blue:hover {
  --bg-opacity: 1;
  background-color: #000047;
  background-color: rgba(0, 0, 71, var(--bg-opacity));
}

.hover\:bg-vr-neon-green:hover {
  --bg-opacity: 1;
  background-color: #00ff75;
  background-color: rgba(0, 255, 117, var(--bg-opacity));
}

.focus\:bg-transparent:focus {
  background-color: transparent;
}

.focus\:bg-black:focus {
  --bg-opacity: 1;
  background-color: #000;
  background-color: rgba(0, 0, 0, var(--bg-opacity));
}

.focus\:bg-white:focus {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.focus\:bg-gray-100:focus {
  --bg-opacity: 1;
  background-color: #f7fafc;
  background-color: rgba(247, 250, 252, var(--bg-opacity));
}

.focus\:bg-gray-200:focus {
  --bg-opacity: 1;
  background-color: #edf2f7;
  background-color: rgba(237, 242, 247, var(--bg-opacity));
}

.focus\:bg-gray-300:focus {
  --bg-opacity: 1;
  background-color: #e2e8f0;
  background-color: rgba(226, 232, 240, var(--bg-opacity));
}

.focus\:bg-gray-400:focus {
  --bg-opacity: 1;
  background-color: #cbd5e0;
  background-color: rgba(203, 213, 224, var(--bg-opacity));
}

.focus\:bg-gray-500:focus {
  --bg-opacity: 1;
  background-color: #a0aec0;
  background-color: rgba(160, 174, 192, var(--bg-opacity));
}

.focus\:bg-gray-600:focus {
  --bg-opacity: 1;
  background-color: #718096;
  background-color: rgba(113, 128, 150, var(--bg-opacity));
}

.focus\:bg-gray-700:focus {
  --bg-opacity: 1;
  background-color: #4a5568;
  background-color: rgba(74, 85, 104, var(--bg-opacity));
}

.focus\:bg-gray-800:focus {
  --bg-opacity: 1;
  background-color: #2d3748;
  background-color: rgba(45, 55, 72, var(--bg-opacity));
}

.focus\:bg-gray-900:focus {
  --bg-opacity: 1;
  background-color: #1a202c;
  background-color: rgba(26, 32, 44, var(--bg-opacity));
}

.focus\:bg-blue-100:focus {
  --bg-opacity: 1;
  background-color: #86dfff;
  background-color: rgba(134, 223, 255, var(--bg-opacity));
}

.focus\:bg-blue-200:focus {
  --bg-opacity: 1;
  background-color: #6bd6ff;
  background-color: rgba(107, 214, 255, var(--bg-opacity));
}

.focus\:bg-blue-300:focus {
  --bg-opacity: 1;
  background-color: #52ccff;
  background-color: rgba(82, 204, 255, var(--bg-opacity));
}

.focus\:bg-blue-400:focus {
  --bg-opacity: 1;
  background-color: #3ac2ff;
  background-color: rgba(58, 194, 255, var(--bg-opacity));
}

.focus\:bg-blue-500:focus {
  --bg-opacity: 1;
  background-color: #23b7fb;
  background-color: rgba(35, 183, 251, var(--bg-opacity));
}

.focus\:bg-blue-600:focus {
  --bg-opacity: 1;
  background-color: #1a9adf;
  background-color: rgba(26, 154, 223, var(--bg-opacity));
}

.focus\:bg-blue-700:focus {
  --bg-opacity: 1;
  background-color: #127fbf;
  background-color: rgba(18, 127, 191, var(--bg-opacity));
}

.focus\:bg-blue-800:focus {
  --bg-opacity: 1;
  background-color: #0c659f;
  background-color: rgba(12, 101, 159, var(--bg-opacity));
}

.focus\:bg-blue-900:focus {
  --bg-opacity: 1;
  background-color: #074c80;
  background-color: rgba(7, 76, 128, var(--bg-opacity));
}

.focus\:bg-blurple-100:focus {
  --bg-opacity: 1;
  background-color: #938FDB;
  background-color: rgba(147, 143, 219, var(--bg-opacity));
}

.focus\:bg-blurple-200:focus {
  --bg-opacity: 1;
  background-color: #7A75D0;
  background-color: rgba(122, 117, 208, var(--bg-opacity));
}

.focus\:bg-blurple-300:focus {
  --bg-opacity: 1;
  background-color: #615BC4;
  background-color: rgba(97, 91, 196, var(--bg-opacity));
}

.focus\:bg-blurple-400:focus {
  --bg-opacity: 1;
  background-color: #4943B7;
  background-color: rgba(73, 67, 183, var(--bg-opacity));
}

.focus\:bg-blurple-500:focus {
  --bg-opacity: 1;
  background-color: #322baa;
  background-color: rgba(50, 43, 170, var(--bg-opacity));
}

.focus\:bg-blurple-700:focus {
  --bg-opacity: 1;
  background-color: #1c1e84;
  background-color: rgba(28, 30, 132, var(--bg-opacity));
}

.focus\:bg-green-300:focus {
  --bg-opacity: 1;
  background-color: #42d86f;
  background-color: rgba(66, 216, 111, var(--bg-opacity));
}

.focus\:bg-green-500:focus {
  --bg-opacity: 1;
  background-color: #0cc242;
  background-color: rgba(12, 194, 66, var(--bg-opacity));
}

.focus\:bg-green-700:focus {
  --bg-opacity: 1;
  background-color: #02983a;
  background-color: rgba(2, 152, 58, var(--bg-opacity));
}

.focus\:bg-orange-100:focus {
  --bg-opacity: 1;
  background-color: #ff6e4a;
  background-color: rgba(255, 110, 74, var(--bg-opacity));
}

.focus\:bg-orange-200:focus {
  --bg-opacity: 1;
  background-color: #ff6640;
  background-color: rgba(255, 102, 64, var(--bg-opacity));
}

.focus\:bg-orange-300:focus {
  --bg-opacity: 1;
  background-color: #ff5e36;
  background-color: rgba(255, 94, 54, var(--bg-opacity));
}

.focus\:bg-orange-400:focus {
  --bg-opacity: 1;
  background-color: #ff562b;
  background-color: rgba(255, 86, 43, var(--bg-opacity));
}

.focus\:bg-orange-500:focus {
  --bg-opacity: 1;
  background-color: #ff4d22;
  background-color: rgba(255, 77, 34, var(--bg-opacity));
}

.focus\:bg-orange-600:focus {
  --bg-opacity: 1;
  background-color: #e5461e;
  background-color: rgba(229, 70, 30, var(--bg-opacity));
}

.focus\:bg-orange-700:focus {
  --bg-opacity: 1;
  background-color: #cc3e1b;
  background-color: rgba(204, 62, 27, var(--bg-opacity));
}

.focus\:bg-orange-800:focus {
  --bg-opacity: 1;
  background-color: #b33617;
  background-color: rgba(179, 54, 23, var(--bg-opacity));
}

.focus\:bg-orange-900:focus {
  --bg-opacity: 1;
  background-color: #992f14;
  background-color: rgba(153, 47, 20, var(--bg-opacity));
}

.focus\:bg-purple-100:focus {
  --bg-opacity: 1;
  background-color: #c861ff;
  background-color: rgba(200, 97, 255, var(--bg-opacity));
}

.focus\:bg-purple-200:focus {
  --bg-opacity: 1;
  background-color: #c354ff;
  background-color: rgba(195, 84, 255, var(--bg-opacity));
}

.focus\:bg-purple-300:focus {
  --bg-opacity: 1;
  background-color: #be49fc;
  background-color: rgba(190, 73, 252, var(--bg-opacity));
}

.focus\:bg-purple-400:focus {
  --bg-opacity: 1;
  background-color: #ab42e3;
  background-color: rgba(171, 66, 227, var(--bg-opacity));
}

.focus\:bg-purple-500:focus {
  --bg-opacity: 1;
  background-color: #983ac9;
  background-color: rgba(152, 58, 201, var(--bg-opacity));
}

.focus\:bg-purple-600:focus {
  --bg-opacity: 1;
  background-color: #8433b0;
  background-color: rgba(132, 51, 176, var(--bg-opacity));
}

.focus\:bg-purple-700:focus {
  --bg-opacity: 1;
  background-color: #712c96;
  background-color: rgba(113, 44, 150, var(--bg-opacity));
}

.focus\:bg-purple-800:focus {
  --bg-opacity: 1;
  background-color: #5e247d;
  background-color: rgba(94, 36, 125, var(--bg-opacity));
}

.focus\:bg-purple-900:focus {
  --bg-opacity: 1;
  background-color: #4b1d63;
  background-color: rgba(75, 29, 99, var(--bg-opacity));
}

.focus\:bg-red-300:focus {
  --bg-opacity: 1;
  background-color: #ff6d69;
  background-color: rgba(255, 109, 105, var(--bg-opacity));
}

.focus\:bg-red-500:focus {
  --bg-opacity: 1;
  background-color: #ff4540;
  background-color: rgba(255, 69, 64, var(--bg-opacity));
}

.focus\:bg-red-700:focus {
  --bg-opacity: 1;
  background-color: #bf3929;
  background-color: rgba(191, 57, 41, var(--bg-opacity));
}

.focus\:bg-teal-100:focus {
  --bg-opacity: 1;
  background-color: #8cfff9;
  background-color: rgba(140, 255, 249, var(--bg-opacity));
}

.focus\:bg-teal-200:focus {
  --bg-opacity: 1;
  background-color: #66fff7;
  background-color: rgba(102, 255, 247, var(--bg-opacity));
}

.focus\:bg-teal-300:focus {
  --bg-opacity: 1;
  background-color: #40fff5;
  background-color: rgba(64, 255, 245, var(--bg-opacity));
}

.focus\:bg-teal-400:focus {
  --bg-opacity: 1;
  background-color: #35fcf2;
  background-color: rgba(53, 252, 242, var(--bg-opacity));
}

.focus\:bg-teal-500:focus {
  --bg-opacity: 1;
  background-color: #30e3da;
  background-color: rgba(48, 227, 218, var(--bg-opacity));
}

.focus\:bg-teal-600:focus {
  --bg-opacity: 1;
  background-color: #2ac9c1;
  background-color: rgba(42, 201, 193, var(--bg-opacity));
}

.focus\:bg-teal-700:focus {
  --bg-opacity: 1;
  background-color: #25b0a9;
  background-color: rgba(37, 176, 169, var(--bg-opacity));
}

.focus\:bg-teal-800:focus {
  --bg-opacity: 1;
  background-color: #209691;
  background-color: rgba(32, 150, 145, var(--bg-opacity));
}

.focus\:bg-teal-900:focus {
  --bg-opacity: 1;
  background-color: #1a7d78;
  background-color: rgba(26, 125, 120, var(--bg-opacity));
}

.focus\:bg-yellow-100:focus {
  --bg-opacity: 1;
  background-color: #ffe894;
  background-color: rgba(255, 232, 148, var(--bg-opacity));
}

.focus\:bg-yellow-200:focus {
  --bg-opacity: 1;
  background-color: #ffe27a;
  background-color: rgba(255, 226, 122, var(--bg-opacity));
}

.focus\:bg-yellow-300:focus {
  --bg-opacity: 1;
  background-color: #ffdd61;
  background-color: rgba(255, 221, 97, var(--bg-opacity));
}

.focus\:bg-yellow-400:focus {
  --bg-opacity: 1;
  background-color: #ffd747;
  background-color: rgba(255, 215, 71, var(--bg-opacity));
}

.focus\:bg-yellow-500:focus {
  --bg-opacity: 1;
  background-color: #fcce2f;
  background-color: rgba(252, 206, 47, var(--bg-opacity));
}

.focus\:bg-yellow-600:focus {
  --bg-opacity: 1;
  background-color: #e3bb29;
  background-color: rgba(227, 187, 41, var(--bg-opacity));
}

.focus\:bg-yellow-700:focus {
  --bg-opacity: 1;
  background-color: #c9a624;
  background-color: rgba(201, 166, 36, var(--bg-opacity));
}

.focus\:bg-yellow-800:focus {
  --bg-opacity: 1;
  background-color: #b09120;
  background-color: rgba(176, 145, 32, var(--bg-opacity));
}

.focus\:bg-yellow-900:focus {
  --bg-opacity: 1;
  background-color: #967c1b;
  background-color: rgba(150, 124, 27, var(--bg-opacity));
}

.focus\:bg-facebook-400:focus {
  --bg-opacity: 1;
  background-color: #4a6dbc;
  background-color: rgba(74, 109, 188, var(--bg-opacity));
}

.focus\:bg-facebook-500:focus {
  --bg-opacity: 1;
  background-color: #39579a;
  background-color: rgba(57, 87, 154, var(--bg-opacity));
}

.focus\:bg-snapchat-400:focus {
  --bg-opacity: 1;
  background-color: #fffc00;
  background-color: rgba(255, 252, 0, var(--bg-opacity));
}

.focus\:bg-snapchat-500:focus {
  --bg-opacity: 1;
  background-color: #39579a;
  background-color: rgba(57, 87, 154, var(--bg-opacity));
}

.focus\:bg-messenger-400:focus {
  --bg-opacity: 1;
  background-color: #339dff;
  background-color: rgba(51, 157, 255, var(--bg-opacity));
}

.focus\:bg-messenger-500:focus {
  --bg-opacity: 1;
  background-color: #0084ff;
  background-color: rgba(0, 132, 255, var(--bg-opacity));
}

.focus\:bg-twitter-400:focus {
  --bg-opacity: 1;
  background-color: #21c2ff;
  background-color: rgba(33, 194, 255, var(--bg-opacity));
}

.focus\:bg-twitter-500:focus {
  --bg-opacity: 1;
  background-color: #00aced;
  background-color: rgba(0, 172, 237, var(--bg-opacity));
}

.focus\:bg-transparent-black-10:focus {
  background-color: rgba(0,0,0,0.1);
}

.focus\:bg-transparent-black-30:focus {
  background-color: rgba(0,0,0,0.3);
}

.focus\:bg-transparent-black-50:focus {
  background-color: rgba(0,0,0,0.5);
}

.focus\:bg-transparent-black-70:focus {
  background-color: rgba(0,0,0,0.7);
}

.focus\:bg-transparent-black-90:focus {
  background-color: rgba(0,0,0,0.9);
}

.focus\:bg-transparent-white-10:focus {
  background-color: rgba(255,255,255,0.1);
}

.focus\:bg-transparent-white-30:focus {
  background-color: rgba(255,255,255,0.3);
}

.focus\:bg-transparent-white-50:focus {
  background-color: rgba(255,255,255,0.5);
}

.focus\:bg-transparent-white-70:focus {
  background-color: rgba(255,255,255,0.7);
}

.focus\:bg-transparent-white-90:focus {
  background-color: rgba(255,255,255,0.9);
}

.focus\:bg-vr-dark-blue:focus {
  --bg-opacity: 1;
  background-color: #000047;
  background-color: rgba(0, 0, 71, var(--bg-opacity));
}

.focus\:bg-vr-neon-green:focus {
  --bg-opacity: 1;
  background-color: #00ff75;
  background-color: rgba(0, 255, 117, var(--bg-opacity));
}

.bg-none {
  background-image: none;
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--gradient-color-stops));
}

.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--gradient-color-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--gradient-color-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--gradient-color-stops));
}

.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--gradient-color-stops));
}

.bg-gradient-to-tl {
  background-image: linear-gradient(to top left, var(--gradient-color-stops));
}

.from-transparent {
  --gradient-from-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.from-black {
  --gradient-from-color: #000;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.from-white {
  --gradient-from-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-gray-100 {
  --gradient-from-color: #f7fafc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
}

.from-gray-200 {
  --gradient-from-color: #edf2f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
}

.from-gray-300 {
  --gradient-from-color: #e2e8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
}

.from-gray-400 {
  --gradient-from-color: #cbd5e0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
}

.from-gray-500 {
  --gradient-from-color: #a0aec0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
}

.from-gray-600 {
  --gradient-from-color: #718096;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
}

.from-gray-700 {
  --gradient-from-color: #4a5568;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
}

.from-gray-800 {
  --gradient-from-color: #2d3748;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
}

.from-gray-900 {
  --gradient-from-color: #1a202c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
}

.from-blue-100 {
  --gradient-from-color: #86dfff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
}

.from-blue-200 {
  --gradient-from-color: #6bd6ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
}

.from-blue-300 {
  --gradient-from-color: #52ccff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
}

.from-blue-400 {
  --gradient-from-color: #3ac2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
}

.from-blue-500 {
  --gradient-from-color: #23b7fb;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
}

.from-blue-600 {
  --gradient-from-color: #1a9adf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
}

.from-blue-700 {
  --gradient-from-color: #127fbf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
}

.from-blue-800 {
  --gradient-from-color: #0c659f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
}

.from-blue-900 {
  --gradient-from-color: #074c80;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
}

.from-blurple-100 {
  --gradient-from-color: #938FDB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
}

.from-blurple-200 {
  --gradient-from-color: #7A75D0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
}

.from-blurple-300 {
  --gradient-from-color: #615BC4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
}

.from-blurple-400 {
  --gradient-from-color: #4943B7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
}

.from-blurple-500 {
  --gradient-from-color: #322baa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
}

.from-blurple-700 {
  --gradient-from-color: #1c1e84;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
}

.from-green-300 {
  --gradient-from-color: #42d86f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
}

.from-green-500 {
  --gradient-from-color: #0cc242;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
}

.from-green-700 {
  --gradient-from-color: #02983a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
}

.from-orange-100 {
  --gradient-from-color: #ff6e4a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
}

.from-orange-200 {
  --gradient-from-color: #ff6640;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
}

.from-orange-300 {
  --gradient-from-color: #ff5e36;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
}

.from-orange-400 {
  --gradient-from-color: #ff562b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
}

.from-orange-500 {
  --gradient-from-color: #ff4d22;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
}

.from-orange-600 {
  --gradient-from-color: #e5461e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
}

.from-orange-700 {
  --gradient-from-color: #cc3e1b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
}

.from-orange-800 {
  --gradient-from-color: #b33617;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
}

.from-orange-900 {
  --gradient-from-color: #992f14;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
}

.from-purple-100 {
  --gradient-from-color: #c861ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
}

.from-purple-200 {
  --gradient-from-color: #c354ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
}

.from-purple-300 {
  --gradient-from-color: #be49fc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
}

.from-purple-400 {
  --gradient-from-color: #ab42e3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
}

.from-purple-500 {
  --gradient-from-color: #983ac9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
}

.from-purple-600 {
  --gradient-from-color: #8433b0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
}

.from-purple-700 {
  --gradient-from-color: #712c96;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
}

.from-purple-800 {
  --gradient-from-color: #5e247d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
}

.from-purple-900 {
  --gradient-from-color: #4b1d63;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
}

.from-red-300 {
  --gradient-from-color: #ff6d69;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
}

.from-red-500 {
  --gradient-from-color: #ff4540;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
}

.from-red-700 {
  --gradient-from-color: #bf3929;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
}

.from-teal-100 {
  --gradient-from-color: #8cfff9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
}

.from-teal-200 {
  --gradient-from-color: #66fff7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
}

.from-teal-300 {
  --gradient-from-color: #40fff5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
}

.from-teal-400 {
  --gradient-from-color: #35fcf2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
}

.from-teal-500 {
  --gradient-from-color: #30e3da;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
}

.from-teal-600 {
  --gradient-from-color: #2ac9c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
}

.from-teal-700 {
  --gradient-from-color: #25b0a9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
}

.from-teal-800 {
  --gradient-from-color: #209691;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
}

.from-teal-900 {
  --gradient-from-color: #1a7d78;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
}

.from-yellow-100 {
  --gradient-from-color: #ffe894;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
}

.from-yellow-200 {
  --gradient-from-color: #ffe27a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
}

.from-yellow-300 {
  --gradient-from-color: #ffdd61;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
}

.from-yellow-400 {
  --gradient-from-color: #ffd747;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
}

.from-yellow-500 {
  --gradient-from-color: #fcce2f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
}

.from-yellow-600 {
  --gradient-from-color: #e3bb29;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
}

.from-yellow-700 {
  --gradient-from-color: #c9a624;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
}

.from-yellow-800 {
  --gradient-from-color: #b09120;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
}

.from-yellow-900 {
  --gradient-from-color: #967c1b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
}

.from-facebook-400 {
  --gradient-from-color: #4a6dbc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
}

.from-facebook-500 {
  --gradient-from-color: #39579a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
}

.from-snapchat-400 {
  --gradient-from-color: #fffc00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
}

.from-snapchat-500 {
  --gradient-from-color: #39579a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
}

.from-messenger-400 {
  --gradient-from-color: #339dff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
}

.from-messenger-500 {
  --gradient-from-color: #0084ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
}

.from-twitter-400 {
  --gradient-from-color: #21c2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
}

.from-twitter-500 {
  --gradient-from-color: #00aced;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
}

.from-transparent-black-10 {
  --gradient-from-color: rgba(0,0,0,0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.from-transparent-black-30 {
  --gradient-from-color: rgba(0,0,0,0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.from-transparent-black-50 {
  --gradient-from-color: rgba(0,0,0,0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.from-transparent-black-70 {
  --gradient-from-color: rgba(0,0,0,0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.from-transparent-black-90 {
  --gradient-from-color: rgba(0,0,0,0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.from-transparent-white-10 {
  --gradient-from-color: rgba(255,255,255,0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-transparent-white-30 {
  --gradient-from-color: rgba(255,255,255,0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-transparent-white-50 {
  --gradient-from-color: rgba(255,255,255,0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-transparent-white-70 {
  --gradient-from-color: rgba(255,255,255,0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-transparent-white-90 {
  --gradient-from-color: rgba(255,255,255,0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-vr-dark-blue {
  --gradient-from-color: #000047;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
}

.from-vr-neon-green {
  --gradient-from-color: #00ff75;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
}

.via-transparent {
  --gradient-via-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.via-black {
  --gradient-via-color: #000;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.via-white {
  --gradient-via-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-gray-100 {
  --gradient-via-color: #f7fafc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
}

.via-gray-200 {
  --gradient-via-color: #edf2f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
}

.via-gray-300 {
  --gradient-via-color: #e2e8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
}

.via-gray-400 {
  --gradient-via-color: #cbd5e0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
}

.via-gray-500 {
  --gradient-via-color: #a0aec0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
}

.via-gray-600 {
  --gradient-via-color: #718096;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
}

.via-gray-700 {
  --gradient-via-color: #4a5568;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
}

.via-gray-800 {
  --gradient-via-color: #2d3748;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
}

.via-gray-900 {
  --gradient-via-color: #1a202c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
}

.via-blue-100 {
  --gradient-via-color: #86dfff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
}

.via-blue-200 {
  --gradient-via-color: #6bd6ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
}

.via-blue-300 {
  --gradient-via-color: #52ccff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
}

.via-blue-400 {
  --gradient-via-color: #3ac2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
}

.via-blue-500 {
  --gradient-via-color: #23b7fb;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
}

.via-blue-600 {
  --gradient-via-color: #1a9adf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
}

.via-blue-700 {
  --gradient-via-color: #127fbf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
}

.via-blue-800 {
  --gradient-via-color: #0c659f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
}

.via-blue-900 {
  --gradient-via-color: #074c80;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
}

.via-blurple-100 {
  --gradient-via-color: #938FDB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
}

.via-blurple-200 {
  --gradient-via-color: #7A75D0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
}

.via-blurple-300 {
  --gradient-via-color: #615BC4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
}

.via-blurple-400 {
  --gradient-via-color: #4943B7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
}

.via-blurple-500 {
  --gradient-via-color: #322baa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
}

.via-blurple-700 {
  --gradient-via-color: #1c1e84;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
}

.via-green-300 {
  --gradient-via-color: #42d86f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
}

.via-green-500 {
  --gradient-via-color: #0cc242;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
}

.via-green-700 {
  --gradient-via-color: #02983a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
}

.via-orange-100 {
  --gradient-via-color: #ff6e4a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
}

.via-orange-200 {
  --gradient-via-color: #ff6640;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
}

.via-orange-300 {
  --gradient-via-color: #ff5e36;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
}

.via-orange-400 {
  --gradient-via-color: #ff562b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
}

.via-orange-500 {
  --gradient-via-color: #ff4d22;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
}

.via-orange-600 {
  --gradient-via-color: #e5461e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
}

.via-orange-700 {
  --gradient-via-color: #cc3e1b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
}

.via-orange-800 {
  --gradient-via-color: #b33617;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
}

.via-orange-900 {
  --gradient-via-color: #992f14;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
}

.via-purple-100 {
  --gradient-via-color: #c861ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
}

.via-purple-200 {
  --gradient-via-color: #c354ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
}

.via-purple-300 {
  --gradient-via-color: #be49fc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
}

.via-purple-400 {
  --gradient-via-color: #ab42e3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
}

.via-purple-500 {
  --gradient-via-color: #983ac9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
}

.via-purple-600 {
  --gradient-via-color: #8433b0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
}

.via-purple-700 {
  --gradient-via-color: #712c96;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
}

.via-purple-800 {
  --gradient-via-color: #5e247d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
}

.via-purple-900 {
  --gradient-via-color: #4b1d63;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
}

.via-red-300 {
  --gradient-via-color: #ff6d69;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
}

.via-red-500 {
  --gradient-via-color: #ff4540;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
}

.via-red-700 {
  --gradient-via-color: #bf3929;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
}

.via-teal-100 {
  --gradient-via-color: #8cfff9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
}

.via-teal-200 {
  --gradient-via-color: #66fff7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
}

.via-teal-300 {
  --gradient-via-color: #40fff5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
}

.via-teal-400 {
  --gradient-via-color: #35fcf2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
}

.via-teal-500 {
  --gradient-via-color: #30e3da;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
}

.via-teal-600 {
  --gradient-via-color: #2ac9c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
}

.via-teal-700 {
  --gradient-via-color: #25b0a9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
}

.via-teal-800 {
  --gradient-via-color: #209691;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
}

.via-teal-900 {
  --gradient-via-color: #1a7d78;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
}

.via-yellow-100 {
  --gradient-via-color: #ffe894;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
}

.via-yellow-200 {
  --gradient-via-color: #ffe27a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
}

.via-yellow-300 {
  --gradient-via-color: #ffdd61;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
}

.via-yellow-400 {
  --gradient-via-color: #ffd747;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
}

.via-yellow-500 {
  --gradient-via-color: #fcce2f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
}

.via-yellow-600 {
  --gradient-via-color: #e3bb29;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
}

.via-yellow-700 {
  --gradient-via-color: #c9a624;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
}

.via-yellow-800 {
  --gradient-via-color: #b09120;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
}

.via-yellow-900 {
  --gradient-via-color: #967c1b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
}

.via-facebook-400 {
  --gradient-via-color: #4a6dbc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
}

.via-facebook-500 {
  --gradient-via-color: #39579a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
}

.via-snapchat-400 {
  --gradient-via-color: #fffc00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
}

.via-snapchat-500 {
  --gradient-via-color: #39579a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
}

.via-messenger-400 {
  --gradient-via-color: #339dff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
}

.via-messenger-500 {
  --gradient-via-color: #0084ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
}

.via-twitter-400 {
  --gradient-via-color: #21c2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
}

.via-twitter-500 {
  --gradient-via-color: #00aced;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
}

.via-transparent-black-10 {
  --gradient-via-color: rgba(0,0,0,0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.via-transparent-black-30 {
  --gradient-via-color: rgba(0,0,0,0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.via-transparent-black-50 {
  --gradient-via-color: rgba(0,0,0,0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.via-transparent-black-70 {
  --gradient-via-color: rgba(0,0,0,0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.via-transparent-black-90 {
  --gradient-via-color: rgba(0,0,0,0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.via-transparent-white-10 {
  --gradient-via-color: rgba(255,255,255,0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-transparent-white-30 {
  --gradient-via-color: rgba(255,255,255,0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-transparent-white-50 {
  --gradient-via-color: rgba(255,255,255,0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-transparent-white-70 {
  --gradient-via-color: rgba(255,255,255,0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-transparent-white-90 {
  --gradient-via-color: rgba(255,255,255,0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-vr-dark-blue {
  --gradient-via-color: #000047;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
}

.via-vr-neon-green {
  --gradient-via-color: #00ff75;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
}

.to-transparent {
  --gradient-to-color: transparent;
}

.to-black {
  --gradient-to-color: #000;
}

.to-white {
  --gradient-to-color: #fff;
}

.to-gray-100 {
  --gradient-to-color: #f7fafc;
}

.to-gray-200 {
  --gradient-to-color: #edf2f7;
}

.to-gray-300 {
  --gradient-to-color: #e2e8f0;
}

.to-gray-400 {
  --gradient-to-color: #cbd5e0;
}

.to-gray-500 {
  --gradient-to-color: #a0aec0;
}

.to-gray-600 {
  --gradient-to-color: #718096;
}

.to-gray-700 {
  --gradient-to-color: #4a5568;
}

.to-gray-800 {
  --gradient-to-color: #2d3748;
}

.to-gray-900 {
  --gradient-to-color: #1a202c;
}

.to-blue-100 {
  --gradient-to-color: #86dfff;
}

.to-blue-200 {
  --gradient-to-color: #6bd6ff;
}

.to-blue-300 {
  --gradient-to-color: #52ccff;
}

.to-blue-400 {
  --gradient-to-color: #3ac2ff;
}

.to-blue-500 {
  --gradient-to-color: #23b7fb;
}

.to-blue-600 {
  --gradient-to-color: #1a9adf;
}

.to-blue-700 {
  --gradient-to-color: #127fbf;
}

.to-blue-800 {
  --gradient-to-color: #0c659f;
}

.to-blue-900 {
  --gradient-to-color: #074c80;
}

.to-blurple-100 {
  --gradient-to-color: #938FDB;
}

.to-blurple-200 {
  --gradient-to-color: #7A75D0;
}

.to-blurple-300 {
  --gradient-to-color: #615BC4;
}

.to-blurple-400 {
  --gradient-to-color: #4943B7;
}

.to-blurple-500 {
  --gradient-to-color: #322baa;
}

.to-blurple-700 {
  --gradient-to-color: #1c1e84;
}

.to-green-300 {
  --gradient-to-color: #42d86f;
}

.to-green-500 {
  --gradient-to-color: #0cc242;
}

.to-green-700 {
  --gradient-to-color: #02983a;
}

.to-orange-100 {
  --gradient-to-color: #ff6e4a;
}

.to-orange-200 {
  --gradient-to-color: #ff6640;
}

.to-orange-300 {
  --gradient-to-color: #ff5e36;
}

.to-orange-400 {
  --gradient-to-color: #ff562b;
}

.to-orange-500 {
  --gradient-to-color: #ff4d22;
}

.to-orange-600 {
  --gradient-to-color: #e5461e;
}

.to-orange-700 {
  --gradient-to-color: #cc3e1b;
}

.to-orange-800 {
  --gradient-to-color: #b33617;
}

.to-orange-900 {
  --gradient-to-color: #992f14;
}

.to-purple-100 {
  --gradient-to-color: #c861ff;
}

.to-purple-200 {
  --gradient-to-color: #c354ff;
}

.to-purple-300 {
  --gradient-to-color: #be49fc;
}

.to-purple-400 {
  --gradient-to-color: #ab42e3;
}

.to-purple-500 {
  --gradient-to-color: #983ac9;
}

.to-purple-600 {
  --gradient-to-color: #8433b0;
}

.to-purple-700 {
  --gradient-to-color: #712c96;
}

.to-purple-800 {
  --gradient-to-color: #5e247d;
}

.to-purple-900 {
  --gradient-to-color: #4b1d63;
}

.to-red-300 {
  --gradient-to-color: #ff6d69;
}

.to-red-500 {
  --gradient-to-color: #ff4540;
}

.to-red-700 {
  --gradient-to-color: #bf3929;
}

.to-teal-100 {
  --gradient-to-color: #8cfff9;
}

.to-teal-200 {
  --gradient-to-color: #66fff7;
}

.to-teal-300 {
  --gradient-to-color: #40fff5;
}

.to-teal-400 {
  --gradient-to-color: #35fcf2;
}

.to-teal-500 {
  --gradient-to-color: #30e3da;
}

.to-teal-600 {
  --gradient-to-color: #2ac9c1;
}

.to-teal-700 {
  --gradient-to-color: #25b0a9;
}

.to-teal-800 {
  --gradient-to-color: #209691;
}

.to-teal-900 {
  --gradient-to-color: #1a7d78;
}

.to-yellow-100 {
  --gradient-to-color: #ffe894;
}

.to-yellow-200 {
  --gradient-to-color: #ffe27a;
}

.to-yellow-300 {
  --gradient-to-color: #ffdd61;
}

.to-yellow-400 {
  --gradient-to-color: #ffd747;
}

.to-yellow-500 {
  --gradient-to-color: #fcce2f;
}

.to-yellow-600 {
  --gradient-to-color: #e3bb29;
}

.to-yellow-700 {
  --gradient-to-color: #c9a624;
}

.to-yellow-800 {
  --gradient-to-color: #b09120;
}

.to-yellow-900 {
  --gradient-to-color: #967c1b;
}

.to-facebook-400 {
  --gradient-to-color: #4a6dbc;
}

.to-facebook-500 {
  --gradient-to-color: #39579a;
}

.to-snapchat-400 {
  --gradient-to-color: #fffc00;
}

.to-snapchat-500 {
  --gradient-to-color: #39579a;
}

.to-messenger-400 {
  --gradient-to-color: #339dff;
}

.to-messenger-500 {
  --gradient-to-color: #0084ff;
}

.to-twitter-400 {
  --gradient-to-color: #21c2ff;
}

.to-twitter-500 {
  --gradient-to-color: #00aced;
}

.to-transparent-black-10 {
  --gradient-to-color: rgba(0,0,0,0.1);
}

.to-transparent-black-30 {
  --gradient-to-color: rgba(0,0,0,0.3);
}

.to-transparent-black-50 {
  --gradient-to-color: rgba(0,0,0,0.5);
}

.to-transparent-black-70 {
  --gradient-to-color: rgba(0,0,0,0.7);
}

.to-transparent-black-90 {
  --gradient-to-color: rgba(0,0,0,0.9);
}

.to-transparent-white-10 {
  --gradient-to-color: rgba(255,255,255,0.1);
}

.to-transparent-white-30 {
  --gradient-to-color: rgba(255,255,255,0.3);
}

.to-transparent-white-50 {
  --gradient-to-color: rgba(255,255,255,0.5);
}

.to-transparent-white-70 {
  --gradient-to-color: rgba(255,255,255,0.7);
}

.to-transparent-white-90 {
  --gradient-to-color: rgba(255,255,255,0.9);
}

.to-vr-dark-blue {
  --gradient-to-color: #000047;
}

.to-vr-neon-green {
  --gradient-to-color: #00ff75;
}

.hover\:from-transparent:hover {
  --gradient-from-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:from-black:hover {
  --gradient-from-color: #000;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:from-white:hover {
  --gradient-from-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-gray-100:hover {
  --gradient-from-color: #f7fafc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
}

.hover\:from-gray-200:hover {
  --gradient-from-color: #edf2f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
}

.hover\:from-gray-300:hover {
  --gradient-from-color: #e2e8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
}

.hover\:from-gray-400:hover {
  --gradient-from-color: #cbd5e0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
}

.hover\:from-gray-500:hover {
  --gradient-from-color: #a0aec0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
}

.hover\:from-gray-600:hover {
  --gradient-from-color: #718096;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
}

.hover\:from-gray-700:hover {
  --gradient-from-color: #4a5568;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
}

.hover\:from-gray-800:hover {
  --gradient-from-color: #2d3748;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
}

.hover\:from-gray-900:hover {
  --gradient-from-color: #1a202c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
}

.hover\:from-blue-100:hover {
  --gradient-from-color: #86dfff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
}

.hover\:from-blue-200:hover {
  --gradient-from-color: #6bd6ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
}

.hover\:from-blue-300:hover {
  --gradient-from-color: #52ccff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
}

.hover\:from-blue-400:hover {
  --gradient-from-color: #3ac2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
}

.hover\:from-blue-500:hover {
  --gradient-from-color: #23b7fb;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
}

.hover\:from-blue-600:hover {
  --gradient-from-color: #1a9adf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
}

.hover\:from-blue-700:hover {
  --gradient-from-color: #127fbf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
}

.hover\:from-blue-800:hover {
  --gradient-from-color: #0c659f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
}

.hover\:from-blue-900:hover {
  --gradient-from-color: #074c80;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
}

.hover\:from-blurple-100:hover {
  --gradient-from-color: #938FDB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
}

.hover\:from-blurple-200:hover {
  --gradient-from-color: #7A75D0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
}

.hover\:from-blurple-300:hover {
  --gradient-from-color: #615BC4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
}

.hover\:from-blurple-400:hover {
  --gradient-from-color: #4943B7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
}

.hover\:from-blurple-500:hover {
  --gradient-from-color: #322baa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
}

.hover\:from-blurple-700:hover {
  --gradient-from-color: #1c1e84;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
}

.hover\:from-green-300:hover {
  --gradient-from-color: #42d86f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
}

.hover\:from-green-500:hover {
  --gradient-from-color: #0cc242;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
}

.hover\:from-green-700:hover {
  --gradient-from-color: #02983a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
}

.hover\:from-orange-100:hover {
  --gradient-from-color: #ff6e4a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
}

.hover\:from-orange-200:hover {
  --gradient-from-color: #ff6640;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
}

.hover\:from-orange-300:hover {
  --gradient-from-color: #ff5e36;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
}

.hover\:from-orange-400:hover {
  --gradient-from-color: #ff562b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
}

.hover\:from-orange-500:hover {
  --gradient-from-color: #ff4d22;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
}

.hover\:from-orange-600:hover {
  --gradient-from-color: #e5461e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
}

.hover\:from-orange-700:hover {
  --gradient-from-color: #cc3e1b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
}

.hover\:from-orange-800:hover {
  --gradient-from-color: #b33617;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
}

.hover\:from-orange-900:hover {
  --gradient-from-color: #992f14;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
}

.hover\:from-purple-100:hover {
  --gradient-from-color: #c861ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
}

.hover\:from-purple-200:hover {
  --gradient-from-color: #c354ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
}

.hover\:from-purple-300:hover {
  --gradient-from-color: #be49fc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
}

.hover\:from-purple-400:hover {
  --gradient-from-color: #ab42e3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
}

.hover\:from-purple-500:hover {
  --gradient-from-color: #983ac9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
}

.hover\:from-purple-600:hover {
  --gradient-from-color: #8433b0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
}

.hover\:from-purple-700:hover {
  --gradient-from-color: #712c96;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
}

.hover\:from-purple-800:hover {
  --gradient-from-color: #5e247d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
}

.hover\:from-purple-900:hover {
  --gradient-from-color: #4b1d63;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
}

.hover\:from-red-300:hover {
  --gradient-from-color: #ff6d69;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
}

.hover\:from-red-500:hover {
  --gradient-from-color: #ff4540;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
}

.hover\:from-red-700:hover {
  --gradient-from-color: #bf3929;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
}

.hover\:from-teal-100:hover {
  --gradient-from-color: #8cfff9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
}

.hover\:from-teal-200:hover {
  --gradient-from-color: #66fff7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
}

.hover\:from-teal-300:hover {
  --gradient-from-color: #40fff5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
}

.hover\:from-teal-400:hover {
  --gradient-from-color: #35fcf2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
}

.hover\:from-teal-500:hover {
  --gradient-from-color: #30e3da;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
}

.hover\:from-teal-600:hover {
  --gradient-from-color: #2ac9c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
}

.hover\:from-teal-700:hover {
  --gradient-from-color: #25b0a9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
}

.hover\:from-teal-800:hover {
  --gradient-from-color: #209691;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
}

.hover\:from-teal-900:hover {
  --gradient-from-color: #1a7d78;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
}

.hover\:from-yellow-100:hover {
  --gradient-from-color: #ffe894;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
}

.hover\:from-yellow-200:hover {
  --gradient-from-color: #ffe27a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
}

.hover\:from-yellow-300:hover {
  --gradient-from-color: #ffdd61;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
}

.hover\:from-yellow-400:hover {
  --gradient-from-color: #ffd747;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
}

.hover\:from-yellow-500:hover {
  --gradient-from-color: #fcce2f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
}

.hover\:from-yellow-600:hover {
  --gradient-from-color: #e3bb29;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
}

.hover\:from-yellow-700:hover {
  --gradient-from-color: #c9a624;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
}

.hover\:from-yellow-800:hover {
  --gradient-from-color: #b09120;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
}

.hover\:from-yellow-900:hover {
  --gradient-from-color: #967c1b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
}

.hover\:from-facebook-400:hover {
  --gradient-from-color: #4a6dbc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
}

.hover\:from-facebook-500:hover {
  --gradient-from-color: #39579a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
}

.hover\:from-snapchat-400:hover {
  --gradient-from-color: #fffc00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
}

.hover\:from-snapchat-500:hover {
  --gradient-from-color: #39579a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
}

.hover\:from-messenger-400:hover {
  --gradient-from-color: #339dff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
}

.hover\:from-messenger-500:hover {
  --gradient-from-color: #0084ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
}

.hover\:from-twitter-400:hover {
  --gradient-from-color: #21c2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
}

.hover\:from-twitter-500:hover {
  --gradient-from-color: #00aced;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
}

.hover\:from-transparent-black-10:hover {
  --gradient-from-color: rgba(0,0,0,0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:from-transparent-black-30:hover {
  --gradient-from-color: rgba(0,0,0,0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:from-transparent-black-50:hover {
  --gradient-from-color: rgba(0,0,0,0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:from-transparent-black-70:hover {
  --gradient-from-color: rgba(0,0,0,0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:from-transparent-black-90:hover {
  --gradient-from-color: rgba(0,0,0,0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:from-transparent-white-10:hover {
  --gradient-from-color: rgba(255,255,255,0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-transparent-white-30:hover {
  --gradient-from-color: rgba(255,255,255,0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-transparent-white-50:hover {
  --gradient-from-color: rgba(255,255,255,0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-transparent-white-70:hover {
  --gradient-from-color: rgba(255,255,255,0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-transparent-white-90:hover {
  --gradient-from-color: rgba(255,255,255,0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-vr-dark-blue:hover {
  --gradient-from-color: #000047;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
}

.hover\:from-vr-neon-green:hover {
  --gradient-from-color: #00ff75;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
}

.hover\:via-transparent:hover {
  --gradient-via-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:via-black:hover {
  --gradient-via-color: #000;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:via-white:hover {
  --gradient-via-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-gray-100:hover {
  --gradient-via-color: #f7fafc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
}

.hover\:via-gray-200:hover {
  --gradient-via-color: #edf2f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
}

.hover\:via-gray-300:hover {
  --gradient-via-color: #e2e8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
}

.hover\:via-gray-400:hover {
  --gradient-via-color: #cbd5e0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
}

.hover\:via-gray-500:hover {
  --gradient-via-color: #a0aec0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
}

.hover\:via-gray-600:hover {
  --gradient-via-color: #718096;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
}

.hover\:via-gray-700:hover {
  --gradient-via-color: #4a5568;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
}

.hover\:via-gray-800:hover {
  --gradient-via-color: #2d3748;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
}

.hover\:via-gray-900:hover {
  --gradient-via-color: #1a202c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
}

.hover\:via-blue-100:hover {
  --gradient-via-color: #86dfff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
}

.hover\:via-blue-200:hover {
  --gradient-via-color: #6bd6ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
}

.hover\:via-blue-300:hover {
  --gradient-via-color: #52ccff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
}

.hover\:via-blue-400:hover {
  --gradient-via-color: #3ac2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
}

.hover\:via-blue-500:hover {
  --gradient-via-color: #23b7fb;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
}

.hover\:via-blue-600:hover {
  --gradient-via-color: #1a9adf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
}

.hover\:via-blue-700:hover {
  --gradient-via-color: #127fbf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
}

.hover\:via-blue-800:hover {
  --gradient-via-color: #0c659f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
}

.hover\:via-blue-900:hover {
  --gradient-via-color: #074c80;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
}

.hover\:via-blurple-100:hover {
  --gradient-via-color: #938FDB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
}

.hover\:via-blurple-200:hover {
  --gradient-via-color: #7A75D0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
}

.hover\:via-blurple-300:hover {
  --gradient-via-color: #615BC4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
}

.hover\:via-blurple-400:hover {
  --gradient-via-color: #4943B7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
}

.hover\:via-blurple-500:hover {
  --gradient-via-color: #322baa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
}

.hover\:via-blurple-700:hover {
  --gradient-via-color: #1c1e84;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
}

.hover\:via-green-300:hover {
  --gradient-via-color: #42d86f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
}

.hover\:via-green-500:hover {
  --gradient-via-color: #0cc242;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
}

.hover\:via-green-700:hover {
  --gradient-via-color: #02983a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
}

.hover\:via-orange-100:hover {
  --gradient-via-color: #ff6e4a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
}

.hover\:via-orange-200:hover {
  --gradient-via-color: #ff6640;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
}

.hover\:via-orange-300:hover {
  --gradient-via-color: #ff5e36;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
}

.hover\:via-orange-400:hover {
  --gradient-via-color: #ff562b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
}

.hover\:via-orange-500:hover {
  --gradient-via-color: #ff4d22;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
}

.hover\:via-orange-600:hover {
  --gradient-via-color: #e5461e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
}

.hover\:via-orange-700:hover {
  --gradient-via-color: #cc3e1b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
}

.hover\:via-orange-800:hover {
  --gradient-via-color: #b33617;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
}

.hover\:via-orange-900:hover {
  --gradient-via-color: #992f14;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
}

.hover\:via-purple-100:hover {
  --gradient-via-color: #c861ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
}

.hover\:via-purple-200:hover {
  --gradient-via-color: #c354ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
}

.hover\:via-purple-300:hover {
  --gradient-via-color: #be49fc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
}

.hover\:via-purple-400:hover {
  --gradient-via-color: #ab42e3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
}

.hover\:via-purple-500:hover {
  --gradient-via-color: #983ac9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
}

.hover\:via-purple-600:hover {
  --gradient-via-color: #8433b0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
}

.hover\:via-purple-700:hover {
  --gradient-via-color: #712c96;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
}

.hover\:via-purple-800:hover {
  --gradient-via-color: #5e247d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
}

.hover\:via-purple-900:hover {
  --gradient-via-color: #4b1d63;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
}

.hover\:via-red-300:hover {
  --gradient-via-color: #ff6d69;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
}

.hover\:via-red-500:hover {
  --gradient-via-color: #ff4540;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
}

.hover\:via-red-700:hover {
  --gradient-via-color: #bf3929;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
}

.hover\:via-teal-100:hover {
  --gradient-via-color: #8cfff9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
}

.hover\:via-teal-200:hover {
  --gradient-via-color: #66fff7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
}

.hover\:via-teal-300:hover {
  --gradient-via-color: #40fff5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
}

.hover\:via-teal-400:hover {
  --gradient-via-color: #35fcf2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
}

.hover\:via-teal-500:hover {
  --gradient-via-color: #30e3da;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
}

.hover\:via-teal-600:hover {
  --gradient-via-color: #2ac9c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
}

.hover\:via-teal-700:hover {
  --gradient-via-color: #25b0a9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
}

.hover\:via-teal-800:hover {
  --gradient-via-color: #209691;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
}

.hover\:via-teal-900:hover {
  --gradient-via-color: #1a7d78;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
}

.hover\:via-yellow-100:hover {
  --gradient-via-color: #ffe894;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
}

.hover\:via-yellow-200:hover {
  --gradient-via-color: #ffe27a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
}

.hover\:via-yellow-300:hover {
  --gradient-via-color: #ffdd61;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
}

.hover\:via-yellow-400:hover {
  --gradient-via-color: #ffd747;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
}

.hover\:via-yellow-500:hover {
  --gradient-via-color: #fcce2f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
}

.hover\:via-yellow-600:hover {
  --gradient-via-color: #e3bb29;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
}

.hover\:via-yellow-700:hover {
  --gradient-via-color: #c9a624;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
}

.hover\:via-yellow-800:hover {
  --gradient-via-color: #b09120;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
}

.hover\:via-yellow-900:hover {
  --gradient-via-color: #967c1b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
}

.hover\:via-facebook-400:hover {
  --gradient-via-color: #4a6dbc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
}

.hover\:via-facebook-500:hover {
  --gradient-via-color: #39579a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
}

.hover\:via-snapchat-400:hover {
  --gradient-via-color: #fffc00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
}

.hover\:via-snapchat-500:hover {
  --gradient-via-color: #39579a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
}

.hover\:via-messenger-400:hover {
  --gradient-via-color: #339dff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
}

.hover\:via-messenger-500:hover {
  --gradient-via-color: #0084ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
}

.hover\:via-twitter-400:hover {
  --gradient-via-color: #21c2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
}

.hover\:via-twitter-500:hover {
  --gradient-via-color: #00aced;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
}

.hover\:via-transparent-black-10:hover {
  --gradient-via-color: rgba(0,0,0,0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:via-transparent-black-30:hover {
  --gradient-via-color: rgba(0,0,0,0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:via-transparent-black-50:hover {
  --gradient-via-color: rgba(0,0,0,0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:via-transparent-black-70:hover {
  --gradient-via-color: rgba(0,0,0,0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:via-transparent-black-90:hover {
  --gradient-via-color: rgba(0,0,0,0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:via-transparent-white-10:hover {
  --gradient-via-color: rgba(255,255,255,0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-transparent-white-30:hover {
  --gradient-via-color: rgba(255,255,255,0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-transparent-white-50:hover {
  --gradient-via-color: rgba(255,255,255,0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-transparent-white-70:hover {
  --gradient-via-color: rgba(255,255,255,0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-transparent-white-90:hover {
  --gradient-via-color: rgba(255,255,255,0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-vr-dark-blue:hover {
  --gradient-via-color: #000047;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
}

.hover\:via-vr-neon-green:hover {
  --gradient-via-color: #00ff75;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
}

.hover\:to-transparent:hover {
  --gradient-to-color: transparent;
}

.hover\:to-black:hover {
  --gradient-to-color: #000;
}

.hover\:to-white:hover {
  --gradient-to-color: #fff;
}

.hover\:to-gray-100:hover {
  --gradient-to-color: #f7fafc;
}

.hover\:to-gray-200:hover {
  --gradient-to-color: #edf2f7;
}

.hover\:to-gray-300:hover {
  --gradient-to-color: #e2e8f0;
}

.hover\:to-gray-400:hover {
  --gradient-to-color: #cbd5e0;
}

.hover\:to-gray-500:hover {
  --gradient-to-color: #a0aec0;
}

.hover\:to-gray-600:hover {
  --gradient-to-color: #718096;
}

.hover\:to-gray-700:hover {
  --gradient-to-color: #4a5568;
}

.hover\:to-gray-800:hover {
  --gradient-to-color: #2d3748;
}

.hover\:to-gray-900:hover {
  --gradient-to-color: #1a202c;
}

.hover\:to-blue-100:hover {
  --gradient-to-color: #86dfff;
}

.hover\:to-blue-200:hover {
  --gradient-to-color: #6bd6ff;
}

.hover\:to-blue-300:hover {
  --gradient-to-color: #52ccff;
}

.hover\:to-blue-400:hover {
  --gradient-to-color: #3ac2ff;
}

.hover\:to-blue-500:hover {
  --gradient-to-color: #23b7fb;
}

.hover\:to-blue-600:hover {
  --gradient-to-color: #1a9adf;
}

.hover\:to-blue-700:hover {
  --gradient-to-color: #127fbf;
}

.hover\:to-blue-800:hover {
  --gradient-to-color: #0c659f;
}

.hover\:to-blue-900:hover {
  --gradient-to-color: #074c80;
}

.hover\:to-blurple-100:hover {
  --gradient-to-color: #938FDB;
}

.hover\:to-blurple-200:hover {
  --gradient-to-color: #7A75D0;
}

.hover\:to-blurple-300:hover {
  --gradient-to-color: #615BC4;
}

.hover\:to-blurple-400:hover {
  --gradient-to-color: #4943B7;
}

.hover\:to-blurple-500:hover {
  --gradient-to-color: #322baa;
}

.hover\:to-blurple-700:hover {
  --gradient-to-color: #1c1e84;
}

.hover\:to-green-300:hover {
  --gradient-to-color: #42d86f;
}

.hover\:to-green-500:hover {
  --gradient-to-color: #0cc242;
}

.hover\:to-green-700:hover {
  --gradient-to-color: #02983a;
}

.hover\:to-orange-100:hover {
  --gradient-to-color: #ff6e4a;
}

.hover\:to-orange-200:hover {
  --gradient-to-color: #ff6640;
}

.hover\:to-orange-300:hover {
  --gradient-to-color: #ff5e36;
}

.hover\:to-orange-400:hover {
  --gradient-to-color: #ff562b;
}

.hover\:to-orange-500:hover {
  --gradient-to-color: #ff4d22;
}

.hover\:to-orange-600:hover {
  --gradient-to-color: #e5461e;
}

.hover\:to-orange-700:hover {
  --gradient-to-color: #cc3e1b;
}

.hover\:to-orange-800:hover {
  --gradient-to-color: #b33617;
}

.hover\:to-orange-900:hover {
  --gradient-to-color: #992f14;
}

.hover\:to-purple-100:hover {
  --gradient-to-color: #c861ff;
}

.hover\:to-purple-200:hover {
  --gradient-to-color: #c354ff;
}

.hover\:to-purple-300:hover {
  --gradient-to-color: #be49fc;
}

.hover\:to-purple-400:hover {
  --gradient-to-color: #ab42e3;
}

.hover\:to-purple-500:hover {
  --gradient-to-color: #983ac9;
}

.hover\:to-purple-600:hover {
  --gradient-to-color: #8433b0;
}

.hover\:to-purple-700:hover {
  --gradient-to-color: #712c96;
}

.hover\:to-purple-800:hover {
  --gradient-to-color: #5e247d;
}

.hover\:to-purple-900:hover {
  --gradient-to-color: #4b1d63;
}

.hover\:to-red-300:hover {
  --gradient-to-color: #ff6d69;
}

.hover\:to-red-500:hover {
  --gradient-to-color: #ff4540;
}

.hover\:to-red-700:hover {
  --gradient-to-color: #bf3929;
}

.hover\:to-teal-100:hover {
  --gradient-to-color: #8cfff9;
}

.hover\:to-teal-200:hover {
  --gradient-to-color: #66fff7;
}

.hover\:to-teal-300:hover {
  --gradient-to-color: #40fff5;
}

.hover\:to-teal-400:hover {
  --gradient-to-color: #35fcf2;
}

.hover\:to-teal-500:hover {
  --gradient-to-color: #30e3da;
}

.hover\:to-teal-600:hover {
  --gradient-to-color: #2ac9c1;
}

.hover\:to-teal-700:hover {
  --gradient-to-color: #25b0a9;
}

.hover\:to-teal-800:hover {
  --gradient-to-color: #209691;
}

.hover\:to-teal-900:hover {
  --gradient-to-color: #1a7d78;
}

.hover\:to-yellow-100:hover {
  --gradient-to-color: #ffe894;
}

.hover\:to-yellow-200:hover {
  --gradient-to-color: #ffe27a;
}

.hover\:to-yellow-300:hover {
  --gradient-to-color: #ffdd61;
}

.hover\:to-yellow-400:hover {
  --gradient-to-color: #ffd747;
}

.hover\:to-yellow-500:hover {
  --gradient-to-color: #fcce2f;
}

.hover\:to-yellow-600:hover {
  --gradient-to-color: #e3bb29;
}

.hover\:to-yellow-700:hover {
  --gradient-to-color: #c9a624;
}

.hover\:to-yellow-800:hover {
  --gradient-to-color: #b09120;
}

.hover\:to-yellow-900:hover {
  --gradient-to-color: #967c1b;
}

.hover\:to-facebook-400:hover {
  --gradient-to-color: #4a6dbc;
}

.hover\:to-facebook-500:hover {
  --gradient-to-color: #39579a;
}

.hover\:to-snapchat-400:hover {
  --gradient-to-color: #fffc00;
}

.hover\:to-snapchat-500:hover {
  --gradient-to-color: #39579a;
}

.hover\:to-messenger-400:hover {
  --gradient-to-color: #339dff;
}

.hover\:to-messenger-500:hover {
  --gradient-to-color: #0084ff;
}

.hover\:to-twitter-400:hover {
  --gradient-to-color: #21c2ff;
}

.hover\:to-twitter-500:hover {
  --gradient-to-color: #00aced;
}

.hover\:to-transparent-black-10:hover {
  --gradient-to-color: rgba(0,0,0,0.1);
}

.hover\:to-transparent-black-30:hover {
  --gradient-to-color: rgba(0,0,0,0.3);
}

.hover\:to-transparent-black-50:hover {
  --gradient-to-color: rgba(0,0,0,0.5);
}

.hover\:to-transparent-black-70:hover {
  --gradient-to-color: rgba(0,0,0,0.7);
}

.hover\:to-transparent-black-90:hover {
  --gradient-to-color: rgba(0,0,0,0.9);
}

.hover\:to-transparent-white-10:hover {
  --gradient-to-color: rgba(255,255,255,0.1);
}

.hover\:to-transparent-white-30:hover {
  --gradient-to-color: rgba(255,255,255,0.3);
}

.hover\:to-transparent-white-50:hover {
  --gradient-to-color: rgba(255,255,255,0.5);
}

.hover\:to-transparent-white-70:hover {
  --gradient-to-color: rgba(255,255,255,0.7);
}

.hover\:to-transparent-white-90:hover {
  --gradient-to-color: rgba(255,255,255,0.9);
}

.hover\:to-vr-dark-blue:hover {
  --gradient-to-color: #000047;
}

.hover\:to-vr-neon-green:hover {
  --gradient-to-color: #00ff75;
}

.focus\:from-transparent:focus {
  --gradient-from-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:from-black:focus {
  --gradient-from-color: #000;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:from-white:focus {
  --gradient-from-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-gray-100:focus {
  --gradient-from-color: #f7fafc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
}

.focus\:from-gray-200:focus {
  --gradient-from-color: #edf2f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
}

.focus\:from-gray-300:focus {
  --gradient-from-color: #e2e8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
}

.focus\:from-gray-400:focus {
  --gradient-from-color: #cbd5e0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
}

.focus\:from-gray-500:focus {
  --gradient-from-color: #a0aec0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
}

.focus\:from-gray-600:focus {
  --gradient-from-color: #718096;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
}

.focus\:from-gray-700:focus {
  --gradient-from-color: #4a5568;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
}

.focus\:from-gray-800:focus {
  --gradient-from-color: #2d3748;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
}

.focus\:from-gray-900:focus {
  --gradient-from-color: #1a202c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
}

.focus\:from-blue-100:focus {
  --gradient-from-color: #86dfff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
}

.focus\:from-blue-200:focus {
  --gradient-from-color: #6bd6ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
}

.focus\:from-blue-300:focus {
  --gradient-from-color: #52ccff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
}

.focus\:from-blue-400:focus {
  --gradient-from-color: #3ac2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
}

.focus\:from-blue-500:focus {
  --gradient-from-color: #23b7fb;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
}

.focus\:from-blue-600:focus {
  --gradient-from-color: #1a9adf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
}

.focus\:from-blue-700:focus {
  --gradient-from-color: #127fbf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
}

.focus\:from-blue-800:focus {
  --gradient-from-color: #0c659f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
}

.focus\:from-blue-900:focus {
  --gradient-from-color: #074c80;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
}

.focus\:from-blurple-100:focus {
  --gradient-from-color: #938FDB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
}

.focus\:from-blurple-200:focus {
  --gradient-from-color: #7A75D0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
}

.focus\:from-blurple-300:focus {
  --gradient-from-color: #615BC4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
}

.focus\:from-blurple-400:focus {
  --gradient-from-color: #4943B7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
}

.focus\:from-blurple-500:focus {
  --gradient-from-color: #322baa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
}

.focus\:from-blurple-700:focus {
  --gradient-from-color: #1c1e84;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
}

.focus\:from-green-300:focus {
  --gradient-from-color: #42d86f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
}

.focus\:from-green-500:focus {
  --gradient-from-color: #0cc242;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
}

.focus\:from-green-700:focus {
  --gradient-from-color: #02983a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
}

.focus\:from-orange-100:focus {
  --gradient-from-color: #ff6e4a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
}

.focus\:from-orange-200:focus {
  --gradient-from-color: #ff6640;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
}

.focus\:from-orange-300:focus {
  --gradient-from-color: #ff5e36;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
}

.focus\:from-orange-400:focus {
  --gradient-from-color: #ff562b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
}

.focus\:from-orange-500:focus {
  --gradient-from-color: #ff4d22;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
}

.focus\:from-orange-600:focus {
  --gradient-from-color: #e5461e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
}

.focus\:from-orange-700:focus {
  --gradient-from-color: #cc3e1b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
}

.focus\:from-orange-800:focus {
  --gradient-from-color: #b33617;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
}

.focus\:from-orange-900:focus {
  --gradient-from-color: #992f14;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
}

.focus\:from-purple-100:focus {
  --gradient-from-color: #c861ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
}

.focus\:from-purple-200:focus {
  --gradient-from-color: #c354ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
}

.focus\:from-purple-300:focus {
  --gradient-from-color: #be49fc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
}

.focus\:from-purple-400:focus {
  --gradient-from-color: #ab42e3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
}

.focus\:from-purple-500:focus {
  --gradient-from-color: #983ac9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
}

.focus\:from-purple-600:focus {
  --gradient-from-color: #8433b0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
}

.focus\:from-purple-700:focus {
  --gradient-from-color: #712c96;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
}

.focus\:from-purple-800:focus {
  --gradient-from-color: #5e247d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
}

.focus\:from-purple-900:focus {
  --gradient-from-color: #4b1d63;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
}

.focus\:from-red-300:focus {
  --gradient-from-color: #ff6d69;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
}

.focus\:from-red-500:focus {
  --gradient-from-color: #ff4540;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
}

.focus\:from-red-700:focus {
  --gradient-from-color: #bf3929;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
}

.focus\:from-teal-100:focus {
  --gradient-from-color: #8cfff9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
}

.focus\:from-teal-200:focus {
  --gradient-from-color: #66fff7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
}

.focus\:from-teal-300:focus {
  --gradient-from-color: #40fff5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
}

.focus\:from-teal-400:focus {
  --gradient-from-color: #35fcf2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
}

.focus\:from-teal-500:focus {
  --gradient-from-color: #30e3da;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
}

.focus\:from-teal-600:focus {
  --gradient-from-color: #2ac9c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
}

.focus\:from-teal-700:focus {
  --gradient-from-color: #25b0a9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
}

.focus\:from-teal-800:focus {
  --gradient-from-color: #209691;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
}

.focus\:from-teal-900:focus {
  --gradient-from-color: #1a7d78;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
}

.focus\:from-yellow-100:focus {
  --gradient-from-color: #ffe894;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
}

.focus\:from-yellow-200:focus {
  --gradient-from-color: #ffe27a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
}

.focus\:from-yellow-300:focus {
  --gradient-from-color: #ffdd61;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
}

.focus\:from-yellow-400:focus {
  --gradient-from-color: #ffd747;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
}

.focus\:from-yellow-500:focus {
  --gradient-from-color: #fcce2f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
}

.focus\:from-yellow-600:focus {
  --gradient-from-color: #e3bb29;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
}

.focus\:from-yellow-700:focus {
  --gradient-from-color: #c9a624;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
}

.focus\:from-yellow-800:focus {
  --gradient-from-color: #b09120;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
}

.focus\:from-yellow-900:focus {
  --gradient-from-color: #967c1b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
}

.focus\:from-facebook-400:focus {
  --gradient-from-color: #4a6dbc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
}

.focus\:from-facebook-500:focus {
  --gradient-from-color: #39579a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
}

.focus\:from-snapchat-400:focus {
  --gradient-from-color: #fffc00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
}

.focus\:from-snapchat-500:focus {
  --gradient-from-color: #39579a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
}

.focus\:from-messenger-400:focus {
  --gradient-from-color: #339dff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
}

.focus\:from-messenger-500:focus {
  --gradient-from-color: #0084ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
}

.focus\:from-twitter-400:focus {
  --gradient-from-color: #21c2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
}

.focus\:from-twitter-500:focus {
  --gradient-from-color: #00aced;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
}

.focus\:from-transparent-black-10:focus {
  --gradient-from-color: rgba(0,0,0,0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:from-transparent-black-30:focus {
  --gradient-from-color: rgba(0,0,0,0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:from-transparent-black-50:focus {
  --gradient-from-color: rgba(0,0,0,0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:from-transparent-black-70:focus {
  --gradient-from-color: rgba(0,0,0,0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:from-transparent-black-90:focus {
  --gradient-from-color: rgba(0,0,0,0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:from-transparent-white-10:focus {
  --gradient-from-color: rgba(255,255,255,0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-transparent-white-30:focus {
  --gradient-from-color: rgba(255,255,255,0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-transparent-white-50:focus {
  --gradient-from-color: rgba(255,255,255,0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-transparent-white-70:focus {
  --gradient-from-color: rgba(255,255,255,0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-transparent-white-90:focus {
  --gradient-from-color: rgba(255,255,255,0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-vr-dark-blue:focus {
  --gradient-from-color: #000047;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
}

.focus\:from-vr-neon-green:focus {
  --gradient-from-color: #00ff75;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
}

.focus\:via-transparent:focus {
  --gradient-via-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:via-black:focus {
  --gradient-via-color: #000;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:via-white:focus {
  --gradient-via-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-gray-100:focus {
  --gradient-via-color: #f7fafc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
}

.focus\:via-gray-200:focus {
  --gradient-via-color: #edf2f7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
}

.focus\:via-gray-300:focus {
  --gradient-via-color: #e2e8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
}

.focus\:via-gray-400:focus {
  --gradient-via-color: #cbd5e0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
}

.focus\:via-gray-500:focus {
  --gradient-via-color: #a0aec0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
}

.focus\:via-gray-600:focus {
  --gradient-via-color: #718096;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
}

.focus\:via-gray-700:focus {
  --gradient-via-color: #4a5568;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
}

.focus\:via-gray-800:focus {
  --gradient-via-color: #2d3748;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
}

.focus\:via-gray-900:focus {
  --gradient-via-color: #1a202c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
}

.focus\:via-blue-100:focus {
  --gradient-via-color: #86dfff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
}

.focus\:via-blue-200:focus {
  --gradient-via-color: #6bd6ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
}

.focus\:via-blue-300:focus {
  --gradient-via-color: #52ccff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
}

.focus\:via-blue-400:focus {
  --gradient-via-color: #3ac2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
}

.focus\:via-blue-500:focus {
  --gradient-via-color: #23b7fb;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
}

.focus\:via-blue-600:focus {
  --gradient-via-color: #1a9adf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
}

.focus\:via-blue-700:focus {
  --gradient-via-color: #127fbf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
}

.focus\:via-blue-800:focus {
  --gradient-via-color: #0c659f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
}

.focus\:via-blue-900:focus {
  --gradient-via-color: #074c80;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
}

.focus\:via-blurple-100:focus {
  --gradient-via-color: #938FDB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
}

.focus\:via-blurple-200:focus {
  --gradient-via-color: #7A75D0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
}

.focus\:via-blurple-300:focus {
  --gradient-via-color: #615BC4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
}

.focus\:via-blurple-400:focus {
  --gradient-via-color: #4943B7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
}

.focus\:via-blurple-500:focus {
  --gradient-via-color: #322baa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
}

.focus\:via-blurple-700:focus {
  --gradient-via-color: #1c1e84;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
}

.focus\:via-green-300:focus {
  --gradient-via-color: #42d86f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
}

.focus\:via-green-500:focus {
  --gradient-via-color: #0cc242;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
}

.focus\:via-green-700:focus {
  --gradient-via-color: #02983a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
}

.focus\:via-orange-100:focus {
  --gradient-via-color: #ff6e4a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
}

.focus\:via-orange-200:focus {
  --gradient-via-color: #ff6640;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
}

.focus\:via-orange-300:focus {
  --gradient-via-color: #ff5e36;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
}

.focus\:via-orange-400:focus {
  --gradient-via-color: #ff562b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
}

.focus\:via-orange-500:focus {
  --gradient-via-color: #ff4d22;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
}

.focus\:via-orange-600:focus {
  --gradient-via-color: #e5461e;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
}

.focus\:via-orange-700:focus {
  --gradient-via-color: #cc3e1b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
}

.focus\:via-orange-800:focus {
  --gradient-via-color: #b33617;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
}

.focus\:via-orange-900:focus {
  --gradient-via-color: #992f14;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
}

.focus\:via-purple-100:focus {
  --gradient-via-color: #c861ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
}

.focus\:via-purple-200:focus {
  --gradient-via-color: #c354ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
}

.focus\:via-purple-300:focus {
  --gradient-via-color: #be49fc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
}

.focus\:via-purple-400:focus {
  --gradient-via-color: #ab42e3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
}

.focus\:via-purple-500:focus {
  --gradient-via-color: #983ac9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
}

.focus\:via-purple-600:focus {
  --gradient-via-color: #8433b0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
}

.focus\:via-purple-700:focus {
  --gradient-via-color: #712c96;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
}

.focus\:via-purple-800:focus {
  --gradient-via-color: #5e247d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
}

.focus\:via-purple-900:focus {
  --gradient-via-color: #4b1d63;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
}

.focus\:via-red-300:focus {
  --gradient-via-color: #ff6d69;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
}

.focus\:via-red-500:focus {
  --gradient-via-color: #ff4540;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
}

.focus\:via-red-700:focus {
  --gradient-via-color: #bf3929;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
}

.focus\:via-teal-100:focus {
  --gradient-via-color: #8cfff9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
}

.focus\:via-teal-200:focus {
  --gradient-via-color: #66fff7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
}

.focus\:via-teal-300:focus {
  --gradient-via-color: #40fff5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
}

.focus\:via-teal-400:focus {
  --gradient-via-color: #35fcf2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
}

.focus\:via-teal-500:focus {
  --gradient-via-color: #30e3da;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
}

.focus\:via-teal-600:focus {
  --gradient-via-color: #2ac9c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
}

.focus\:via-teal-700:focus {
  --gradient-via-color: #25b0a9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
}

.focus\:via-teal-800:focus {
  --gradient-via-color: #209691;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
}

.focus\:via-teal-900:focus {
  --gradient-via-color: #1a7d78;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
}

.focus\:via-yellow-100:focus {
  --gradient-via-color: #ffe894;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
}

.focus\:via-yellow-200:focus {
  --gradient-via-color: #ffe27a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
}

.focus\:via-yellow-300:focus {
  --gradient-via-color: #ffdd61;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
}

.focus\:via-yellow-400:focus {
  --gradient-via-color: #ffd747;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
}

.focus\:via-yellow-500:focus {
  --gradient-via-color: #fcce2f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
}

.focus\:via-yellow-600:focus {
  --gradient-via-color: #e3bb29;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
}

.focus\:via-yellow-700:focus {
  --gradient-via-color: #c9a624;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
}

.focus\:via-yellow-800:focus {
  --gradient-via-color: #b09120;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
}

.focus\:via-yellow-900:focus {
  --gradient-via-color: #967c1b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
}

.focus\:via-facebook-400:focus {
  --gradient-via-color: #4a6dbc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
}

.focus\:via-facebook-500:focus {
  --gradient-via-color: #39579a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
}

.focus\:via-snapchat-400:focus {
  --gradient-via-color: #fffc00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
}

.focus\:via-snapchat-500:focus {
  --gradient-via-color: #39579a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
}

.focus\:via-messenger-400:focus {
  --gradient-via-color: #339dff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
}

.focus\:via-messenger-500:focus {
  --gradient-via-color: #0084ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
}

.focus\:via-twitter-400:focus {
  --gradient-via-color: #21c2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
}

.focus\:via-twitter-500:focus {
  --gradient-via-color: #00aced;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
}

.focus\:via-transparent-black-10:focus {
  --gradient-via-color: rgba(0,0,0,0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:via-transparent-black-30:focus {
  --gradient-via-color: rgba(0,0,0,0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:via-transparent-black-50:focus {
  --gradient-via-color: rgba(0,0,0,0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:via-transparent-black-70:focus {
  --gradient-via-color: rgba(0,0,0,0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:via-transparent-black-90:focus {
  --gradient-via-color: rgba(0,0,0,0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:via-transparent-white-10:focus {
  --gradient-via-color: rgba(255,255,255,0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-transparent-white-30:focus {
  --gradient-via-color: rgba(255,255,255,0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-transparent-white-50:focus {
  --gradient-via-color: rgba(255,255,255,0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-transparent-white-70:focus {
  --gradient-via-color: rgba(255,255,255,0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-transparent-white-90:focus {
  --gradient-via-color: rgba(255,255,255,0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-vr-dark-blue:focus {
  --gradient-via-color: #000047;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
}

.focus\:via-vr-neon-green:focus {
  --gradient-via-color: #00ff75;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
}

.focus\:to-transparent:focus {
  --gradient-to-color: transparent;
}

.focus\:to-black:focus {
  --gradient-to-color: #000;
}

.focus\:to-white:focus {
  --gradient-to-color: #fff;
}

.focus\:to-gray-100:focus {
  --gradient-to-color: #f7fafc;
}

.focus\:to-gray-200:focus {
  --gradient-to-color: #edf2f7;
}

.focus\:to-gray-300:focus {
  --gradient-to-color: #e2e8f0;
}

.focus\:to-gray-400:focus {
  --gradient-to-color: #cbd5e0;
}

.focus\:to-gray-500:focus {
  --gradient-to-color: #a0aec0;
}

.focus\:to-gray-600:focus {
  --gradient-to-color: #718096;
}

.focus\:to-gray-700:focus {
  --gradient-to-color: #4a5568;
}

.focus\:to-gray-800:focus {
  --gradient-to-color: #2d3748;
}

.focus\:to-gray-900:focus {
  --gradient-to-color: #1a202c;
}

.focus\:to-blue-100:focus {
  --gradient-to-color: #86dfff;
}

.focus\:to-blue-200:focus {
  --gradient-to-color: #6bd6ff;
}

.focus\:to-blue-300:focus {
  --gradient-to-color: #52ccff;
}

.focus\:to-blue-400:focus {
  --gradient-to-color: #3ac2ff;
}

.focus\:to-blue-500:focus {
  --gradient-to-color: #23b7fb;
}

.focus\:to-blue-600:focus {
  --gradient-to-color: #1a9adf;
}

.focus\:to-blue-700:focus {
  --gradient-to-color: #127fbf;
}

.focus\:to-blue-800:focus {
  --gradient-to-color: #0c659f;
}

.focus\:to-blue-900:focus {
  --gradient-to-color: #074c80;
}

.focus\:to-blurple-100:focus {
  --gradient-to-color: #938FDB;
}

.focus\:to-blurple-200:focus {
  --gradient-to-color: #7A75D0;
}

.focus\:to-blurple-300:focus {
  --gradient-to-color: #615BC4;
}

.focus\:to-blurple-400:focus {
  --gradient-to-color: #4943B7;
}

.focus\:to-blurple-500:focus {
  --gradient-to-color: #322baa;
}

.focus\:to-blurple-700:focus {
  --gradient-to-color: #1c1e84;
}

.focus\:to-green-300:focus {
  --gradient-to-color: #42d86f;
}

.focus\:to-green-500:focus {
  --gradient-to-color: #0cc242;
}

.focus\:to-green-700:focus {
  --gradient-to-color: #02983a;
}

.focus\:to-orange-100:focus {
  --gradient-to-color: #ff6e4a;
}

.focus\:to-orange-200:focus {
  --gradient-to-color: #ff6640;
}

.focus\:to-orange-300:focus {
  --gradient-to-color: #ff5e36;
}

.focus\:to-orange-400:focus {
  --gradient-to-color: #ff562b;
}

.focus\:to-orange-500:focus {
  --gradient-to-color: #ff4d22;
}

.focus\:to-orange-600:focus {
  --gradient-to-color: #e5461e;
}

.focus\:to-orange-700:focus {
  --gradient-to-color: #cc3e1b;
}

.focus\:to-orange-800:focus {
  --gradient-to-color: #b33617;
}

.focus\:to-orange-900:focus {
  --gradient-to-color: #992f14;
}

.focus\:to-purple-100:focus {
  --gradient-to-color: #c861ff;
}

.focus\:to-purple-200:focus {
  --gradient-to-color: #c354ff;
}

.focus\:to-purple-300:focus {
  --gradient-to-color: #be49fc;
}

.focus\:to-purple-400:focus {
  --gradient-to-color: #ab42e3;
}

.focus\:to-purple-500:focus {
  --gradient-to-color: #983ac9;
}

.focus\:to-purple-600:focus {
  --gradient-to-color: #8433b0;
}

.focus\:to-purple-700:focus {
  --gradient-to-color: #712c96;
}

.focus\:to-purple-800:focus {
  --gradient-to-color: #5e247d;
}

.focus\:to-purple-900:focus {
  --gradient-to-color: #4b1d63;
}

.focus\:to-red-300:focus {
  --gradient-to-color: #ff6d69;
}

.focus\:to-red-500:focus {
  --gradient-to-color: #ff4540;
}

.focus\:to-red-700:focus {
  --gradient-to-color: #bf3929;
}

.focus\:to-teal-100:focus {
  --gradient-to-color: #8cfff9;
}

.focus\:to-teal-200:focus {
  --gradient-to-color: #66fff7;
}

.focus\:to-teal-300:focus {
  --gradient-to-color: #40fff5;
}

.focus\:to-teal-400:focus {
  --gradient-to-color: #35fcf2;
}

.focus\:to-teal-500:focus {
  --gradient-to-color: #30e3da;
}

.focus\:to-teal-600:focus {
  --gradient-to-color: #2ac9c1;
}

.focus\:to-teal-700:focus {
  --gradient-to-color: #25b0a9;
}

.focus\:to-teal-800:focus {
  --gradient-to-color: #209691;
}

.focus\:to-teal-900:focus {
  --gradient-to-color: #1a7d78;
}

.focus\:to-yellow-100:focus {
  --gradient-to-color: #ffe894;
}

.focus\:to-yellow-200:focus {
  --gradient-to-color: #ffe27a;
}

.focus\:to-yellow-300:focus {
  --gradient-to-color: #ffdd61;
}

.focus\:to-yellow-400:focus {
  --gradient-to-color: #ffd747;
}

.focus\:to-yellow-500:focus {
  --gradient-to-color: #fcce2f;
}

.focus\:to-yellow-600:focus {
  --gradient-to-color: #e3bb29;
}

.focus\:to-yellow-700:focus {
  --gradient-to-color: #c9a624;
}

.focus\:to-yellow-800:focus {
  --gradient-to-color: #b09120;
}

.focus\:to-yellow-900:focus {
  --gradient-to-color: #967c1b;
}

.focus\:to-facebook-400:focus {
  --gradient-to-color: #4a6dbc;
}

.focus\:to-facebook-500:focus {
  --gradient-to-color: #39579a;
}

.focus\:to-snapchat-400:focus {
  --gradient-to-color: #fffc00;
}

.focus\:to-snapchat-500:focus {
  --gradient-to-color: #39579a;
}

.focus\:to-messenger-400:focus {
  --gradient-to-color: #339dff;
}

.focus\:to-messenger-500:focus {
  --gradient-to-color: #0084ff;
}

.focus\:to-twitter-400:focus {
  --gradient-to-color: #21c2ff;
}

.focus\:to-twitter-500:focus {
  --gradient-to-color: #00aced;
}

.focus\:to-transparent-black-10:focus {
  --gradient-to-color: rgba(0,0,0,0.1);
}

.focus\:to-transparent-black-30:focus {
  --gradient-to-color: rgba(0,0,0,0.3);
}

.focus\:to-transparent-black-50:focus {
  --gradient-to-color: rgba(0,0,0,0.5);
}

.focus\:to-transparent-black-70:focus {
  --gradient-to-color: rgba(0,0,0,0.7);
}

.focus\:to-transparent-black-90:focus {
  --gradient-to-color: rgba(0,0,0,0.9);
}

.focus\:to-transparent-white-10:focus {
  --gradient-to-color: rgba(255,255,255,0.1);
}

.focus\:to-transparent-white-30:focus {
  --gradient-to-color: rgba(255,255,255,0.3);
}

.focus\:to-transparent-white-50:focus {
  --gradient-to-color: rgba(255,255,255,0.5);
}

.focus\:to-transparent-white-70:focus {
  --gradient-to-color: rgba(255,255,255,0.7);
}

.focus\:to-transparent-white-90:focus {
  --gradient-to-color: rgba(255,255,255,0.9);
}

.focus\:to-vr-dark-blue:focus {
  --gradient-to-color: #000047;
}

.focus\:to-vr-neon-green:focus {
  --gradient-to-color: #00ff75;
}

.bg-opacity-0 {
  --bg-opacity: 0;
}

.bg-opacity-25 {
  --bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bg-opacity: 1;
}

.hover\:bg-opacity-0:hover {
  --bg-opacity: 0;
}

.hover\:bg-opacity-25:hover {
  --bg-opacity: 0.25;
}

.hover\:bg-opacity-50:hover {
  --bg-opacity: 0.5;
}

.hover\:bg-opacity-75:hover {
  --bg-opacity: 0.75;
}

.hover\:bg-opacity-100:hover {
  --bg-opacity: 1;
}

.focus\:bg-opacity-0:focus {
  --bg-opacity: 0;
}

.focus\:bg-opacity-25:focus {
  --bg-opacity: 0.25;
}

.focus\:bg-opacity-50:focus {
  --bg-opacity: 0.5;
}

.focus\:bg-opacity-75:focus {
  --bg-opacity: 0.75;
}

.focus\:bg-opacity-100:focus {
  --bg-opacity: 1;
}

.bg-bottom {
  background-position: bottom;
}

.bg-center {
  background-position: center;
}

.bg-left {
  background-position: left;
}

.bg-left-bottom {
  background-position: left bottom;
}

.bg-left-top {
  background-position: left top;
}

.bg-right {
  background-position: right;
}

.bg-right-bottom {
  background-position: right bottom;
}

.bg-right-top {
  background-position: right top;
}

.bg-top {
  background-position: top;
}

.bg-repeat {
  background-repeat: repeat;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

.bg-repeat-round {
  background-repeat: round;
}

.bg-repeat-space {
  background-repeat: space;
}

.bg-auto {
  background-size: auto;
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.border-collapse {
  border-collapse: collapse;
}

.border-separate {
  border-collapse: separate;
}

.border-transparent {
  border-color: transparent;
}

.border-black {
  --border-opacity: 1;
  border-color: #000;
  border-color: rgba(0, 0, 0, var(--border-opacity));
}

.border-white {
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.border-gray-100 {
  --border-opacity: 1;
  border-color: #f7fafc;
  border-color: rgba(247, 250, 252, var(--border-opacity));
}

.border-gray-200 {
  --border-opacity: 1;
  border-color: #edf2f7;
  border-color: rgba(237, 242, 247, var(--border-opacity));
}

.border-gray-300 {
  --border-opacity: 1;
  border-color: #e2e8f0;
  border-color: rgba(226, 232, 240, var(--border-opacity));
}

.border-gray-400 {
  --border-opacity: 1;
  border-color: #cbd5e0;
  border-color: rgba(203, 213, 224, var(--border-opacity));
}

.border-gray-500 {
  --border-opacity: 1;
  border-color: #a0aec0;
  border-color: rgba(160, 174, 192, var(--border-opacity));
}

.border-gray-600 {
  --border-opacity: 1;
  border-color: #718096;
  border-color: rgba(113, 128, 150, var(--border-opacity));
}

.border-gray-700 {
  --border-opacity: 1;
  border-color: #4a5568;
  border-color: rgba(74, 85, 104, var(--border-opacity));
}

.border-gray-800 {
  --border-opacity: 1;
  border-color: #2d3748;
  border-color: rgba(45, 55, 72, var(--border-opacity));
}

.border-gray-900 {
  --border-opacity: 1;
  border-color: #1a202c;
  border-color: rgba(26, 32, 44, var(--border-opacity));
}

.border-blue-100 {
  --border-opacity: 1;
  border-color: #86dfff;
  border-color: rgba(134, 223, 255, var(--border-opacity));
}

.border-blue-200 {
  --border-opacity: 1;
  border-color: #6bd6ff;
  border-color: rgba(107, 214, 255, var(--border-opacity));
}

.border-blue-300 {
  --border-opacity: 1;
  border-color: #52ccff;
  border-color: rgba(82, 204, 255, var(--border-opacity));
}

.border-blue-400 {
  --border-opacity: 1;
  border-color: #3ac2ff;
  border-color: rgba(58, 194, 255, var(--border-opacity));
}

.border-blue-500 {
  --border-opacity: 1;
  border-color: #23b7fb;
  border-color: rgba(35, 183, 251, var(--border-opacity));
}

.border-blue-600 {
  --border-opacity: 1;
  border-color: #1a9adf;
  border-color: rgba(26, 154, 223, var(--border-opacity));
}

.border-blue-700 {
  --border-opacity: 1;
  border-color: #127fbf;
  border-color: rgba(18, 127, 191, var(--border-opacity));
}

.border-blue-800 {
  --border-opacity: 1;
  border-color: #0c659f;
  border-color: rgba(12, 101, 159, var(--border-opacity));
}

.border-blue-900 {
  --border-opacity: 1;
  border-color: #074c80;
  border-color: rgba(7, 76, 128, var(--border-opacity));
}

.border-blurple-100 {
  --border-opacity: 1;
  border-color: #938FDB;
  border-color: rgba(147, 143, 219, var(--border-opacity));
}

.border-blurple-200 {
  --border-opacity: 1;
  border-color: #7A75D0;
  border-color: rgba(122, 117, 208, var(--border-opacity));
}

.border-blurple-300 {
  --border-opacity: 1;
  border-color: #615BC4;
  border-color: rgba(97, 91, 196, var(--border-opacity));
}

.border-blurple-400 {
  --border-opacity: 1;
  border-color: #4943B7;
  border-color: rgba(73, 67, 183, var(--border-opacity));
}

.border-blurple-500 {
  --border-opacity: 1;
  border-color: #322baa;
  border-color: rgba(50, 43, 170, var(--border-opacity));
}

.border-blurple-700 {
  --border-opacity: 1;
  border-color: #1c1e84;
  border-color: rgba(28, 30, 132, var(--border-opacity));
}

.border-green-300 {
  --border-opacity: 1;
  border-color: #42d86f;
  border-color: rgba(66, 216, 111, var(--border-opacity));
}

.border-green-500 {
  --border-opacity: 1;
  border-color: #0cc242;
  border-color: rgba(12, 194, 66, var(--border-opacity));
}

.border-green-700 {
  --border-opacity: 1;
  border-color: #02983a;
  border-color: rgba(2, 152, 58, var(--border-opacity));
}

.border-orange-100 {
  --border-opacity: 1;
  border-color: #ff6e4a;
  border-color: rgba(255, 110, 74, var(--border-opacity));
}

.border-orange-200 {
  --border-opacity: 1;
  border-color: #ff6640;
  border-color: rgba(255, 102, 64, var(--border-opacity));
}

.border-orange-300 {
  --border-opacity: 1;
  border-color: #ff5e36;
  border-color: rgba(255, 94, 54, var(--border-opacity));
}

.border-orange-400 {
  --border-opacity: 1;
  border-color: #ff562b;
  border-color: rgba(255, 86, 43, var(--border-opacity));
}

.border-orange-500 {
  --border-opacity: 1;
  border-color: #ff4d22;
  border-color: rgba(255, 77, 34, var(--border-opacity));
}

.border-orange-600 {
  --border-opacity: 1;
  border-color: #e5461e;
  border-color: rgba(229, 70, 30, var(--border-opacity));
}

.border-orange-700 {
  --border-opacity: 1;
  border-color: #cc3e1b;
  border-color: rgba(204, 62, 27, var(--border-opacity));
}

.border-orange-800 {
  --border-opacity: 1;
  border-color: #b33617;
  border-color: rgba(179, 54, 23, var(--border-opacity));
}

.border-orange-900 {
  --border-opacity: 1;
  border-color: #992f14;
  border-color: rgba(153, 47, 20, var(--border-opacity));
}

.border-purple-100 {
  --border-opacity: 1;
  border-color: #c861ff;
  border-color: rgba(200, 97, 255, var(--border-opacity));
}

.border-purple-200 {
  --border-opacity: 1;
  border-color: #c354ff;
  border-color: rgba(195, 84, 255, var(--border-opacity));
}

.border-purple-300 {
  --border-opacity: 1;
  border-color: #be49fc;
  border-color: rgba(190, 73, 252, var(--border-opacity));
}

.border-purple-400 {
  --border-opacity: 1;
  border-color: #ab42e3;
  border-color: rgba(171, 66, 227, var(--border-opacity));
}

.border-purple-500 {
  --border-opacity: 1;
  border-color: #983ac9;
  border-color: rgba(152, 58, 201, var(--border-opacity));
}

.border-purple-600 {
  --border-opacity: 1;
  border-color: #8433b0;
  border-color: rgba(132, 51, 176, var(--border-opacity));
}

.border-purple-700 {
  --border-opacity: 1;
  border-color: #712c96;
  border-color: rgba(113, 44, 150, var(--border-opacity));
}

.border-purple-800 {
  --border-opacity: 1;
  border-color: #5e247d;
  border-color: rgba(94, 36, 125, var(--border-opacity));
}

.border-purple-900 {
  --border-opacity: 1;
  border-color: #4b1d63;
  border-color: rgba(75, 29, 99, var(--border-opacity));
}

.border-red-300 {
  --border-opacity: 1;
  border-color: #ff6d69;
  border-color: rgba(255, 109, 105, var(--border-opacity));
}

.border-red-500 {
  --border-opacity: 1;
  border-color: #ff4540;
  border-color: rgba(255, 69, 64, var(--border-opacity));
}

.border-red-700 {
  --border-opacity: 1;
  border-color: #bf3929;
  border-color: rgba(191, 57, 41, var(--border-opacity));
}

.border-teal-100 {
  --border-opacity: 1;
  border-color: #8cfff9;
  border-color: rgba(140, 255, 249, var(--border-opacity));
}

.border-teal-200 {
  --border-opacity: 1;
  border-color: #66fff7;
  border-color: rgba(102, 255, 247, var(--border-opacity));
}

.border-teal-300 {
  --border-opacity: 1;
  border-color: #40fff5;
  border-color: rgba(64, 255, 245, var(--border-opacity));
}

.border-teal-400 {
  --border-opacity: 1;
  border-color: #35fcf2;
  border-color: rgba(53, 252, 242, var(--border-opacity));
}

.border-teal-500 {
  --border-opacity: 1;
  border-color: #30e3da;
  border-color: rgba(48, 227, 218, var(--border-opacity));
}

.border-teal-600 {
  --border-opacity: 1;
  border-color: #2ac9c1;
  border-color: rgba(42, 201, 193, var(--border-opacity));
}

.border-teal-700 {
  --border-opacity: 1;
  border-color: #25b0a9;
  border-color: rgba(37, 176, 169, var(--border-opacity));
}

.border-teal-800 {
  --border-opacity: 1;
  border-color: #209691;
  border-color: rgba(32, 150, 145, var(--border-opacity));
}

.border-teal-900 {
  --border-opacity: 1;
  border-color: #1a7d78;
  border-color: rgba(26, 125, 120, var(--border-opacity));
}

.border-yellow-100 {
  --border-opacity: 1;
  border-color: #ffe894;
  border-color: rgba(255, 232, 148, var(--border-opacity));
}

.border-yellow-200 {
  --border-opacity: 1;
  border-color: #ffe27a;
  border-color: rgba(255, 226, 122, var(--border-opacity));
}

.border-yellow-300 {
  --border-opacity: 1;
  border-color: #ffdd61;
  border-color: rgba(255, 221, 97, var(--border-opacity));
}

.border-yellow-400 {
  --border-opacity: 1;
  border-color: #ffd747;
  border-color: rgba(255, 215, 71, var(--border-opacity));
}

.border-yellow-500 {
  --border-opacity: 1;
  border-color: #fcce2f;
  border-color: rgba(252, 206, 47, var(--border-opacity));
}

.border-yellow-600 {
  --border-opacity: 1;
  border-color: #e3bb29;
  border-color: rgba(227, 187, 41, var(--border-opacity));
}

.border-yellow-700 {
  --border-opacity: 1;
  border-color: #c9a624;
  border-color: rgba(201, 166, 36, var(--border-opacity));
}

.border-yellow-800 {
  --border-opacity: 1;
  border-color: #b09120;
  border-color: rgba(176, 145, 32, var(--border-opacity));
}

.border-yellow-900 {
  --border-opacity: 1;
  border-color: #967c1b;
  border-color: rgba(150, 124, 27, var(--border-opacity));
}

.border-facebook-400 {
  --border-opacity: 1;
  border-color: #4a6dbc;
  border-color: rgba(74, 109, 188, var(--border-opacity));
}

.border-facebook-500 {
  --border-opacity: 1;
  border-color: #39579a;
  border-color: rgba(57, 87, 154, var(--border-opacity));
}

.border-snapchat-400 {
  --border-opacity: 1;
  border-color: #fffc00;
  border-color: rgba(255, 252, 0, var(--border-opacity));
}

.border-snapchat-500 {
  --border-opacity: 1;
  border-color: #39579a;
  border-color: rgba(57, 87, 154, var(--border-opacity));
}

.border-messenger-400 {
  --border-opacity: 1;
  border-color: #339dff;
  border-color: rgba(51, 157, 255, var(--border-opacity));
}

.border-messenger-500 {
  --border-opacity: 1;
  border-color: #0084ff;
  border-color: rgba(0, 132, 255, var(--border-opacity));
}

.border-twitter-400 {
  --border-opacity: 1;
  border-color: #21c2ff;
  border-color: rgba(33, 194, 255, var(--border-opacity));
}

.border-twitter-500 {
  --border-opacity: 1;
  border-color: #00aced;
  border-color: rgba(0, 172, 237, var(--border-opacity));
}

.border-transparent-black-10 {
  border-color: rgba(0,0,0,0.1);
}

.border-transparent-black-30 {
  border-color: rgba(0,0,0,0.3);
}

.border-transparent-black-50 {
  border-color: rgba(0,0,0,0.5);
}

.border-transparent-black-70 {
  border-color: rgba(0,0,0,0.7);
}

.border-transparent-black-90 {
  border-color: rgba(0,0,0,0.9);
}

.border-transparent-white-10 {
  border-color: rgba(255,255,255,0.1);
}

.border-transparent-white-30 {
  border-color: rgba(255,255,255,0.3);
}

.border-transparent-white-50 {
  border-color: rgba(255,255,255,0.5);
}

.border-transparent-white-70 {
  border-color: rgba(255,255,255,0.7);
}

.border-transparent-white-90 {
  border-color: rgba(255,255,255,0.9);
}

.border-vr-dark-blue {
  --border-opacity: 1;
  border-color: #000047;
  border-color: rgba(0, 0, 71, var(--border-opacity));
}

.border-vr-neon-green {
  --border-opacity: 1;
  border-color: #00ff75;
  border-color: rgba(0, 255, 117, var(--border-opacity));
}

.active\:border-transparent:active {
  border-color: transparent;
}

.active\:border-black:active {
  --border-opacity: 1;
  border-color: #000;
  border-color: rgba(0, 0, 0, var(--border-opacity));
}

.active\:border-white:active {
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.active\:border-gray-100:active {
  --border-opacity: 1;
  border-color: #f7fafc;
  border-color: rgba(247, 250, 252, var(--border-opacity));
}

.active\:border-gray-200:active {
  --border-opacity: 1;
  border-color: #edf2f7;
  border-color: rgba(237, 242, 247, var(--border-opacity));
}

.active\:border-gray-300:active {
  --border-opacity: 1;
  border-color: #e2e8f0;
  border-color: rgba(226, 232, 240, var(--border-opacity));
}

.active\:border-gray-400:active {
  --border-opacity: 1;
  border-color: #cbd5e0;
  border-color: rgba(203, 213, 224, var(--border-opacity));
}

.active\:border-gray-500:active {
  --border-opacity: 1;
  border-color: #a0aec0;
  border-color: rgba(160, 174, 192, var(--border-opacity));
}

.active\:border-gray-600:active {
  --border-opacity: 1;
  border-color: #718096;
  border-color: rgba(113, 128, 150, var(--border-opacity));
}

.active\:border-gray-700:active {
  --border-opacity: 1;
  border-color: #4a5568;
  border-color: rgba(74, 85, 104, var(--border-opacity));
}

.active\:border-gray-800:active {
  --border-opacity: 1;
  border-color: #2d3748;
  border-color: rgba(45, 55, 72, var(--border-opacity));
}

.active\:border-gray-900:active {
  --border-opacity: 1;
  border-color: #1a202c;
  border-color: rgba(26, 32, 44, var(--border-opacity));
}

.active\:border-blue-100:active {
  --border-opacity: 1;
  border-color: #86dfff;
  border-color: rgba(134, 223, 255, var(--border-opacity));
}

.active\:border-blue-200:active {
  --border-opacity: 1;
  border-color: #6bd6ff;
  border-color: rgba(107, 214, 255, var(--border-opacity));
}

.active\:border-blue-300:active {
  --border-opacity: 1;
  border-color: #52ccff;
  border-color: rgba(82, 204, 255, var(--border-opacity));
}

.active\:border-blue-400:active {
  --border-opacity: 1;
  border-color: #3ac2ff;
  border-color: rgba(58, 194, 255, var(--border-opacity));
}

.active\:border-blue-500:active {
  --border-opacity: 1;
  border-color: #23b7fb;
  border-color: rgba(35, 183, 251, var(--border-opacity));
}

.active\:border-blue-600:active {
  --border-opacity: 1;
  border-color: #1a9adf;
  border-color: rgba(26, 154, 223, var(--border-opacity));
}

.active\:border-blue-700:active {
  --border-opacity: 1;
  border-color: #127fbf;
  border-color: rgba(18, 127, 191, var(--border-opacity));
}

.active\:border-blue-800:active {
  --border-opacity: 1;
  border-color: #0c659f;
  border-color: rgba(12, 101, 159, var(--border-opacity));
}

.active\:border-blue-900:active {
  --border-opacity: 1;
  border-color: #074c80;
  border-color: rgba(7, 76, 128, var(--border-opacity));
}

.active\:border-blurple-100:active {
  --border-opacity: 1;
  border-color: #938FDB;
  border-color: rgba(147, 143, 219, var(--border-opacity));
}

.active\:border-blurple-200:active {
  --border-opacity: 1;
  border-color: #7A75D0;
  border-color: rgba(122, 117, 208, var(--border-opacity));
}

.active\:border-blurple-300:active {
  --border-opacity: 1;
  border-color: #615BC4;
  border-color: rgba(97, 91, 196, var(--border-opacity));
}

.active\:border-blurple-400:active {
  --border-opacity: 1;
  border-color: #4943B7;
  border-color: rgba(73, 67, 183, var(--border-opacity));
}

.active\:border-blurple-500:active {
  --border-opacity: 1;
  border-color: #322baa;
  border-color: rgba(50, 43, 170, var(--border-opacity));
}

.active\:border-blurple-700:active {
  --border-opacity: 1;
  border-color: #1c1e84;
  border-color: rgba(28, 30, 132, var(--border-opacity));
}

.active\:border-green-300:active {
  --border-opacity: 1;
  border-color: #42d86f;
  border-color: rgba(66, 216, 111, var(--border-opacity));
}

.active\:border-green-500:active {
  --border-opacity: 1;
  border-color: #0cc242;
  border-color: rgba(12, 194, 66, var(--border-opacity));
}

.active\:border-green-700:active {
  --border-opacity: 1;
  border-color: #02983a;
  border-color: rgba(2, 152, 58, var(--border-opacity));
}

.active\:border-orange-100:active {
  --border-opacity: 1;
  border-color: #ff6e4a;
  border-color: rgba(255, 110, 74, var(--border-opacity));
}

.active\:border-orange-200:active {
  --border-opacity: 1;
  border-color: #ff6640;
  border-color: rgba(255, 102, 64, var(--border-opacity));
}

.active\:border-orange-300:active {
  --border-opacity: 1;
  border-color: #ff5e36;
  border-color: rgba(255, 94, 54, var(--border-opacity));
}

.active\:border-orange-400:active {
  --border-opacity: 1;
  border-color: #ff562b;
  border-color: rgba(255, 86, 43, var(--border-opacity));
}

.active\:border-orange-500:active {
  --border-opacity: 1;
  border-color: #ff4d22;
  border-color: rgba(255, 77, 34, var(--border-opacity));
}

.active\:border-orange-600:active {
  --border-opacity: 1;
  border-color: #e5461e;
  border-color: rgba(229, 70, 30, var(--border-opacity));
}

.active\:border-orange-700:active {
  --border-opacity: 1;
  border-color: #cc3e1b;
  border-color: rgba(204, 62, 27, var(--border-opacity));
}

.active\:border-orange-800:active {
  --border-opacity: 1;
  border-color: #b33617;
  border-color: rgba(179, 54, 23, var(--border-opacity));
}

.active\:border-orange-900:active {
  --border-opacity: 1;
  border-color: #992f14;
  border-color: rgba(153, 47, 20, var(--border-opacity));
}

.active\:border-purple-100:active {
  --border-opacity: 1;
  border-color: #c861ff;
  border-color: rgba(200, 97, 255, var(--border-opacity));
}

.active\:border-purple-200:active {
  --border-opacity: 1;
  border-color: #c354ff;
  border-color: rgba(195, 84, 255, var(--border-opacity));
}

.active\:border-purple-300:active {
  --border-opacity: 1;
  border-color: #be49fc;
  border-color: rgba(190, 73, 252, var(--border-opacity));
}

.active\:border-purple-400:active {
  --border-opacity: 1;
  border-color: #ab42e3;
  border-color: rgba(171, 66, 227, var(--border-opacity));
}

.active\:border-purple-500:active {
  --border-opacity: 1;
  border-color: #983ac9;
  border-color: rgba(152, 58, 201, var(--border-opacity));
}

.active\:border-purple-600:active {
  --border-opacity: 1;
  border-color: #8433b0;
  border-color: rgba(132, 51, 176, var(--border-opacity));
}

.active\:border-purple-700:active {
  --border-opacity: 1;
  border-color: #712c96;
  border-color: rgba(113, 44, 150, var(--border-opacity));
}

.active\:border-purple-800:active {
  --border-opacity: 1;
  border-color: #5e247d;
  border-color: rgba(94, 36, 125, var(--border-opacity));
}

.active\:border-purple-900:active {
  --border-opacity: 1;
  border-color: #4b1d63;
  border-color: rgba(75, 29, 99, var(--border-opacity));
}

.active\:border-red-300:active {
  --border-opacity: 1;
  border-color: #ff6d69;
  border-color: rgba(255, 109, 105, var(--border-opacity));
}

.active\:border-red-500:active {
  --border-opacity: 1;
  border-color: #ff4540;
  border-color: rgba(255, 69, 64, var(--border-opacity));
}

.active\:border-red-700:active {
  --border-opacity: 1;
  border-color: #bf3929;
  border-color: rgba(191, 57, 41, var(--border-opacity));
}

.active\:border-teal-100:active {
  --border-opacity: 1;
  border-color: #8cfff9;
  border-color: rgba(140, 255, 249, var(--border-opacity));
}

.active\:border-teal-200:active {
  --border-opacity: 1;
  border-color: #66fff7;
  border-color: rgba(102, 255, 247, var(--border-opacity));
}

.active\:border-teal-300:active {
  --border-opacity: 1;
  border-color: #40fff5;
  border-color: rgba(64, 255, 245, var(--border-opacity));
}

.active\:border-teal-400:active {
  --border-opacity: 1;
  border-color: #35fcf2;
  border-color: rgba(53, 252, 242, var(--border-opacity));
}

.active\:border-teal-500:active {
  --border-opacity: 1;
  border-color: #30e3da;
  border-color: rgba(48, 227, 218, var(--border-opacity));
}

.active\:border-teal-600:active {
  --border-opacity: 1;
  border-color: #2ac9c1;
  border-color: rgba(42, 201, 193, var(--border-opacity));
}

.active\:border-teal-700:active {
  --border-opacity: 1;
  border-color: #25b0a9;
  border-color: rgba(37, 176, 169, var(--border-opacity));
}

.active\:border-teal-800:active {
  --border-opacity: 1;
  border-color: #209691;
  border-color: rgba(32, 150, 145, var(--border-opacity));
}

.active\:border-teal-900:active {
  --border-opacity: 1;
  border-color: #1a7d78;
  border-color: rgba(26, 125, 120, var(--border-opacity));
}

.active\:border-yellow-100:active {
  --border-opacity: 1;
  border-color: #ffe894;
  border-color: rgba(255, 232, 148, var(--border-opacity));
}

.active\:border-yellow-200:active {
  --border-opacity: 1;
  border-color: #ffe27a;
  border-color: rgba(255, 226, 122, var(--border-opacity));
}

.active\:border-yellow-300:active {
  --border-opacity: 1;
  border-color: #ffdd61;
  border-color: rgba(255, 221, 97, var(--border-opacity));
}

.active\:border-yellow-400:active {
  --border-opacity: 1;
  border-color: #ffd747;
  border-color: rgba(255, 215, 71, var(--border-opacity));
}

.active\:border-yellow-500:active {
  --border-opacity: 1;
  border-color: #fcce2f;
  border-color: rgba(252, 206, 47, var(--border-opacity));
}

.active\:border-yellow-600:active {
  --border-opacity: 1;
  border-color: #e3bb29;
  border-color: rgba(227, 187, 41, var(--border-opacity));
}

.active\:border-yellow-700:active {
  --border-opacity: 1;
  border-color: #c9a624;
  border-color: rgba(201, 166, 36, var(--border-opacity));
}

.active\:border-yellow-800:active {
  --border-opacity: 1;
  border-color: #b09120;
  border-color: rgba(176, 145, 32, var(--border-opacity));
}

.active\:border-yellow-900:active {
  --border-opacity: 1;
  border-color: #967c1b;
  border-color: rgba(150, 124, 27, var(--border-opacity));
}

.active\:border-facebook-400:active {
  --border-opacity: 1;
  border-color: #4a6dbc;
  border-color: rgba(74, 109, 188, var(--border-opacity));
}

.active\:border-facebook-500:active {
  --border-opacity: 1;
  border-color: #39579a;
  border-color: rgba(57, 87, 154, var(--border-opacity));
}

.active\:border-snapchat-400:active {
  --border-opacity: 1;
  border-color: #fffc00;
  border-color: rgba(255, 252, 0, var(--border-opacity));
}

.active\:border-snapchat-500:active {
  --border-opacity: 1;
  border-color: #39579a;
  border-color: rgba(57, 87, 154, var(--border-opacity));
}

.active\:border-messenger-400:active {
  --border-opacity: 1;
  border-color: #339dff;
  border-color: rgba(51, 157, 255, var(--border-opacity));
}

.active\:border-messenger-500:active {
  --border-opacity: 1;
  border-color: #0084ff;
  border-color: rgba(0, 132, 255, var(--border-opacity));
}

.active\:border-twitter-400:active {
  --border-opacity: 1;
  border-color: #21c2ff;
  border-color: rgba(33, 194, 255, var(--border-opacity));
}

.active\:border-twitter-500:active {
  --border-opacity: 1;
  border-color: #00aced;
  border-color: rgba(0, 172, 237, var(--border-opacity));
}

.active\:border-transparent-black-10:active {
  border-color: rgba(0,0,0,0.1);
}

.active\:border-transparent-black-30:active {
  border-color: rgba(0,0,0,0.3);
}

.active\:border-transparent-black-50:active {
  border-color: rgba(0,0,0,0.5);
}

.active\:border-transparent-black-70:active {
  border-color: rgba(0,0,0,0.7);
}

.active\:border-transparent-black-90:active {
  border-color: rgba(0,0,0,0.9);
}

.active\:border-transparent-white-10:active {
  border-color: rgba(255,255,255,0.1);
}

.active\:border-transparent-white-30:active {
  border-color: rgba(255,255,255,0.3);
}

.active\:border-transparent-white-50:active {
  border-color: rgba(255,255,255,0.5);
}

.active\:border-transparent-white-70:active {
  border-color: rgba(255,255,255,0.7);
}

.active\:border-transparent-white-90:active {
  border-color: rgba(255,255,255,0.9);
}

.active\:border-vr-dark-blue:active {
  --border-opacity: 1;
  border-color: #000047;
  border-color: rgba(0, 0, 71, var(--border-opacity));
}

.active\:border-vr-neon-green:active {
  --border-opacity: 1;
  border-color: #00ff75;
  border-color: rgba(0, 255, 117, var(--border-opacity));
}

.hover\:border-transparent:hover {
  border-color: transparent;
}

.hover\:border-black:hover {
  --border-opacity: 1;
  border-color: #000;
  border-color: rgba(0, 0, 0, var(--border-opacity));
}

.hover\:border-white:hover {
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.hover\:border-gray-100:hover {
  --border-opacity: 1;
  border-color: #f7fafc;
  border-color: rgba(247, 250, 252, var(--border-opacity));
}

.hover\:border-gray-200:hover {
  --border-opacity: 1;
  border-color: #edf2f7;
  border-color: rgba(237, 242, 247, var(--border-opacity));
}

.hover\:border-gray-300:hover {
  --border-opacity: 1;
  border-color: #e2e8f0;
  border-color: rgba(226, 232, 240, var(--border-opacity));
}

.hover\:border-gray-400:hover {
  --border-opacity: 1;
  border-color: #cbd5e0;
  border-color: rgba(203, 213, 224, var(--border-opacity));
}

.hover\:border-gray-500:hover {
  --border-opacity: 1;
  border-color: #a0aec0;
  border-color: rgba(160, 174, 192, var(--border-opacity));
}

.hover\:border-gray-600:hover {
  --border-opacity: 1;
  border-color: #718096;
  border-color: rgba(113, 128, 150, var(--border-opacity));
}

.hover\:border-gray-700:hover {
  --border-opacity: 1;
  border-color: #4a5568;
  border-color: rgba(74, 85, 104, var(--border-opacity));
}

.hover\:border-gray-800:hover {
  --border-opacity: 1;
  border-color: #2d3748;
  border-color: rgba(45, 55, 72, var(--border-opacity));
}

.hover\:border-gray-900:hover {
  --border-opacity: 1;
  border-color: #1a202c;
  border-color: rgba(26, 32, 44, var(--border-opacity));
}

.hover\:border-blue-100:hover {
  --border-opacity: 1;
  border-color: #86dfff;
  border-color: rgba(134, 223, 255, var(--border-opacity));
}

.hover\:border-blue-200:hover {
  --border-opacity: 1;
  border-color: #6bd6ff;
  border-color: rgba(107, 214, 255, var(--border-opacity));
}

.hover\:border-blue-300:hover {
  --border-opacity: 1;
  border-color: #52ccff;
  border-color: rgba(82, 204, 255, var(--border-opacity));
}

.hover\:border-blue-400:hover {
  --border-opacity: 1;
  border-color: #3ac2ff;
  border-color: rgba(58, 194, 255, var(--border-opacity));
}

.hover\:border-blue-500:hover {
  --border-opacity: 1;
  border-color: #23b7fb;
  border-color: rgba(35, 183, 251, var(--border-opacity));
}

.hover\:border-blue-600:hover {
  --border-opacity: 1;
  border-color: #1a9adf;
  border-color: rgba(26, 154, 223, var(--border-opacity));
}

.hover\:border-blue-700:hover {
  --border-opacity: 1;
  border-color: #127fbf;
  border-color: rgba(18, 127, 191, var(--border-opacity));
}

.hover\:border-blue-800:hover {
  --border-opacity: 1;
  border-color: #0c659f;
  border-color: rgba(12, 101, 159, var(--border-opacity));
}

.hover\:border-blue-900:hover {
  --border-opacity: 1;
  border-color: #074c80;
  border-color: rgba(7, 76, 128, var(--border-opacity));
}

.hover\:border-blurple-100:hover {
  --border-opacity: 1;
  border-color: #938FDB;
  border-color: rgba(147, 143, 219, var(--border-opacity));
}

.hover\:border-blurple-200:hover {
  --border-opacity: 1;
  border-color: #7A75D0;
  border-color: rgba(122, 117, 208, var(--border-opacity));
}

.hover\:border-blurple-300:hover {
  --border-opacity: 1;
  border-color: #615BC4;
  border-color: rgba(97, 91, 196, var(--border-opacity));
}

.hover\:border-blurple-400:hover {
  --border-opacity: 1;
  border-color: #4943B7;
  border-color: rgba(73, 67, 183, var(--border-opacity));
}

.hover\:border-blurple-500:hover {
  --border-opacity: 1;
  border-color: #322baa;
  border-color: rgba(50, 43, 170, var(--border-opacity));
}

.hover\:border-blurple-700:hover {
  --border-opacity: 1;
  border-color: #1c1e84;
  border-color: rgba(28, 30, 132, var(--border-opacity));
}

.hover\:border-green-300:hover {
  --border-opacity: 1;
  border-color: #42d86f;
  border-color: rgba(66, 216, 111, var(--border-opacity));
}

.hover\:border-green-500:hover {
  --border-opacity: 1;
  border-color: #0cc242;
  border-color: rgba(12, 194, 66, var(--border-opacity));
}

.hover\:border-green-700:hover {
  --border-opacity: 1;
  border-color: #02983a;
  border-color: rgba(2, 152, 58, var(--border-opacity));
}

.hover\:border-orange-100:hover {
  --border-opacity: 1;
  border-color: #ff6e4a;
  border-color: rgba(255, 110, 74, var(--border-opacity));
}

.hover\:border-orange-200:hover {
  --border-opacity: 1;
  border-color: #ff6640;
  border-color: rgba(255, 102, 64, var(--border-opacity));
}

.hover\:border-orange-300:hover {
  --border-opacity: 1;
  border-color: #ff5e36;
  border-color: rgba(255, 94, 54, var(--border-opacity));
}

.hover\:border-orange-400:hover {
  --border-opacity: 1;
  border-color: #ff562b;
  border-color: rgba(255, 86, 43, var(--border-opacity));
}

.hover\:border-orange-500:hover {
  --border-opacity: 1;
  border-color: #ff4d22;
  border-color: rgba(255, 77, 34, var(--border-opacity));
}

.hover\:border-orange-600:hover {
  --border-opacity: 1;
  border-color: #e5461e;
  border-color: rgba(229, 70, 30, var(--border-opacity));
}

.hover\:border-orange-700:hover {
  --border-opacity: 1;
  border-color: #cc3e1b;
  border-color: rgba(204, 62, 27, var(--border-opacity));
}

.hover\:border-orange-800:hover {
  --border-opacity: 1;
  border-color: #b33617;
  border-color: rgba(179, 54, 23, var(--border-opacity));
}

.hover\:border-orange-900:hover {
  --border-opacity: 1;
  border-color: #992f14;
  border-color: rgba(153, 47, 20, var(--border-opacity));
}

.hover\:border-purple-100:hover {
  --border-opacity: 1;
  border-color: #c861ff;
  border-color: rgba(200, 97, 255, var(--border-opacity));
}

.hover\:border-purple-200:hover {
  --border-opacity: 1;
  border-color: #c354ff;
  border-color: rgba(195, 84, 255, var(--border-opacity));
}

.hover\:border-purple-300:hover {
  --border-opacity: 1;
  border-color: #be49fc;
  border-color: rgba(190, 73, 252, var(--border-opacity));
}

.hover\:border-purple-400:hover {
  --border-opacity: 1;
  border-color: #ab42e3;
  border-color: rgba(171, 66, 227, var(--border-opacity));
}

.hover\:border-purple-500:hover {
  --border-opacity: 1;
  border-color: #983ac9;
  border-color: rgba(152, 58, 201, var(--border-opacity));
}

.hover\:border-purple-600:hover {
  --border-opacity: 1;
  border-color: #8433b0;
  border-color: rgba(132, 51, 176, var(--border-opacity));
}

.hover\:border-purple-700:hover {
  --border-opacity: 1;
  border-color: #712c96;
  border-color: rgba(113, 44, 150, var(--border-opacity));
}

.hover\:border-purple-800:hover {
  --border-opacity: 1;
  border-color: #5e247d;
  border-color: rgba(94, 36, 125, var(--border-opacity));
}

.hover\:border-purple-900:hover {
  --border-opacity: 1;
  border-color: #4b1d63;
  border-color: rgba(75, 29, 99, var(--border-opacity));
}

.hover\:border-red-300:hover {
  --border-opacity: 1;
  border-color: #ff6d69;
  border-color: rgba(255, 109, 105, var(--border-opacity));
}

.hover\:border-red-500:hover {
  --border-opacity: 1;
  border-color: #ff4540;
  border-color: rgba(255, 69, 64, var(--border-opacity));
}

.hover\:border-red-700:hover {
  --border-opacity: 1;
  border-color: #bf3929;
  border-color: rgba(191, 57, 41, var(--border-opacity));
}

.hover\:border-teal-100:hover {
  --border-opacity: 1;
  border-color: #8cfff9;
  border-color: rgba(140, 255, 249, var(--border-opacity));
}

.hover\:border-teal-200:hover {
  --border-opacity: 1;
  border-color: #66fff7;
  border-color: rgba(102, 255, 247, var(--border-opacity));
}

.hover\:border-teal-300:hover {
  --border-opacity: 1;
  border-color: #40fff5;
  border-color: rgba(64, 255, 245, var(--border-opacity));
}

.hover\:border-teal-400:hover {
  --border-opacity: 1;
  border-color: #35fcf2;
  border-color: rgba(53, 252, 242, var(--border-opacity));
}

.hover\:border-teal-500:hover {
  --border-opacity: 1;
  border-color: #30e3da;
  border-color: rgba(48, 227, 218, var(--border-opacity));
}

.hover\:border-teal-600:hover {
  --border-opacity: 1;
  border-color: #2ac9c1;
  border-color: rgba(42, 201, 193, var(--border-opacity));
}

.hover\:border-teal-700:hover {
  --border-opacity: 1;
  border-color: #25b0a9;
  border-color: rgba(37, 176, 169, var(--border-opacity));
}

.hover\:border-teal-800:hover {
  --border-opacity: 1;
  border-color: #209691;
  border-color: rgba(32, 150, 145, var(--border-opacity));
}

.hover\:border-teal-900:hover {
  --border-opacity: 1;
  border-color: #1a7d78;
  border-color: rgba(26, 125, 120, var(--border-opacity));
}

.hover\:border-yellow-100:hover {
  --border-opacity: 1;
  border-color: #ffe894;
  border-color: rgba(255, 232, 148, var(--border-opacity));
}

.hover\:border-yellow-200:hover {
  --border-opacity: 1;
  border-color: #ffe27a;
  border-color: rgba(255, 226, 122, var(--border-opacity));
}

.hover\:border-yellow-300:hover {
  --border-opacity: 1;
  border-color: #ffdd61;
  border-color: rgba(255, 221, 97, var(--border-opacity));
}

.hover\:border-yellow-400:hover {
  --border-opacity: 1;
  border-color: #ffd747;
  border-color: rgba(255, 215, 71, var(--border-opacity));
}

.hover\:border-yellow-500:hover {
  --border-opacity: 1;
  border-color: #fcce2f;
  border-color: rgba(252, 206, 47, var(--border-opacity));
}

.hover\:border-yellow-600:hover {
  --border-opacity: 1;
  border-color: #e3bb29;
  border-color: rgba(227, 187, 41, var(--border-opacity));
}

.hover\:border-yellow-700:hover {
  --border-opacity: 1;
  border-color: #c9a624;
  border-color: rgba(201, 166, 36, var(--border-opacity));
}

.hover\:border-yellow-800:hover {
  --border-opacity: 1;
  border-color: #b09120;
  border-color: rgba(176, 145, 32, var(--border-opacity));
}

.hover\:border-yellow-900:hover {
  --border-opacity: 1;
  border-color: #967c1b;
  border-color: rgba(150, 124, 27, var(--border-opacity));
}

.hover\:border-facebook-400:hover {
  --border-opacity: 1;
  border-color: #4a6dbc;
  border-color: rgba(74, 109, 188, var(--border-opacity));
}

.hover\:border-facebook-500:hover {
  --border-opacity: 1;
  border-color: #39579a;
  border-color: rgba(57, 87, 154, var(--border-opacity));
}

.hover\:border-snapchat-400:hover {
  --border-opacity: 1;
  border-color: #fffc00;
  border-color: rgba(255, 252, 0, var(--border-opacity));
}

.hover\:border-snapchat-500:hover {
  --border-opacity: 1;
  border-color: #39579a;
  border-color: rgba(57, 87, 154, var(--border-opacity));
}

.hover\:border-messenger-400:hover {
  --border-opacity: 1;
  border-color: #339dff;
  border-color: rgba(51, 157, 255, var(--border-opacity));
}

.hover\:border-messenger-500:hover {
  --border-opacity: 1;
  border-color: #0084ff;
  border-color: rgba(0, 132, 255, var(--border-opacity));
}

.hover\:border-twitter-400:hover {
  --border-opacity: 1;
  border-color: #21c2ff;
  border-color: rgba(33, 194, 255, var(--border-opacity));
}

.hover\:border-twitter-500:hover {
  --border-opacity: 1;
  border-color: #00aced;
  border-color: rgba(0, 172, 237, var(--border-opacity));
}

.hover\:border-transparent-black-10:hover {
  border-color: rgba(0,0,0,0.1);
}

.hover\:border-transparent-black-30:hover {
  border-color: rgba(0,0,0,0.3);
}

.hover\:border-transparent-black-50:hover {
  border-color: rgba(0,0,0,0.5);
}

.hover\:border-transparent-black-70:hover {
  border-color: rgba(0,0,0,0.7);
}

.hover\:border-transparent-black-90:hover {
  border-color: rgba(0,0,0,0.9);
}

.hover\:border-transparent-white-10:hover {
  border-color: rgba(255,255,255,0.1);
}

.hover\:border-transparent-white-30:hover {
  border-color: rgba(255,255,255,0.3);
}

.hover\:border-transparent-white-50:hover {
  border-color: rgba(255,255,255,0.5);
}

.hover\:border-transparent-white-70:hover {
  border-color: rgba(255,255,255,0.7);
}

.hover\:border-transparent-white-90:hover {
  border-color: rgba(255,255,255,0.9);
}

.hover\:border-vr-dark-blue:hover {
  --border-opacity: 1;
  border-color: #000047;
  border-color: rgba(0, 0, 71, var(--border-opacity));
}

.hover\:border-vr-neon-green:hover {
  --border-opacity: 1;
  border-color: #00ff75;
  border-color: rgba(0, 255, 117, var(--border-opacity));
}

.focus\:border-transparent:focus {
  border-color: transparent;
}

.focus\:border-black:focus {
  --border-opacity: 1;
  border-color: #000;
  border-color: rgba(0, 0, 0, var(--border-opacity));
}

.focus\:border-white:focus {
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.focus\:border-gray-100:focus {
  --border-opacity: 1;
  border-color: #f7fafc;
  border-color: rgba(247, 250, 252, var(--border-opacity));
}

.focus\:border-gray-200:focus {
  --border-opacity: 1;
  border-color: #edf2f7;
  border-color: rgba(237, 242, 247, var(--border-opacity));
}

.focus\:border-gray-300:focus {
  --border-opacity: 1;
  border-color: #e2e8f0;
  border-color: rgba(226, 232, 240, var(--border-opacity));
}

.focus\:border-gray-400:focus {
  --border-opacity: 1;
  border-color: #cbd5e0;
  border-color: rgba(203, 213, 224, var(--border-opacity));
}

.focus\:border-gray-500:focus {
  --border-opacity: 1;
  border-color: #a0aec0;
  border-color: rgba(160, 174, 192, var(--border-opacity));
}

.focus\:border-gray-600:focus {
  --border-opacity: 1;
  border-color: #718096;
  border-color: rgba(113, 128, 150, var(--border-opacity));
}

.focus\:border-gray-700:focus {
  --border-opacity: 1;
  border-color: #4a5568;
  border-color: rgba(74, 85, 104, var(--border-opacity));
}

.focus\:border-gray-800:focus {
  --border-opacity: 1;
  border-color: #2d3748;
  border-color: rgba(45, 55, 72, var(--border-opacity));
}

.focus\:border-gray-900:focus {
  --border-opacity: 1;
  border-color: #1a202c;
  border-color: rgba(26, 32, 44, var(--border-opacity));
}

.focus\:border-blue-100:focus {
  --border-opacity: 1;
  border-color: #86dfff;
  border-color: rgba(134, 223, 255, var(--border-opacity));
}

.focus\:border-blue-200:focus {
  --border-opacity: 1;
  border-color: #6bd6ff;
  border-color: rgba(107, 214, 255, var(--border-opacity));
}

.focus\:border-blue-300:focus {
  --border-opacity: 1;
  border-color: #52ccff;
  border-color: rgba(82, 204, 255, var(--border-opacity));
}

.focus\:border-blue-400:focus {
  --border-opacity: 1;
  border-color: #3ac2ff;
  border-color: rgba(58, 194, 255, var(--border-opacity));
}

.focus\:border-blue-500:focus {
  --border-opacity: 1;
  border-color: #23b7fb;
  border-color: rgba(35, 183, 251, var(--border-opacity));
}

.focus\:border-blue-600:focus {
  --border-opacity: 1;
  border-color: #1a9adf;
  border-color: rgba(26, 154, 223, var(--border-opacity));
}

.focus\:border-blue-700:focus {
  --border-opacity: 1;
  border-color: #127fbf;
  border-color: rgba(18, 127, 191, var(--border-opacity));
}

.focus\:border-blue-800:focus {
  --border-opacity: 1;
  border-color: #0c659f;
  border-color: rgba(12, 101, 159, var(--border-opacity));
}

.focus\:border-blue-900:focus {
  --border-opacity: 1;
  border-color: #074c80;
  border-color: rgba(7, 76, 128, var(--border-opacity));
}

.focus\:border-blurple-100:focus {
  --border-opacity: 1;
  border-color: #938FDB;
  border-color: rgba(147, 143, 219, var(--border-opacity));
}

.focus\:border-blurple-200:focus {
  --border-opacity: 1;
  border-color: #7A75D0;
  border-color: rgba(122, 117, 208, var(--border-opacity));
}

.focus\:border-blurple-300:focus {
  --border-opacity: 1;
  border-color: #615BC4;
  border-color: rgba(97, 91, 196, var(--border-opacity));
}

.focus\:border-blurple-400:focus {
  --border-opacity: 1;
  border-color: #4943B7;
  border-color: rgba(73, 67, 183, var(--border-opacity));
}

.focus\:border-blurple-500:focus {
  --border-opacity: 1;
  border-color: #322baa;
  border-color: rgba(50, 43, 170, var(--border-opacity));
}

.focus\:border-blurple-700:focus {
  --border-opacity: 1;
  border-color: #1c1e84;
  border-color: rgba(28, 30, 132, var(--border-opacity));
}

.focus\:border-green-300:focus {
  --border-opacity: 1;
  border-color: #42d86f;
  border-color: rgba(66, 216, 111, var(--border-opacity));
}

.focus\:border-green-500:focus {
  --border-opacity: 1;
  border-color: #0cc242;
  border-color: rgba(12, 194, 66, var(--border-opacity));
}

.focus\:border-green-700:focus {
  --border-opacity: 1;
  border-color: #02983a;
  border-color: rgba(2, 152, 58, var(--border-opacity));
}

.focus\:border-orange-100:focus {
  --border-opacity: 1;
  border-color: #ff6e4a;
  border-color: rgba(255, 110, 74, var(--border-opacity));
}

.focus\:border-orange-200:focus {
  --border-opacity: 1;
  border-color: #ff6640;
  border-color: rgba(255, 102, 64, var(--border-opacity));
}

.focus\:border-orange-300:focus {
  --border-opacity: 1;
  border-color: #ff5e36;
  border-color: rgba(255, 94, 54, var(--border-opacity));
}

.focus\:border-orange-400:focus {
  --border-opacity: 1;
  border-color: #ff562b;
  border-color: rgba(255, 86, 43, var(--border-opacity));
}

.focus\:border-orange-500:focus {
  --border-opacity: 1;
  border-color: #ff4d22;
  border-color: rgba(255, 77, 34, var(--border-opacity));
}

.focus\:border-orange-600:focus {
  --border-opacity: 1;
  border-color: #e5461e;
  border-color: rgba(229, 70, 30, var(--border-opacity));
}

.focus\:border-orange-700:focus {
  --border-opacity: 1;
  border-color: #cc3e1b;
  border-color: rgba(204, 62, 27, var(--border-opacity));
}

.focus\:border-orange-800:focus {
  --border-opacity: 1;
  border-color: #b33617;
  border-color: rgba(179, 54, 23, var(--border-opacity));
}

.focus\:border-orange-900:focus {
  --border-opacity: 1;
  border-color: #992f14;
  border-color: rgba(153, 47, 20, var(--border-opacity));
}

.focus\:border-purple-100:focus {
  --border-opacity: 1;
  border-color: #c861ff;
  border-color: rgba(200, 97, 255, var(--border-opacity));
}

.focus\:border-purple-200:focus {
  --border-opacity: 1;
  border-color: #c354ff;
  border-color: rgba(195, 84, 255, var(--border-opacity));
}

.focus\:border-purple-300:focus {
  --border-opacity: 1;
  border-color: #be49fc;
  border-color: rgba(190, 73, 252, var(--border-opacity));
}

.focus\:border-purple-400:focus {
  --border-opacity: 1;
  border-color: #ab42e3;
  border-color: rgba(171, 66, 227, var(--border-opacity));
}

.focus\:border-purple-500:focus {
  --border-opacity: 1;
  border-color: #983ac9;
  border-color: rgba(152, 58, 201, var(--border-opacity));
}

.focus\:border-purple-600:focus {
  --border-opacity: 1;
  border-color: #8433b0;
  border-color: rgba(132, 51, 176, var(--border-opacity));
}

.focus\:border-purple-700:focus {
  --border-opacity: 1;
  border-color: #712c96;
  border-color: rgba(113, 44, 150, var(--border-opacity));
}

.focus\:border-purple-800:focus {
  --border-opacity: 1;
  border-color: #5e247d;
  border-color: rgba(94, 36, 125, var(--border-opacity));
}

.focus\:border-purple-900:focus {
  --border-opacity: 1;
  border-color: #4b1d63;
  border-color: rgba(75, 29, 99, var(--border-opacity));
}

.focus\:border-red-300:focus {
  --border-opacity: 1;
  border-color: #ff6d69;
  border-color: rgba(255, 109, 105, var(--border-opacity));
}

.focus\:border-red-500:focus {
  --border-opacity: 1;
  border-color: #ff4540;
  border-color: rgba(255, 69, 64, var(--border-opacity));
}

.focus\:border-red-700:focus {
  --border-opacity: 1;
  border-color: #bf3929;
  border-color: rgba(191, 57, 41, var(--border-opacity));
}

.focus\:border-teal-100:focus {
  --border-opacity: 1;
  border-color: #8cfff9;
  border-color: rgba(140, 255, 249, var(--border-opacity));
}

.focus\:border-teal-200:focus {
  --border-opacity: 1;
  border-color: #66fff7;
  border-color: rgba(102, 255, 247, var(--border-opacity));
}

.focus\:border-teal-300:focus {
  --border-opacity: 1;
  border-color: #40fff5;
  border-color: rgba(64, 255, 245, var(--border-opacity));
}

.focus\:border-teal-400:focus {
  --border-opacity: 1;
  border-color: #35fcf2;
  border-color: rgba(53, 252, 242, var(--border-opacity));
}

.focus\:border-teal-500:focus {
  --border-opacity: 1;
  border-color: #30e3da;
  border-color: rgba(48, 227, 218, var(--border-opacity));
}

.focus\:border-teal-600:focus {
  --border-opacity: 1;
  border-color: #2ac9c1;
  border-color: rgba(42, 201, 193, var(--border-opacity));
}

.focus\:border-teal-700:focus {
  --border-opacity: 1;
  border-color: #25b0a9;
  border-color: rgba(37, 176, 169, var(--border-opacity));
}

.focus\:border-teal-800:focus {
  --border-opacity: 1;
  border-color: #209691;
  border-color: rgba(32, 150, 145, var(--border-opacity));
}

.focus\:border-teal-900:focus {
  --border-opacity: 1;
  border-color: #1a7d78;
  border-color: rgba(26, 125, 120, var(--border-opacity));
}

.focus\:border-yellow-100:focus {
  --border-opacity: 1;
  border-color: #ffe894;
  border-color: rgba(255, 232, 148, var(--border-opacity));
}

.focus\:border-yellow-200:focus {
  --border-opacity: 1;
  border-color: #ffe27a;
  border-color: rgba(255, 226, 122, var(--border-opacity));
}

.focus\:border-yellow-300:focus {
  --border-opacity: 1;
  border-color: #ffdd61;
  border-color: rgba(255, 221, 97, var(--border-opacity));
}

.focus\:border-yellow-400:focus {
  --border-opacity: 1;
  border-color: #ffd747;
  border-color: rgba(255, 215, 71, var(--border-opacity));
}

.focus\:border-yellow-500:focus {
  --border-opacity: 1;
  border-color: #fcce2f;
  border-color: rgba(252, 206, 47, var(--border-opacity));
}

.focus\:border-yellow-600:focus {
  --border-opacity: 1;
  border-color: #e3bb29;
  border-color: rgba(227, 187, 41, var(--border-opacity));
}

.focus\:border-yellow-700:focus {
  --border-opacity: 1;
  border-color: #c9a624;
  border-color: rgba(201, 166, 36, var(--border-opacity));
}

.focus\:border-yellow-800:focus {
  --border-opacity: 1;
  border-color: #b09120;
  border-color: rgba(176, 145, 32, var(--border-opacity));
}

.focus\:border-yellow-900:focus {
  --border-opacity: 1;
  border-color: #967c1b;
  border-color: rgba(150, 124, 27, var(--border-opacity));
}

.focus\:border-facebook-400:focus {
  --border-opacity: 1;
  border-color: #4a6dbc;
  border-color: rgba(74, 109, 188, var(--border-opacity));
}

.focus\:border-facebook-500:focus {
  --border-opacity: 1;
  border-color: #39579a;
  border-color: rgba(57, 87, 154, var(--border-opacity));
}

.focus\:border-snapchat-400:focus {
  --border-opacity: 1;
  border-color: #fffc00;
  border-color: rgba(255, 252, 0, var(--border-opacity));
}

.focus\:border-snapchat-500:focus {
  --border-opacity: 1;
  border-color: #39579a;
  border-color: rgba(57, 87, 154, var(--border-opacity));
}

.focus\:border-messenger-400:focus {
  --border-opacity: 1;
  border-color: #339dff;
  border-color: rgba(51, 157, 255, var(--border-opacity));
}

.focus\:border-messenger-500:focus {
  --border-opacity: 1;
  border-color: #0084ff;
  border-color: rgba(0, 132, 255, var(--border-opacity));
}

.focus\:border-twitter-400:focus {
  --border-opacity: 1;
  border-color: #21c2ff;
  border-color: rgba(33, 194, 255, var(--border-opacity));
}

.focus\:border-twitter-500:focus {
  --border-opacity: 1;
  border-color: #00aced;
  border-color: rgba(0, 172, 237, var(--border-opacity));
}

.focus\:border-transparent-black-10:focus {
  border-color: rgba(0,0,0,0.1);
}

.focus\:border-transparent-black-30:focus {
  border-color: rgba(0,0,0,0.3);
}

.focus\:border-transparent-black-50:focus {
  border-color: rgba(0,0,0,0.5);
}

.focus\:border-transparent-black-70:focus {
  border-color: rgba(0,0,0,0.7);
}

.focus\:border-transparent-black-90:focus {
  border-color: rgba(0,0,0,0.9);
}

.focus\:border-transparent-white-10:focus {
  border-color: rgba(255,255,255,0.1);
}

.focus\:border-transparent-white-30:focus {
  border-color: rgba(255,255,255,0.3);
}

.focus\:border-transparent-white-50:focus {
  border-color: rgba(255,255,255,0.5);
}

.focus\:border-transparent-white-70:focus {
  border-color: rgba(255,255,255,0.7);
}

.focus\:border-transparent-white-90:focus {
  border-color: rgba(255,255,255,0.9);
}

.focus\:border-vr-dark-blue:focus {
  --border-opacity: 1;
  border-color: #000047;
  border-color: rgba(0, 0, 71, var(--border-opacity));
}

.focus\:border-vr-neon-green:focus {
  --border-opacity: 1;
  border-color: #00ff75;
  border-color: rgba(0, 255, 117, var(--border-opacity));
}

.border-opacity-0 {
  --border-opacity: 0;
}

.border-opacity-25 {
  --border-opacity: 0.25;
}

.border-opacity-50 {
  --border-opacity: 0.5;
}

.border-opacity-75 {
  --border-opacity: 0.75;
}

.border-opacity-100 {
  --border-opacity: 1;
}

.hover\:border-opacity-0:hover {
  --border-opacity: 0;
}

.hover\:border-opacity-25:hover {
  --border-opacity: 0.25;
}

.hover\:border-opacity-50:hover {
  --border-opacity: 0.5;
}

.hover\:border-opacity-75:hover {
  --border-opacity: 0.75;
}

.hover\:border-opacity-100:hover {
  --border-opacity: 1;
}

.focus\:border-opacity-0:focus {
  --border-opacity: 0;
}

.focus\:border-opacity-25:focus {
  --border-opacity: 0.25;
}

.focus\:border-opacity-50:focus {
  --border-opacity: 0.5;
}

.focus\:border-opacity-75:focus {
  --border-opacity: 0.75;
}

.focus\:border-opacity-100:focus {
  --border-opacity: 1;
}

.rounded-none {
  border-radius: 0;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-t-sm {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.rounded-r-sm {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.rounded-b-sm {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.rounded-l-sm {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded-b-md {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-l-md {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.rounded-r-xl {
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.rounded-b-xl {
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-l-xl {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-r-2xl {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.rounded-b-2xl {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-l-2xl {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}

.rounded-r-3xl {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}

.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.rounded-l-3xl {
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-tl-none {
  border-top-left-radius: 0;
}

.rounded-tr-none {
  border-top-right-radius: 0;
}

.rounded-br-none {
  border-bottom-right-radius: 0;
}

.rounded-bl-none {
  border-bottom-left-radius: 0;
}

.rounded-tl-sm {
  border-top-left-radius: 0.125rem;
}

.rounded-tr-sm {
  border-top-right-radius: 0.125rem;
}

.rounded-br-sm {
  border-bottom-right-radius: 0.125rem;
}

.rounded-bl-sm {
  border-bottom-left-radius: 0.125rem;
}

.rounded-tl {
  border-top-left-radius: 0.25rem;
}

.rounded-tr {
  border-top-right-radius: 0.25rem;
}

.rounded-br {
  border-bottom-right-radius: 0.25rem;
}

.rounded-bl {
  border-bottom-left-radius: 0.25rem;
}

.rounded-tl-md {
  border-top-left-radius: 0.375rem;
}

.rounded-tr-md {
  border-top-right-radius: 0.375rem;
}

.rounded-br-md {
  border-bottom-right-radius: 0.375rem;
}

.rounded-bl-md {
  border-bottom-left-radius: 0.375rem;
}

.rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}

.rounded-tr-lg {
  border-top-right-radius: 0.5rem;
}

.rounded-br-lg {
  border-bottom-right-radius: 0.5rem;
}

.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem;
}

.rounded-tl-xl {
  border-top-left-radius: 0.75rem;
}

.rounded-tr-xl {
  border-top-right-radius: 0.75rem;
}

.rounded-br-xl {
  border-bottom-right-radius: 0.75rem;
}

.rounded-bl-xl {
  border-bottom-left-radius: 0.75rem;
}

.rounded-tl-2xl {
  border-top-left-radius: 1rem;
}

.rounded-tr-2xl {
  border-top-right-radius: 1rem;
}

.rounded-br-2xl {
  border-bottom-right-radius: 1rem;
}

.rounded-bl-2xl {
  border-bottom-left-radius: 1rem;
}

.rounded-tl-3xl {
  border-top-left-radius: 1.5rem;
}

.rounded-tr-3xl {
  border-top-right-radius: 1.5rem;
}

.rounded-br-3xl {
  border-bottom-right-radius: 1.5rem;
}

.rounded-bl-3xl {
  border-bottom-left-radius: 1.5rem;
}

.rounded-tl-full {
  border-top-left-radius: 9999px;
}

.rounded-tr-full {
  border-top-right-radius: 9999px;
}

.rounded-br-full {
  border-bottom-right-radius: 9999px;
}

.rounded-bl-full {
  border-bottom-left-radius: 9999px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-double {
  border-style: double;
}

.border-none {
  border-style: none;
}

.border-0 {
  border-width: 0;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border-8 {
  border-width: 8px;
}

.border {
  border-width: 1px;
}

.border-t-0 {
  border-top-width: 0;
}

.border-r-0 {
  border-right-width: 0;
}

.border-b-0 {
  border-bottom-width: 0;
}

.border-l-0 {
  border-left-width: 0;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-r-2 {
  border-right-width: 2px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-t-4 {
  border-top-width: 4px;
}

.border-r-4 {
  border-right-width: 4px;
}

.border-b-4 {
  border-bottom-width: 4px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-t-8 {
  border-top-width: 8px;
}

.border-r-8 {
  border-right-width: 8px;
}

.border-b-8 {
  border-bottom-width: 8px;
}

.border-l-8 {
  border-left-width: 8px;
}

.border-t {
  border-top-width: 1px;
}

.border-r {
  border-right-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l {
  border-left-width: 1px;
}

.box-border {
  box-sizing: border-box;
}

.box-content {
  box-sizing: content-box;
}

.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.cursor-text {
  cursor: text;
}

.cursor-move {
  cursor: move;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.table-caption {
  display: table-caption;
}

.table-cell {
  display: table-cell;
}

.table-column {
  display: table-column;
}

.table-column-group {
  display: table-column-group;
}

.table-footer-group {
  display: table-footer-group;
}

.table-header-group {
  display: table-header-group;
}

.table-row-group {
  display: table-row-group;
}

.table-row {
  display: table-row;
}

.flow-root {
  display: flow-root;
}

.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-no-wrap {
  flex-wrap: nowrap;
}

.place-items-auto {
  place-items: auto;
}

.place-items-start {
  place-items: start;
}

.place-items-end {
  place-items: end;
}

.place-items-center {
  place-items: center;
}

.place-items-stretch {
  place-items: stretch;
}

.place-content-center {
  place-content: center;
}

.place-content-start {
  place-content: start;
}

.place-content-end {
  place-content: end;
}

.place-content-between {
  place-content: space-between;
}

.place-content-around {
  place-content: space-around;
}

.place-content-evenly {
  place-content: space-evenly;
}

.place-content-stretch {
  place-content: stretch;
}

.place-self-auto {
  place-self: auto;
}

.place-self-start {
  place-self: start;
}

.place-self-end {
  place-self: end;
}

.place-self-center {
  place-self: center;
}

.place-self-stretch {
  place-self: stretch;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.content-center {
  align-content: center;
}

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.content-evenly {
  align-content: space-evenly;
}

.self-auto {
  align-self: auto;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

.justify-items-auto {
  justify-items: auto;
}

.justify-items-start {
  justify-items: start;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-stretch {
  justify-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-self-auto {
  justify-self: auto;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

.justify-self-center {
  justify-self: center;
}

.justify-self-stretch {
  justify-self: stretch;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-grow {
  flex-grow: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-shrink {
  flex-shrink: 1;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.order-first {
  order: -9999;
}

.order-last {
  order: 9999;
}

.order-none {
  order: 0;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.float-none {
  float: none;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.clear-none {
  clear: none;
}

.font-source-sans {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.font-league-gothic {
  font-family: "League Gothic", Impact, "Franklin Gothic Bold", "Arial Black", sans-serif;
}

.font-hairline {
  font-weight: 100;
}

.font-thin {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

.hover\:font-hairline:hover {
  font-weight: 100;
}

.hover\:font-thin:hover {
  font-weight: 200;
}

.hover\:font-light:hover {
  font-weight: 300;
}

.hover\:font-normal:hover {
  font-weight: 400;
}

.hover\:font-medium:hover {
  font-weight: 500;
}

.hover\:font-semibold:hover {
  font-weight: 600;
}

.hover\:font-bold:hover {
  font-weight: 700;
}

.hover\:font-extrabold:hover {
  font-weight: 800;
}

.hover\:font-black:hover {
  font-weight: 900;
}

.focus\:font-hairline:focus {
  font-weight: 100;
}

.focus\:font-thin:focus {
  font-weight: 200;
}

.focus\:font-light:focus {
  font-weight: 300;
}

.focus\:font-normal:focus {
  font-weight: 400;
}

.focus\:font-medium:focus {
  font-weight: 500;
}

.focus\:font-semibold:focus {
  font-weight: 600;
}

.focus\:font-bold:focus {
  font-weight: 700;
}

.focus\:font-extrabold:focus {
  font-weight: 800;
}

.focus\:font-black:focus {
  font-weight: 900;
}

.h-0 {
  height: 0;
}

.h-1 {
  height: 0.25rem;
}

.h-2 {
  height: 0.5rem;
}

.h-3 {
  height: 0.75rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-8 {
  height: 2rem;
}

.h-10 {
  height: 2.5rem;
}

.h-12 {
  height: 3rem;
}

.h-16 {
  height: 4rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-32 {
  height: 8rem;
}

.h-40 {
  height: 10rem;
}

.h-48 {
  height: 12rem;
}

.h-56 {
  height: 14rem;
}

.h-64 {
  height: 16rem;
}

.h-auto {
  height: auto;
}

.h-px {
  height: 1px;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.text-xs {
  font-size: 12px;
}

.text-sm {
  font-size: 14px;
}

.text-base {
  font-size: 18px;
}

.text-lg {
  font-size: 22px;
}

.text-xl {
  font-size: 28px;
}

.text-2xl {
  font-size: 35px;
}

.text-3xl {
  font-size: 44px;
}

.text-4xl {
  font-size: 55px;
}

.text-5xl {
  font-size: 69px;
}

.text-6xl {
  font-size: 84px;
}

.leading-3 {
  line-height: .75rem;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-9 {
  line-height: 2.25rem;
}

.leading-10 {
  line-height: 2.5rem;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.leading-snug {
  line-height: 1.375;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-loose {
  line-height: 2;
}

.list-inside {
  list-style-position: inside;
}

.list-outside {
  list-style-position: outside;
}

.list-none {
  list-style-type: none;
}

.list-disc {
  list-style-type: disc;
}

.list-decimal {
  list-style-type: decimal;
}

.m-0 {
  margin: 0;
}

.m-1 {
  margin: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.m-4 {
  margin: 1rem;
}

.m-5 {
  margin: 1.25rem;
}

.m-6 {
  margin: 1.5rem;
}

.m-8 {
  margin: 2rem;
}

.m-10 {
  margin: 2.5rem;
}

.m-12 {
  margin: 3rem;
}

.m-16 {
  margin: 4rem;
}

.m-20 {
  margin: 5rem;
}

.m-24 {
  margin: 6rem;
}

.m-32 {
  margin: 8rem;
}

.m-40 {
  margin: 10rem;
}

.m-48 {
  margin: 12rem;
}

.m-56 {
  margin: 14rem;
}

.m-64 {
  margin: 16rem;
}

.m-auto {
  margin: auto;
}

.m-px {
  margin: 1px;
}

.-m-1 {
  margin: -0.25rem;
}

.-m-2 {
  margin: -0.5rem;
}

.-m-3 {
  margin: -0.75rem;
}

.-m-4 {
  margin: -1rem;
}

.-m-5 {
  margin: -1.25rem;
}

.-m-6 {
  margin: -1.5rem;
}

.-m-8 {
  margin: -2rem;
}

.-m-10 {
  margin: -2.5rem;
}

.-m-12 {
  margin: -3rem;
}

.-m-16 {
  margin: -4rem;
}

.-m-20 {
  margin: -5rem;
}

.-m-24 {
  margin: -6rem;
}

.-m-32 {
  margin: -8rem;
}

.-m-40 {
  margin: -10rem;
}

.-m-48 {
  margin: -12rem;
}

.-m-56 {
  margin: -14rem;
}

.-m-64 {
  margin: -16rem;
}

.-m-px {
  margin: -1px;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.mx-12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.mx-16 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.mx-20 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.mx-24 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.my-32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.mx-32 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.my-40 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.mx-40 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.my-48 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.mx-48 {
  margin-left: 12rem;
  margin-right: 12rem;
}

.my-56 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}

.mx-56 {
  margin-left: 14rem;
  margin-right: 14rem;
}

.my-64 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.mx-64 {
  margin-left: 16rem;
  margin-right: 16rem;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}

.mx-px {
  margin-left: 1px;
  margin-right: 1px;
}

.-my-1 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}

.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.-my-2 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.-my-3 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}

.-mx-3 {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.-my-4 {
  margin-top: -1rem;
  margin-bottom: -1rem;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.-my-5 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}

.-mx-5 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.-my-6 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}

.-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.-my-8 {
  margin-top: -2rem;
  margin-bottom: -2rem;
}

.-mx-8 {
  margin-left: -2rem;
  margin-right: -2rem;
}

.-my-10 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}

.-mx-10 {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}

.-my-12 {
  margin-top: -3rem;
  margin-bottom: -3rem;
}

.-mx-12 {
  margin-left: -3rem;
  margin-right: -3rem;
}

.-my-16 {
  margin-top: -4rem;
  margin-bottom: -4rem;
}

.-mx-16 {
  margin-left: -4rem;
  margin-right: -4rem;
}

.-my-20 {
  margin-top: -5rem;
  margin-bottom: -5rem;
}

.-mx-20 {
  margin-left: -5rem;
  margin-right: -5rem;
}

.-my-24 {
  margin-top: -6rem;
  margin-bottom: -6rem;
}

.-mx-24 {
  margin-left: -6rem;
  margin-right: -6rem;
}

.-my-32 {
  margin-top: -8rem;
  margin-bottom: -8rem;
}

.-mx-32 {
  margin-left: -8rem;
  margin-right: -8rem;
}

.-my-40 {
  margin-top: -10rem;
  margin-bottom: -10rem;
}

.-mx-40 {
  margin-left: -10rem;
  margin-right: -10rem;
}

.-my-48 {
  margin-top: -12rem;
  margin-bottom: -12rem;
}

.-mx-48 {
  margin-left: -12rem;
  margin-right: -12rem;
}

.-my-56 {
  margin-top: -14rem;
  margin-bottom: -14rem;
}

.-mx-56 {
  margin-left: -14rem;
  margin-right: -14rem;
}

.-my-64 {
  margin-top: -16rem;
  margin-bottom: -16rem;
}

.-mx-64 {
  margin-left: -16rem;
  margin-right: -16rem;
}

.-my-px {
  margin-top: -1px;
  margin-bottom: -1px;
}

.-mx-px {
  margin-left: -1px;
  margin-right: -1px;
}

.mt-0 {
  margin-top: 0;
}

.mr-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mr-4 {
  margin-right: 1rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.ml-4 {
  margin-left: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mr-5 {
  margin-right: 1.25rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mr-6 {
  margin-right: 1.5rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-8 {
  margin-left: 2rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mr-12 {
  margin-right: 3rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.ml-12 {
  margin-left: 3rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mr-16 {
  margin-right: 4rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.ml-16 {
  margin-left: 4rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mr-20 {
  margin-right: 5rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.ml-20 {
  margin-left: 5rem;
}

.mt-24 {
  margin-top: 6rem;
}

.mr-24 {
  margin-right: 6rem;
}

.mb-24 {
  margin-bottom: 6rem;
}

.ml-24 {
  margin-left: 6rem;
}

.mt-32 {
  margin-top: 8rem;
}

.mr-32 {
  margin-right: 8rem;
}

.mb-32 {
  margin-bottom: 8rem;
}

.ml-32 {
  margin-left: 8rem;
}

.mt-40 {
  margin-top: 10rem;
}

.mr-40 {
  margin-right: 10rem;
}

.mb-40 {
  margin-bottom: 10rem;
}

.ml-40 {
  margin-left: 10rem;
}

.mt-48 {
  margin-top: 12rem;
}

.mr-48 {
  margin-right: 12rem;
}

.mb-48 {
  margin-bottom: 12rem;
}

.ml-48 {
  margin-left: 12rem;
}

.mt-56 {
  margin-top: 14rem;
}

.mr-56 {
  margin-right: 14rem;
}

.mb-56 {
  margin-bottom: 14rem;
}

.ml-56 {
  margin-left: 14rem;
}

.mt-64 {
  margin-top: 16rem;
}

.mr-64 {
  margin-right: 16rem;
}

.mb-64 {
  margin-bottom: 16rem;
}

.ml-64 {
  margin-left: 16rem;
}

.mt-auto {
  margin-top: auto;
}

.mr-auto {
  margin-right: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-auto {
  margin-left: auto;
}

.mt-px {
  margin-top: 1px;
}

.mr-px {
  margin-right: 1px;
}

.mb-px {
  margin-bottom: 1px;
}

.ml-px {
  margin-left: 1px;
}

.-mt-1 {
  margin-top: -0.25rem;
}

.-mr-1 {
  margin-right: -0.25rem;
}

.-mb-1 {
  margin-bottom: -0.25rem;
}

.-ml-1 {
  margin-left: -0.25rem;
}

.-mt-2 {
  margin-top: -0.5rem;
}

.-mr-2 {
  margin-right: -0.5rem;
}

.-mb-2 {
  margin-bottom: -0.5rem;
}

.-ml-2 {
  margin-left: -0.5rem;
}

.-mt-3 {
  margin-top: -0.75rem;
}

.-mr-3 {
  margin-right: -0.75rem;
}

.-mb-3 {
  margin-bottom: -0.75rem;
}

.-ml-3 {
  margin-left: -0.75rem;
}

.-mt-4 {
  margin-top: -1rem;
}

.-mr-4 {
  margin-right: -1rem;
}

.-mb-4 {
  margin-bottom: -1rem;
}

.-ml-4 {
  margin-left: -1rem;
}

.-mt-5 {
  margin-top: -1.25rem;
}

.-mr-5 {
  margin-right: -1.25rem;
}

.-mb-5 {
  margin-bottom: -1.25rem;
}

.-ml-5 {
  margin-left: -1.25rem;
}

.-mt-6 {
  margin-top: -1.5rem;
}

.-mr-6 {
  margin-right: -1.5rem;
}

.-mb-6 {
  margin-bottom: -1.5rem;
}

.-ml-6 {
  margin-left: -1.5rem;
}

.-mt-8 {
  margin-top: -2rem;
}

.-mr-8 {
  margin-right: -2rem;
}

.-mb-8 {
  margin-bottom: -2rem;
}

.-ml-8 {
  margin-left: -2rem;
}

.-mt-10 {
  margin-top: -2.5rem;
}

.-mr-10 {
  margin-right: -2.5rem;
}

.-mb-10 {
  margin-bottom: -2.5rem;
}

.-ml-10 {
  margin-left: -2.5rem;
}

.-mt-12 {
  margin-top: -3rem;
}

.-mr-12 {
  margin-right: -3rem;
}

.-mb-12 {
  margin-bottom: -3rem;
}

.-ml-12 {
  margin-left: -3rem;
}

.-mt-16 {
  margin-top: -4rem;
}

.-mr-16 {
  margin-right: -4rem;
}

.-mb-16 {
  margin-bottom: -4rem;
}

.-ml-16 {
  margin-left: -4rem;
}

.-mt-20 {
  margin-top: -5rem;
}

.-mr-20 {
  margin-right: -5rem;
}

.-mb-20 {
  margin-bottom: -5rem;
}

.-ml-20 {
  margin-left: -5rem;
}

.-mt-24 {
  margin-top: -6rem;
}

.-mr-24 {
  margin-right: -6rem;
}

.-mb-24 {
  margin-bottom: -6rem;
}

.-ml-24 {
  margin-left: -6rem;
}

.-mt-32 {
  margin-top: -8rem;
}

.-mr-32 {
  margin-right: -8rem;
}

.-mb-32 {
  margin-bottom: -8rem;
}

.-ml-32 {
  margin-left: -8rem;
}

.-mt-40 {
  margin-top: -10rem;
}

.-mr-40 {
  margin-right: -10rem;
}

.-mb-40 {
  margin-bottom: -10rem;
}

.-ml-40 {
  margin-left: -10rem;
}

.-mt-48 {
  margin-top: -12rem;
}

.-mr-48 {
  margin-right: -12rem;
}

.-mb-48 {
  margin-bottom: -12rem;
}

.-ml-48 {
  margin-left: -12rem;
}

.-mt-56 {
  margin-top: -14rem;
}

.-mr-56 {
  margin-right: -14rem;
}

.-mb-56 {
  margin-bottom: -14rem;
}

.-ml-56 {
  margin-left: -14rem;
}

.-mt-64 {
  margin-top: -16rem;
}

.-mr-64 {
  margin-right: -16rem;
}

.-mb-64 {
  margin-bottom: -16rem;
}

.-ml-64 {
  margin-left: -16rem;
}

.-mt-px {
  margin-top: -1px;
}

.-mr-px {
  margin-right: -1px;
}

.-mb-px {
  margin-bottom: -1px;
}

.-ml-px {
  margin-left: -1px;
}

.max-h-full {
  max-height: 100%;
}

.max-h-screen {
  max-height: 100vh;
}

.max-w-none {
  max-width: none;
}

.max-w-xs {
  max-width: 20rem;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-full {
  max-width: 100%;
}

.max-w-screen-xs {
  max-width: 360px;
}

.max-w-screen-sm {
  max-width: 480px;
}

.max-w-screen-md {
  max-width: 760px;
}

.max-w-screen-lg {
  max-width: 960px;
}

.max-w-screen-xl {
  max-width: 1060px;
}

.max-w-screen-xxl {
  max-width: 1280px;
}

.min-h-0 {
  min-height: 0;
}

.min-h-full {
  min-height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.min-w-0 {
  min-width: 0;
}

.min-w-full {
  min-width: 100%;
}

.object-contain {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

.object-fill {
  object-fit: fill;
}

.object-none {
  object-fit: none;
}

.object-scale-down {
  object-fit: scale-down;
}

.object-bottom {
  object-position: bottom;
}

.object-center {
  object-position: center;
}

.object-left {
  object-position: left;
}

.object-left-bottom {
  object-position: left bottom;
}

.object-left-top {
  object-position: left top;
}

.object-right {
  object-position: right;
}

.object-right-bottom {
  object-position: right bottom;
}

.object-right-top {
  object-position: right top;
}

.object-top {
  object-position: top;
}

.opacity-0 {
  opacity: 0;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-100 {
  opacity: 1;
}

.hover\:opacity-0:hover {
  opacity: 0;
}

.hover\:opacity-25:hover {
  opacity: 0.25;
}

.hover\:opacity-50:hover {
  opacity: 0.5;
}

.hover\:opacity-75:hover {
  opacity: 0.75;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.focus\:opacity-0:focus {
  opacity: 0;
}

.focus\:opacity-25:focus {
  opacity: 0.25;
}

.focus\:opacity-50:focus {
  opacity: 0.5;
}

.focus\:opacity-75:focus {
  opacity: 0.75;
}

.focus\:opacity-100:focus {
  opacity: 1;
}

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

.outline-white {
  outline: 2px dotted white;
  outline-offset: 2px;
}

.outline-black {
  outline: 2px dotted black;
  outline-offset: 2px;
}

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

.focus\:outline-white:focus {
  outline: 2px dotted white;
  outline-offset: 2px;
}

.focus\:outline-black:focus {
  outline: 2px dotted black;
  outline-offset: 2px;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.scrolling-touch {
  -webkit-overflow-scrolling: touch;
}

.scrolling-auto {
  -webkit-overflow-scrolling: auto;
}

.overscroll-auto {
  -ms-scroll-chaining: chained;
      overscroll-behavior: auto;
}

.overscroll-contain {
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.overscroll-none {
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.overscroll-y-auto {
  overscroll-behavior-y: auto;
}

.overscroll-y-contain {
  overscroll-behavior-y: contain;
}

.overscroll-y-none {
  overscroll-behavior-y: none;
}

.overscroll-x-auto {
  overscroll-behavior-x: auto;
}

.overscroll-x-contain {
  overscroll-behavior-x: contain;
}

.overscroll-x-none {
  overscroll-behavior-x: none;
}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-8 {
  padding: 2rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-12 {
  padding: 3rem;
}

.p-16 {
  padding: 4rem;
}

.p-20 {
  padding: 5rem;
}

.p-24 {
  padding: 6rem;
}

.p-32 {
  padding: 8rem;
}

.p-40 {
  padding: 10rem;
}

.p-48 {
  padding: 12rem;
}

.p-56 {
  padding: 14rem;
}

.p-64 {
  padding: 16rem;
}

.p-px {
  padding: 1px;
}

.p-1\/4 {
  padding: 25%;
}

.p-1\/3 {
  padding: 33.333333333%;
}

.p-1\/2 {
  padding: 50%;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.px-20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.px-24 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.px-32 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.py-40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.px-40 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.py-48 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.px-48 {
  padding-left: 12rem;
  padding-right: 12rem;
}

.py-56 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}

.px-56 {
  padding-left: 14rem;
  padding-right: 14rem;
}

.py-64 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.px-64 {
  padding-left: 16rem;
  padding-right: 16rem;
}

.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.px-px {
  padding-left: 1px;
  padding-right: 1px;
}

.py-1\/4 {
  padding-top: 25%;
  padding-bottom: 25%;
}

.px-1\/4 {
  padding-left: 25%;
  padding-right: 25%;
}

.py-1\/3 {
  padding-top: 33.333333333%;
  padding-bottom: 33.333333333%;
}

.px-1\/3 {
  padding-left: 33.333333333%;
  padding-right: 33.333333333%;
}

.py-1\/2 {
  padding-top: 50%;
  padding-bottom: 50%;
}

.px-1\/2 {
  padding-left: 50%;
  padding-right: 50%;
}

.pt-0 {
  padding-top: 0;
}

.pr-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pt-3 {
  padding-top: 0.75rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pl-3 {
  padding-left: 0.75rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pl-12 {
  padding-left: 3rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pl-16 {
  padding-left: 4rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pr-20 {
  padding-right: 5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pl-20 {
  padding-left: 5rem;
}

.pt-24 {
  padding-top: 6rem;
}

.pr-24 {
  padding-right: 6rem;
}

.pb-24 {
  padding-bottom: 6rem;
}

.pl-24 {
  padding-left: 6rem;
}

.pt-32 {
  padding-top: 8rem;
}

.pr-32 {
  padding-right: 8rem;
}

.pb-32 {
  padding-bottom: 8rem;
}

.pl-32 {
  padding-left: 8rem;
}

.pt-40 {
  padding-top: 10rem;
}

.pr-40 {
  padding-right: 10rem;
}

.pb-40 {
  padding-bottom: 10rem;
}

.pl-40 {
  padding-left: 10rem;
}

.pt-48 {
  padding-top: 12rem;
}

.pr-48 {
  padding-right: 12rem;
}

.pb-48 {
  padding-bottom: 12rem;
}

.pl-48 {
  padding-left: 12rem;
}

.pt-56 {
  padding-top: 14rem;
}

.pr-56 {
  padding-right: 14rem;
}

.pb-56 {
  padding-bottom: 14rem;
}

.pl-56 {
  padding-left: 14rem;
}

.pt-64 {
  padding-top: 16rem;
}

.pr-64 {
  padding-right: 16rem;
}

.pb-64 {
  padding-bottom: 16rem;
}

.pl-64 {
  padding-left: 16rem;
}

.pt-px {
  padding-top: 1px;
}

.pr-px {
  padding-right: 1px;
}

.pb-px {
  padding-bottom: 1px;
}

.pl-px {
  padding-left: 1px;
}

.pt-1\/4 {
  padding-top: 25%;
}

.pr-1\/4 {
  padding-right: 25%;
}

.pb-1\/4 {
  padding-bottom: 25%;
}

.pl-1\/4 {
  padding-left: 25%;
}

.pt-1\/3 {
  padding-top: 33.333333333%;
}

.pr-1\/3 {
  padding-right: 33.333333333%;
}

.pb-1\/3 {
  padding-bottom: 33.333333333%;
}

.pl-1\/3 {
  padding-left: 33.333333333%;
}

.pt-1\/2 {
  padding-top: 50%;
}

.pr-1\/2 {
  padding-right: 50%;
}

.pb-1\/2 {
  padding-bottom: 50%;
}

.pl-1\/2 {
  padding-left: 50%;
}

.placeholder-transparent:-ms-input-placeholder {
  color: transparent;
}

.placeholder-transparent::placeholder {
  color: transparent;
}

.placeholder-black:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--placeholder-opacity));
}

.placeholder-black::placeholder {
  --placeholder-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--placeholder-opacity));
}

.placeholder-white:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.placeholder-white::placeholder {
  --placeholder-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.placeholder-gray-100:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--placeholder-opacity));
}

.placeholder-gray-100::placeholder {
  --placeholder-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--placeholder-opacity));
}

.placeholder-gray-200:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--placeholder-opacity));
}

.placeholder-gray-200::placeholder {
  --placeholder-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--placeholder-opacity));
}

.placeholder-gray-300:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--placeholder-opacity));
}

.placeholder-gray-300::placeholder {
  --placeholder-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--placeholder-opacity));
}

.placeholder-gray-400:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--placeholder-opacity));
}

.placeholder-gray-400::placeholder {
  --placeholder-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--placeholder-opacity));
}

.placeholder-gray-500:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--placeholder-opacity));
}

.placeholder-gray-500::placeholder {
  --placeholder-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--placeholder-opacity));
}

.placeholder-gray-600:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--placeholder-opacity));
}

.placeholder-gray-600::placeholder {
  --placeholder-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--placeholder-opacity));
}

.placeholder-gray-700:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--placeholder-opacity));
}

.placeholder-gray-700::placeholder {
  --placeholder-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--placeholder-opacity));
}

.placeholder-gray-800:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--placeholder-opacity));
}

.placeholder-gray-800::placeholder {
  --placeholder-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--placeholder-opacity));
}

.placeholder-gray-900:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--placeholder-opacity));
}

.placeholder-gray-900::placeholder {
  --placeholder-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--placeholder-opacity));
}

.placeholder-blue-100:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #86dfff;
  color: rgba(134, 223, 255, var(--placeholder-opacity));
}

.placeholder-blue-100::placeholder {
  --placeholder-opacity: 1;
  color: #86dfff;
  color: rgba(134, 223, 255, var(--placeholder-opacity));
}

.placeholder-blue-200:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #6bd6ff;
  color: rgba(107, 214, 255, var(--placeholder-opacity));
}

.placeholder-blue-200::placeholder {
  --placeholder-opacity: 1;
  color: #6bd6ff;
  color: rgba(107, 214, 255, var(--placeholder-opacity));
}

.placeholder-blue-300:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #52ccff;
  color: rgba(82, 204, 255, var(--placeholder-opacity));
}

.placeholder-blue-300::placeholder {
  --placeholder-opacity: 1;
  color: #52ccff;
  color: rgba(82, 204, 255, var(--placeholder-opacity));
}

.placeholder-blue-400:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #3ac2ff;
  color: rgba(58, 194, 255, var(--placeholder-opacity));
}

.placeholder-blue-400::placeholder {
  --placeholder-opacity: 1;
  color: #3ac2ff;
  color: rgba(58, 194, 255, var(--placeholder-opacity));
}

.placeholder-blue-500:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #23b7fb;
  color: rgba(35, 183, 251, var(--placeholder-opacity));
}

.placeholder-blue-500::placeholder {
  --placeholder-opacity: 1;
  color: #23b7fb;
  color: rgba(35, 183, 251, var(--placeholder-opacity));
}

.placeholder-blue-600:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #1a9adf;
  color: rgba(26, 154, 223, var(--placeholder-opacity));
}

.placeholder-blue-600::placeholder {
  --placeholder-opacity: 1;
  color: #1a9adf;
  color: rgba(26, 154, 223, var(--placeholder-opacity));
}

.placeholder-blue-700:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #127fbf;
  color: rgba(18, 127, 191, var(--placeholder-opacity));
}

.placeholder-blue-700::placeholder {
  --placeholder-opacity: 1;
  color: #127fbf;
  color: rgba(18, 127, 191, var(--placeholder-opacity));
}

.placeholder-blue-800:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #0c659f;
  color: rgba(12, 101, 159, var(--placeholder-opacity));
}

.placeholder-blue-800::placeholder {
  --placeholder-opacity: 1;
  color: #0c659f;
  color: rgba(12, 101, 159, var(--placeholder-opacity));
}

.placeholder-blue-900:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #074c80;
  color: rgba(7, 76, 128, var(--placeholder-opacity));
}

.placeholder-blue-900::placeholder {
  --placeholder-opacity: 1;
  color: #074c80;
  color: rgba(7, 76, 128, var(--placeholder-opacity));
}

.placeholder-blurple-100:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #938FDB;
  color: rgba(147, 143, 219, var(--placeholder-opacity));
}

.placeholder-blurple-100::placeholder {
  --placeholder-opacity: 1;
  color: #938FDB;
  color: rgba(147, 143, 219, var(--placeholder-opacity));
}

.placeholder-blurple-200:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #7A75D0;
  color: rgba(122, 117, 208, var(--placeholder-opacity));
}

.placeholder-blurple-200::placeholder {
  --placeholder-opacity: 1;
  color: #7A75D0;
  color: rgba(122, 117, 208, var(--placeholder-opacity));
}

.placeholder-blurple-300:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #615BC4;
  color: rgba(97, 91, 196, var(--placeholder-opacity));
}

.placeholder-blurple-300::placeholder {
  --placeholder-opacity: 1;
  color: #615BC4;
  color: rgba(97, 91, 196, var(--placeholder-opacity));
}

.placeholder-blurple-400:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #4943B7;
  color: rgba(73, 67, 183, var(--placeholder-opacity));
}

.placeholder-blurple-400::placeholder {
  --placeholder-opacity: 1;
  color: #4943B7;
  color: rgba(73, 67, 183, var(--placeholder-opacity));
}

.placeholder-blurple-500:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #322baa;
  color: rgba(50, 43, 170, var(--placeholder-opacity));
}

.placeholder-blurple-500::placeholder {
  --placeholder-opacity: 1;
  color: #322baa;
  color: rgba(50, 43, 170, var(--placeholder-opacity));
}

.placeholder-blurple-700:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #1c1e84;
  color: rgba(28, 30, 132, var(--placeholder-opacity));
}

.placeholder-blurple-700::placeholder {
  --placeholder-opacity: 1;
  color: #1c1e84;
  color: rgba(28, 30, 132, var(--placeholder-opacity));
}

.placeholder-green-300:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #42d86f;
  color: rgba(66, 216, 111, var(--placeholder-opacity));
}

.placeholder-green-300::placeholder {
  --placeholder-opacity: 1;
  color: #42d86f;
  color: rgba(66, 216, 111, var(--placeholder-opacity));
}

.placeholder-green-500:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #0cc242;
  color: rgba(12, 194, 66, var(--placeholder-opacity));
}

.placeholder-green-500::placeholder {
  --placeholder-opacity: 1;
  color: #0cc242;
  color: rgba(12, 194, 66, var(--placeholder-opacity));
}

.placeholder-green-700:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #02983a;
  color: rgba(2, 152, 58, var(--placeholder-opacity));
}

.placeholder-green-700::placeholder {
  --placeholder-opacity: 1;
  color: #02983a;
  color: rgba(2, 152, 58, var(--placeholder-opacity));
}

.placeholder-orange-100:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ff6e4a;
  color: rgba(255, 110, 74, var(--placeholder-opacity));
}

.placeholder-orange-100::placeholder {
  --placeholder-opacity: 1;
  color: #ff6e4a;
  color: rgba(255, 110, 74, var(--placeholder-opacity));
}

.placeholder-orange-200:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ff6640;
  color: rgba(255, 102, 64, var(--placeholder-opacity));
}

.placeholder-orange-200::placeholder {
  --placeholder-opacity: 1;
  color: #ff6640;
  color: rgba(255, 102, 64, var(--placeholder-opacity));
}

.placeholder-orange-300:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ff5e36;
  color: rgba(255, 94, 54, var(--placeholder-opacity));
}

.placeholder-orange-300::placeholder {
  --placeholder-opacity: 1;
  color: #ff5e36;
  color: rgba(255, 94, 54, var(--placeholder-opacity));
}

.placeholder-orange-400:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ff562b;
  color: rgba(255, 86, 43, var(--placeholder-opacity));
}

.placeholder-orange-400::placeholder {
  --placeholder-opacity: 1;
  color: #ff562b;
  color: rgba(255, 86, 43, var(--placeholder-opacity));
}

.placeholder-orange-500:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ff4d22;
  color: rgba(255, 77, 34, var(--placeholder-opacity));
}

.placeholder-orange-500::placeholder {
  --placeholder-opacity: 1;
  color: #ff4d22;
  color: rgba(255, 77, 34, var(--placeholder-opacity));
}

.placeholder-orange-600:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #e5461e;
  color: rgba(229, 70, 30, var(--placeholder-opacity));
}

.placeholder-orange-600::placeholder {
  --placeholder-opacity: 1;
  color: #e5461e;
  color: rgba(229, 70, 30, var(--placeholder-opacity));
}

.placeholder-orange-700:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #cc3e1b;
  color: rgba(204, 62, 27, var(--placeholder-opacity));
}

.placeholder-orange-700::placeholder {
  --placeholder-opacity: 1;
  color: #cc3e1b;
  color: rgba(204, 62, 27, var(--placeholder-opacity));
}

.placeholder-orange-800:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #b33617;
  color: rgba(179, 54, 23, var(--placeholder-opacity));
}

.placeholder-orange-800::placeholder {
  --placeholder-opacity: 1;
  color: #b33617;
  color: rgba(179, 54, 23, var(--placeholder-opacity));
}

.placeholder-orange-900:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #992f14;
  color: rgba(153, 47, 20, var(--placeholder-opacity));
}

.placeholder-orange-900::placeholder {
  --placeholder-opacity: 1;
  color: #992f14;
  color: rgba(153, 47, 20, var(--placeholder-opacity));
}

.placeholder-purple-100:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #c861ff;
  color: rgba(200, 97, 255, var(--placeholder-opacity));
}

.placeholder-purple-100::placeholder {
  --placeholder-opacity: 1;
  color: #c861ff;
  color: rgba(200, 97, 255, var(--placeholder-opacity));
}

.placeholder-purple-200:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #c354ff;
  color: rgba(195, 84, 255, var(--placeholder-opacity));
}

.placeholder-purple-200::placeholder {
  --placeholder-opacity: 1;
  color: #c354ff;
  color: rgba(195, 84, 255, var(--placeholder-opacity));
}

.placeholder-purple-300:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #be49fc;
  color: rgba(190, 73, 252, var(--placeholder-opacity));
}

.placeholder-purple-300::placeholder {
  --placeholder-opacity: 1;
  color: #be49fc;
  color: rgba(190, 73, 252, var(--placeholder-opacity));
}

.placeholder-purple-400:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ab42e3;
  color: rgba(171, 66, 227, var(--placeholder-opacity));
}

.placeholder-purple-400::placeholder {
  --placeholder-opacity: 1;
  color: #ab42e3;
  color: rgba(171, 66, 227, var(--placeholder-opacity));
}

.placeholder-purple-500:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #983ac9;
  color: rgba(152, 58, 201, var(--placeholder-opacity));
}

.placeholder-purple-500::placeholder {
  --placeholder-opacity: 1;
  color: #983ac9;
  color: rgba(152, 58, 201, var(--placeholder-opacity));
}

.placeholder-purple-600:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #8433b0;
  color: rgba(132, 51, 176, var(--placeholder-opacity));
}

.placeholder-purple-600::placeholder {
  --placeholder-opacity: 1;
  color: #8433b0;
  color: rgba(132, 51, 176, var(--placeholder-opacity));
}

.placeholder-purple-700:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #712c96;
  color: rgba(113, 44, 150, var(--placeholder-opacity));
}

.placeholder-purple-700::placeholder {
  --placeholder-opacity: 1;
  color: #712c96;
  color: rgba(113, 44, 150, var(--placeholder-opacity));
}

.placeholder-purple-800:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #5e247d;
  color: rgba(94, 36, 125, var(--placeholder-opacity));
}

.placeholder-purple-800::placeholder {
  --placeholder-opacity: 1;
  color: #5e247d;
  color: rgba(94, 36, 125, var(--placeholder-opacity));
}

.placeholder-purple-900:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #4b1d63;
  color: rgba(75, 29, 99, var(--placeholder-opacity));
}

.placeholder-purple-900::placeholder {
  --placeholder-opacity: 1;
  color: #4b1d63;
  color: rgba(75, 29, 99, var(--placeholder-opacity));
}

.placeholder-red-300:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ff6d69;
  color: rgba(255, 109, 105, var(--placeholder-opacity));
}

.placeholder-red-300::placeholder {
  --placeholder-opacity: 1;
  color: #ff6d69;
  color: rgba(255, 109, 105, var(--placeholder-opacity));
}

.placeholder-red-500:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ff4540;
  color: rgba(255, 69, 64, var(--placeholder-opacity));
}

.placeholder-red-500::placeholder {
  --placeholder-opacity: 1;
  color: #ff4540;
  color: rgba(255, 69, 64, var(--placeholder-opacity));
}

.placeholder-red-700:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #bf3929;
  color: rgba(191, 57, 41, var(--placeholder-opacity));
}

.placeholder-red-700::placeholder {
  --placeholder-opacity: 1;
  color: #bf3929;
  color: rgba(191, 57, 41, var(--placeholder-opacity));
}

.placeholder-teal-100:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #8cfff9;
  color: rgba(140, 255, 249, var(--placeholder-opacity));
}

.placeholder-teal-100::placeholder {
  --placeholder-opacity: 1;
  color: #8cfff9;
  color: rgba(140, 255, 249, var(--placeholder-opacity));
}

.placeholder-teal-200:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #66fff7;
  color: rgba(102, 255, 247, var(--placeholder-opacity));
}

.placeholder-teal-200::placeholder {
  --placeholder-opacity: 1;
  color: #66fff7;
  color: rgba(102, 255, 247, var(--placeholder-opacity));
}

.placeholder-teal-300:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #40fff5;
  color: rgba(64, 255, 245, var(--placeholder-opacity));
}

.placeholder-teal-300::placeholder {
  --placeholder-opacity: 1;
  color: #40fff5;
  color: rgba(64, 255, 245, var(--placeholder-opacity));
}

.placeholder-teal-400:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #35fcf2;
  color: rgba(53, 252, 242, var(--placeholder-opacity));
}

.placeholder-teal-400::placeholder {
  --placeholder-opacity: 1;
  color: #35fcf2;
  color: rgba(53, 252, 242, var(--placeholder-opacity));
}

.placeholder-teal-500:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #30e3da;
  color: rgba(48, 227, 218, var(--placeholder-opacity));
}

.placeholder-teal-500::placeholder {
  --placeholder-opacity: 1;
  color: #30e3da;
  color: rgba(48, 227, 218, var(--placeholder-opacity));
}

.placeholder-teal-600:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #2ac9c1;
  color: rgba(42, 201, 193, var(--placeholder-opacity));
}

.placeholder-teal-600::placeholder {
  --placeholder-opacity: 1;
  color: #2ac9c1;
  color: rgba(42, 201, 193, var(--placeholder-opacity));
}

.placeholder-teal-700:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #25b0a9;
  color: rgba(37, 176, 169, var(--placeholder-opacity));
}

.placeholder-teal-700::placeholder {
  --placeholder-opacity: 1;
  color: #25b0a9;
  color: rgba(37, 176, 169, var(--placeholder-opacity));
}

.placeholder-teal-800:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #209691;
  color: rgba(32, 150, 145, var(--placeholder-opacity));
}

.placeholder-teal-800::placeholder {
  --placeholder-opacity: 1;
  color: #209691;
  color: rgba(32, 150, 145, var(--placeholder-opacity));
}

.placeholder-teal-900:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #1a7d78;
  color: rgba(26, 125, 120, var(--placeholder-opacity));
}

.placeholder-teal-900::placeholder {
  --placeholder-opacity: 1;
  color: #1a7d78;
  color: rgba(26, 125, 120, var(--placeholder-opacity));
}

.placeholder-yellow-100:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ffe894;
  color: rgba(255, 232, 148, var(--placeholder-opacity));
}

.placeholder-yellow-100::placeholder {
  --placeholder-opacity: 1;
  color: #ffe894;
  color: rgba(255, 232, 148, var(--placeholder-opacity));
}

.placeholder-yellow-200:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ffe27a;
  color: rgba(255, 226, 122, var(--placeholder-opacity));
}

.placeholder-yellow-200::placeholder {
  --placeholder-opacity: 1;
  color: #ffe27a;
  color: rgba(255, 226, 122, var(--placeholder-opacity));
}

.placeholder-yellow-300:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ffdd61;
  color: rgba(255, 221, 97, var(--placeholder-opacity));
}

.placeholder-yellow-300::placeholder {
  --placeholder-opacity: 1;
  color: #ffdd61;
  color: rgba(255, 221, 97, var(--placeholder-opacity));
}

.placeholder-yellow-400:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ffd747;
  color: rgba(255, 215, 71, var(--placeholder-opacity));
}

.placeholder-yellow-400::placeholder {
  --placeholder-opacity: 1;
  color: #ffd747;
  color: rgba(255, 215, 71, var(--placeholder-opacity));
}

.placeholder-yellow-500:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #fcce2f;
  color: rgba(252, 206, 47, var(--placeholder-opacity));
}

.placeholder-yellow-500::placeholder {
  --placeholder-opacity: 1;
  color: #fcce2f;
  color: rgba(252, 206, 47, var(--placeholder-opacity));
}

.placeholder-yellow-600:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #e3bb29;
  color: rgba(227, 187, 41, var(--placeholder-opacity));
}

.placeholder-yellow-600::placeholder {
  --placeholder-opacity: 1;
  color: #e3bb29;
  color: rgba(227, 187, 41, var(--placeholder-opacity));
}

.placeholder-yellow-700:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #c9a624;
  color: rgba(201, 166, 36, var(--placeholder-opacity));
}

.placeholder-yellow-700::placeholder {
  --placeholder-opacity: 1;
  color: #c9a624;
  color: rgba(201, 166, 36, var(--placeholder-opacity));
}

.placeholder-yellow-800:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #b09120;
  color: rgba(176, 145, 32, var(--placeholder-opacity));
}

.placeholder-yellow-800::placeholder {
  --placeholder-opacity: 1;
  color: #b09120;
  color: rgba(176, 145, 32, var(--placeholder-opacity));
}

.placeholder-yellow-900:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #967c1b;
  color: rgba(150, 124, 27, var(--placeholder-opacity));
}

.placeholder-yellow-900::placeholder {
  --placeholder-opacity: 1;
  color: #967c1b;
  color: rgba(150, 124, 27, var(--placeholder-opacity));
}

.placeholder-facebook-400:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #4a6dbc;
  color: rgba(74, 109, 188, var(--placeholder-opacity));
}

.placeholder-facebook-400::placeholder {
  --placeholder-opacity: 1;
  color: #4a6dbc;
  color: rgba(74, 109, 188, var(--placeholder-opacity));
}

.placeholder-facebook-500:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #39579a;
  color: rgba(57, 87, 154, var(--placeholder-opacity));
}

.placeholder-facebook-500::placeholder {
  --placeholder-opacity: 1;
  color: #39579a;
  color: rgba(57, 87, 154, var(--placeholder-opacity));
}

.placeholder-snapchat-400:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #fffc00;
  color: rgba(255, 252, 0, var(--placeholder-opacity));
}

.placeholder-snapchat-400::placeholder {
  --placeholder-opacity: 1;
  color: #fffc00;
  color: rgba(255, 252, 0, var(--placeholder-opacity));
}

.placeholder-snapchat-500:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #39579a;
  color: rgba(57, 87, 154, var(--placeholder-opacity));
}

.placeholder-snapchat-500::placeholder {
  --placeholder-opacity: 1;
  color: #39579a;
  color: rgba(57, 87, 154, var(--placeholder-opacity));
}

.placeholder-messenger-400:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #339dff;
  color: rgba(51, 157, 255, var(--placeholder-opacity));
}

.placeholder-messenger-400::placeholder {
  --placeholder-opacity: 1;
  color: #339dff;
  color: rgba(51, 157, 255, var(--placeholder-opacity));
}

.placeholder-messenger-500:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #0084ff;
  color: rgba(0, 132, 255, var(--placeholder-opacity));
}

.placeholder-messenger-500::placeholder {
  --placeholder-opacity: 1;
  color: #0084ff;
  color: rgba(0, 132, 255, var(--placeholder-opacity));
}

.placeholder-twitter-400:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #21c2ff;
  color: rgba(33, 194, 255, var(--placeholder-opacity));
}

.placeholder-twitter-400::placeholder {
  --placeholder-opacity: 1;
  color: #21c2ff;
  color: rgba(33, 194, 255, var(--placeholder-opacity));
}

.placeholder-twitter-500:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #00aced;
  color: rgba(0, 172, 237, var(--placeholder-opacity));
}

.placeholder-twitter-500::placeholder {
  --placeholder-opacity: 1;
  color: #00aced;
  color: rgba(0, 172, 237, var(--placeholder-opacity));
}

.placeholder-transparent-black-10:-ms-input-placeholder {
  color: rgba(0,0,0,0.1);
}

.placeholder-transparent-black-10::placeholder {
  color: rgba(0,0,0,0.1);
}

.placeholder-transparent-black-30:-ms-input-placeholder {
  color: rgba(0,0,0,0.3);
}

.placeholder-transparent-black-30::placeholder {
  color: rgba(0,0,0,0.3);
}

.placeholder-transparent-black-50:-ms-input-placeholder {
  color: rgba(0,0,0,0.5);
}

.placeholder-transparent-black-50::placeholder {
  color: rgba(0,0,0,0.5);
}

.placeholder-transparent-black-70:-ms-input-placeholder {
  color: rgba(0,0,0,0.7);
}

.placeholder-transparent-black-70::placeholder {
  color: rgba(0,0,0,0.7);
}

.placeholder-transparent-black-90:-ms-input-placeholder {
  color: rgba(0,0,0,0.9);
}

.placeholder-transparent-black-90::placeholder {
  color: rgba(0,0,0,0.9);
}

.placeholder-transparent-white-10:-ms-input-placeholder {
  color: rgba(255,255,255,0.1);
}

.placeholder-transparent-white-10::placeholder {
  color: rgba(255,255,255,0.1);
}

.placeholder-transparent-white-30:-ms-input-placeholder {
  color: rgba(255,255,255,0.3);
}

.placeholder-transparent-white-30::placeholder {
  color: rgba(255,255,255,0.3);
}

.placeholder-transparent-white-50:-ms-input-placeholder {
  color: rgba(255,255,255,0.5);
}

.placeholder-transparent-white-50::placeholder {
  color: rgba(255,255,255,0.5);
}

.placeholder-transparent-white-70:-ms-input-placeholder {
  color: rgba(255,255,255,0.7);
}

.placeholder-transparent-white-70::placeholder {
  color: rgba(255,255,255,0.7);
}

.placeholder-transparent-white-90:-ms-input-placeholder {
  color: rgba(255,255,255,0.9);
}

.placeholder-transparent-white-90::placeholder {
  color: rgba(255,255,255,0.9);
}

.placeholder-vr-dark-blue:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #000047;
  color: rgba(0, 0, 71, var(--placeholder-opacity));
}

.placeholder-vr-dark-blue::placeholder {
  --placeholder-opacity: 1;
  color: #000047;
  color: rgba(0, 0, 71, var(--placeholder-opacity));
}

.placeholder-vr-neon-green:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #00ff75;
  color: rgba(0, 255, 117, var(--placeholder-opacity));
}

.placeholder-vr-neon-green::placeholder {
  --placeholder-opacity: 1;
  color: #00ff75;
  color: rgba(0, 255, 117, var(--placeholder-opacity));
}

.focus\:placeholder-transparent:focus:-ms-input-placeholder {
  color: transparent;
}

.focus\:placeholder-transparent:focus::placeholder {
  color: transparent;
}

.focus\:placeholder-black:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--placeholder-opacity));
}

.focus\:placeholder-black:focus::placeholder {
  --placeholder-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--placeholder-opacity));
}

.focus\:placeholder-white:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.focus\:placeholder-white:focus::placeholder {
  --placeholder-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.focus\:placeholder-gray-100:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--placeholder-opacity));
}

.focus\:placeholder-gray-100:focus::placeholder {
  --placeholder-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--placeholder-opacity));
}

.focus\:placeholder-gray-200:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--placeholder-opacity));
}

.focus\:placeholder-gray-200:focus::placeholder {
  --placeholder-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--placeholder-opacity));
}

.focus\:placeholder-gray-300:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--placeholder-opacity));
}

.focus\:placeholder-gray-300:focus::placeholder {
  --placeholder-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--placeholder-opacity));
}

.focus\:placeholder-gray-400:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--placeholder-opacity));
}

.focus\:placeholder-gray-400:focus::placeholder {
  --placeholder-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--placeholder-opacity));
}

.focus\:placeholder-gray-500:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--placeholder-opacity));
}

.focus\:placeholder-gray-500:focus::placeholder {
  --placeholder-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--placeholder-opacity));
}

.focus\:placeholder-gray-600:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--placeholder-opacity));
}

.focus\:placeholder-gray-600:focus::placeholder {
  --placeholder-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--placeholder-opacity));
}

.focus\:placeholder-gray-700:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--placeholder-opacity));
}

.focus\:placeholder-gray-700:focus::placeholder {
  --placeholder-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--placeholder-opacity));
}

.focus\:placeholder-gray-800:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--placeholder-opacity));
}

.focus\:placeholder-gray-800:focus::placeholder {
  --placeholder-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--placeholder-opacity));
}

.focus\:placeholder-gray-900:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--placeholder-opacity));
}

.focus\:placeholder-gray-900:focus::placeholder {
  --placeholder-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--placeholder-opacity));
}

.focus\:placeholder-blue-100:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #86dfff;
  color: rgba(134, 223, 255, var(--placeholder-opacity));
}

.focus\:placeholder-blue-100:focus::placeholder {
  --placeholder-opacity: 1;
  color: #86dfff;
  color: rgba(134, 223, 255, var(--placeholder-opacity));
}

.focus\:placeholder-blue-200:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #6bd6ff;
  color: rgba(107, 214, 255, var(--placeholder-opacity));
}

.focus\:placeholder-blue-200:focus::placeholder {
  --placeholder-opacity: 1;
  color: #6bd6ff;
  color: rgba(107, 214, 255, var(--placeholder-opacity));
}

.focus\:placeholder-blue-300:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #52ccff;
  color: rgba(82, 204, 255, var(--placeholder-opacity));
}

.focus\:placeholder-blue-300:focus::placeholder {
  --placeholder-opacity: 1;
  color: #52ccff;
  color: rgba(82, 204, 255, var(--placeholder-opacity));
}

.focus\:placeholder-blue-400:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #3ac2ff;
  color: rgba(58, 194, 255, var(--placeholder-opacity));
}

.focus\:placeholder-blue-400:focus::placeholder {
  --placeholder-opacity: 1;
  color: #3ac2ff;
  color: rgba(58, 194, 255, var(--placeholder-opacity));
}

.focus\:placeholder-blue-500:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #23b7fb;
  color: rgba(35, 183, 251, var(--placeholder-opacity));
}

.focus\:placeholder-blue-500:focus::placeholder {
  --placeholder-opacity: 1;
  color: #23b7fb;
  color: rgba(35, 183, 251, var(--placeholder-opacity));
}

.focus\:placeholder-blue-600:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #1a9adf;
  color: rgba(26, 154, 223, var(--placeholder-opacity));
}

.focus\:placeholder-blue-600:focus::placeholder {
  --placeholder-opacity: 1;
  color: #1a9adf;
  color: rgba(26, 154, 223, var(--placeholder-opacity));
}

.focus\:placeholder-blue-700:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #127fbf;
  color: rgba(18, 127, 191, var(--placeholder-opacity));
}

.focus\:placeholder-blue-700:focus::placeholder {
  --placeholder-opacity: 1;
  color: #127fbf;
  color: rgba(18, 127, 191, var(--placeholder-opacity));
}

.focus\:placeholder-blue-800:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #0c659f;
  color: rgba(12, 101, 159, var(--placeholder-opacity));
}

.focus\:placeholder-blue-800:focus::placeholder {
  --placeholder-opacity: 1;
  color: #0c659f;
  color: rgba(12, 101, 159, var(--placeholder-opacity));
}

.focus\:placeholder-blue-900:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #074c80;
  color: rgba(7, 76, 128, var(--placeholder-opacity));
}

.focus\:placeholder-blue-900:focus::placeholder {
  --placeholder-opacity: 1;
  color: #074c80;
  color: rgba(7, 76, 128, var(--placeholder-opacity));
}

.focus\:placeholder-blurple-100:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #938FDB;
  color: rgba(147, 143, 219, var(--placeholder-opacity));
}

.focus\:placeholder-blurple-100:focus::placeholder {
  --placeholder-opacity: 1;
  color: #938FDB;
  color: rgba(147, 143, 219, var(--placeholder-opacity));
}

.focus\:placeholder-blurple-200:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #7A75D0;
  color: rgba(122, 117, 208, var(--placeholder-opacity));
}

.focus\:placeholder-blurple-200:focus::placeholder {
  --placeholder-opacity: 1;
  color: #7A75D0;
  color: rgba(122, 117, 208, var(--placeholder-opacity));
}

.focus\:placeholder-blurple-300:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #615BC4;
  color: rgba(97, 91, 196, var(--placeholder-opacity));
}

.focus\:placeholder-blurple-300:focus::placeholder {
  --placeholder-opacity: 1;
  color: #615BC4;
  color: rgba(97, 91, 196, var(--placeholder-opacity));
}

.focus\:placeholder-blurple-400:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #4943B7;
  color: rgba(73, 67, 183, var(--placeholder-opacity));
}

.focus\:placeholder-blurple-400:focus::placeholder {
  --placeholder-opacity: 1;
  color: #4943B7;
  color: rgba(73, 67, 183, var(--placeholder-opacity));
}

.focus\:placeholder-blurple-500:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #322baa;
  color: rgba(50, 43, 170, var(--placeholder-opacity));
}

.focus\:placeholder-blurple-500:focus::placeholder {
  --placeholder-opacity: 1;
  color: #322baa;
  color: rgba(50, 43, 170, var(--placeholder-opacity));
}

.focus\:placeholder-blurple-700:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #1c1e84;
  color: rgba(28, 30, 132, var(--placeholder-opacity));
}

.focus\:placeholder-blurple-700:focus::placeholder {
  --placeholder-opacity: 1;
  color: #1c1e84;
  color: rgba(28, 30, 132, var(--placeholder-opacity));
}

.focus\:placeholder-green-300:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #42d86f;
  color: rgba(66, 216, 111, var(--placeholder-opacity));
}

.focus\:placeholder-green-300:focus::placeholder {
  --placeholder-opacity: 1;
  color: #42d86f;
  color: rgba(66, 216, 111, var(--placeholder-opacity));
}

.focus\:placeholder-green-500:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #0cc242;
  color: rgba(12, 194, 66, var(--placeholder-opacity));
}

.focus\:placeholder-green-500:focus::placeholder {
  --placeholder-opacity: 1;
  color: #0cc242;
  color: rgba(12, 194, 66, var(--placeholder-opacity));
}

.focus\:placeholder-green-700:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #02983a;
  color: rgba(2, 152, 58, var(--placeholder-opacity));
}

.focus\:placeholder-green-700:focus::placeholder {
  --placeholder-opacity: 1;
  color: #02983a;
  color: rgba(2, 152, 58, var(--placeholder-opacity));
}

.focus\:placeholder-orange-100:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ff6e4a;
  color: rgba(255, 110, 74, var(--placeholder-opacity));
}

.focus\:placeholder-orange-100:focus::placeholder {
  --placeholder-opacity: 1;
  color: #ff6e4a;
  color: rgba(255, 110, 74, var(--placeholder-opacity));
}

.focus\:placeholder-orange-200:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ff6640;
  color: rgba(255, 102, 64, var(--placeholder-opacity));
}

.focus\:placeholder-orange-200:focus::placeholder {
  --placeholder-opacity: 1;
  color: #ff6640;
  color: rgba(255, 102, 64, var(--placeholder-opacity));
}

.focus\:placeholder-orange-300:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ff5e36;
  color: rgba(255, 94, 54, var(--placeholder-opacity));
}

.focus\:placeholder-orange-300:focus::placeholder {
  --placeholder-opacity: 1;
  color: #ff5e36;
  color: rgba(255, 94, 54, var(--placeholder-opacity));
}

.focus\:placeholder-orange-400:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ff562b;
  color: rgba(255, 86, 43, var(--placeholder-opacity));
}

.focus\:placeholder-orange-400:focus::placeholder {
  --placeholder-opacity: 1;
  color: #ff562b;
  color: rgba(255, 86, 43, var(--placeholder-opacity));
}

.focus\:placeholder-orange-500:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ff4d22;
  color: rgba(255, 77, 34, var(--placeholder-opacity));
}

.focus\:placeholder-orange-500:focus::placeholder {
  --placeholder-opacity: 1;
  color: #ff4d22;
  color: rgba(255, 77, 34, var(--placeholder-opacity));
}

.focus\:placeholder-orange-600:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #e5461e;
  color: rgba(229, 70, 30, var(--placeholder-opacity));
}

.focus\:placeholder-orange-600:focus::placeholder {
  --placeholder-opacity: 1;
  color: #e5461e;
  color: rgba(229, 70, 30, var(--placeholder-opacity));
}

.focus\:placeholder-orange-700:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #cc3e1b;
  color: rgba(204, 62, 27, var(--placeholder-opacity));
}

.focus\:placeholder-orange-700:focus::placeholder {
  --placeholder-opacity: 1;
  color: #cc3e1b;
  color: rgba(204, 62, 27, var(--placeholder-opacity));
}

.focus\:placeholder-orange-800:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #b33617;
  color: rgba(179, 54, 23, var(--placeholder-opacity));
}

.focus\:placeholder-orange-800:focus::placeholder {
  --placeholder-opacity: 1;
  color: #b33617;
  color: rgba(179, 54, 23, var(--placeholder-opacity));
}

.focus\:placeholder-orange-900:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #992f14;
  color: rgba(153, 47, 20, var(--placeholder-opacity));
}

.focus\:placeholder-orange-900:focus::placeholder {
  --placeholder-opacity: 1;
  color: #992f14;
  color: rgba(153, 47, 20, var(--placeholder-opacity));
}

.focus\:placeholder-purple-100:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #c861ff;
  color: rgba(200, 97, 255, var(--placeholder-opacity));
}

.focus\:placeholder-purple-100:focus::placeholder {
  --placeholder-opacity: 1;
  color: #c861ff;
  color: rgba(200, 97, 255, var(--placeholder-opacity));
}

.focus\:placeholder-purple-200:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #c354ff;
  color: rgba(195, 84, 255, var(--placeholder-opacity));
}

.focus\:placeholder-purple-200:focus::placeholder {
  --placeholder-opacity: 1;
  color: #c354ff;
  color: rgba(195, 84, 255, var(--placeholder-opacity));
}

.focus\:placeholder-purple-300:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #be49fc;
  color: rgba(190, 73, 252, var(--placeholder-opacity));
}

.focus\:placeholder-purple-300:focus::placeholder {
  --placeholder-opacity: 1;
  color: #be49fc;
  color: rgba(190, 73, 252, var(--placeholder-opacity));
}

.focus\:placeholder-purple-400:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ab42e3;
  color: rgba(171, 66, 227, var(--placeholder-opacity));
}

.focus\:placeholder-purple-400:focus::placeholder {
  --placeholder-opacity: 1;
  color: #ab42e3;
  color: rgba(171, 66, 227, var(--placeholder-opacity));
}

.focus\:placeholder-purple-500:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #983ac9;
  color: rgba(152, 58, 201, var(--placeholder-opacity));
}

.focus\:placeholder-purple-500:focus::placeholder {
  --placeholder-opacity: 1;
  color: #983ac9;
  color: rgba(152, 58, 201, var(--placeholder-opacity));
}

.focus\:placeholder-purple-600:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #8433b0;
  color: rgba(132, 51, 176, var(--placeholder-opacity));
}

.focus\:placeholder-purple-600:focus::placeholder {
  --placeholder-opacity: 1;
  color: #8433b0;
  color: rgba(132, 51, 176, var(--placeholder-opacity));
}

.focus\:placeholder-purple-700:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #712c96;
  color: rgba(113, 44, 150, var(--placeholder-opacity));
}

.focus\:placeholder-purple-700:focus::placeholder {
  --placeholder-opacity: 1;
  color: #712c96;
  color: rgba(113, 44, 150, var(--placeholder-opacity));
}

.focus\:placeholder-purple-800:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #5e247d;
  color: rgba(94, 36, 125, var(--placeholder-opacity));
}

.focus\:placeholder-purple-800:focus::placeholder {
  --placeholder-opacity: 1;
  color: #5e247d;
  color: rgba(94, 36, 125, var(--placeholder-opacity));
}

.focus\:placeholder-purple-900:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #4b1d63;
  color: rgba(75, 29, 99, var(--placeholder-opacity));
}

.focus\:placeholder-purple-900:focus::placeholder {
  --placeholder-opacity: 1;
  color: #4b1d63;
  color: rgba(75, 29, 99, var(--placeholder-opacity));
}

.focus\:placeholder-red-300:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ff6d69;
  color: rgba(255, 109, 105, var(--placeholder-opacity));
}

.focus\:placeholder-red-300:focus::placeholder {
  --placeholder-opacity: 1;
  color: #ff6d69;
  color: rgba(255, 109, 105, var(--placeholder-opacity));
}

.focus\:placeholder-red-500:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ff4540;
  color: rgba(255, 69, 64, var(--placeholder-opacity));
}

.focus\:placeholder-red-500:focus::placeholder {
  --placeholder-opacity: 1;
  color: #ff4540;
  color: rgba(255, 69, 64, var(--placeholder-opacity));
}

.focus\:placeholder-red-700:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #bf3929;
  color: rgba(191, 57, 41, var(--placeholder-opacity));
}

.focus\:placeholder-red-700:focus::placeholder {
  --placeholder-opacity: 1;
  color: #bf3929;
  color: rgba(191, 57, 41, var(--placeholder-opacity));
}

.focus\:placeholder-teal-100:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #8cfff9;
  color: rgba(140, 255, 249, var(--placeholder-opacity));
}

.focus\:placeholder-teal-100:focus::placeholder {
  --placeholder-opacity: 1;
  color: #8cfff9;
  color: rgba(140, 255, 249, var(--placeholder-opacity));
}

.focus\:placeholder-teal-200:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #66fff7;
  color: rgba(102, 255, 247, var(--placeholder-opacity));
}

.focus\:placeholder-teal-200:focus::placeholder {
  --placeholder-opacity: 1;
  color: #66fff7;
  color: rgba(102, 255, 247, var(--placeholder-opacity));
}

.focus\:placeholder-teal-300:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #40fff5;
  color: rgba(64, 255, 245, var(--placeholder-opacity));
}

.focus\:placeholder-teal-300:focus::placeholder {
  --placeholder-opacity: 1;
  color: #40fff5;
  color: rgba(64, 255, 245, var(--placeholder-opacity));
}

.focus\:placeholder-teal-400:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #35fcf2;
  color: rgba(53, 252, 242, var(--placeholder-opacity));
}

.focus\:placeholder-teal-400:focus::placeholder {
  --placeholder-opacity: 1;
  color: #35fcf2;
  color: rgba(53, 252, 242, var(--placeholder-opacity));
}

.focus\:placeholder-teal-500:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #30e3da;
  color: rgba(48, 227, 218, var(--placeholder-opacity));
}

.focus\:placeholder-teal-500:focus::placeholder {
  --placeholder-opacity: 1;
  color: #30e3da;
  color: rgba(48, 227, 218, var(--placeholder-opacity));
}

.focus\:placeholder-teal-600:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #2ac9c1;
  color: rgba(42, 201, 193, var(--placeholder-opacity));
}

.focus\:placeholder-teal-600:focus::placeholder {
  --placeholder-opacity: 1;
  color: #2ac9c1;
  color: rgba(42, 201, 193, var(--placeholder-opacity));
}

.focus\:placeholder-teal-700:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #25b0a9;
  color: rgba(37, 176, 169, var(--placeholder-opacity));
}

.focus\:placeholder-teal-700:focus::placeholder {
  --placeholder-opacity: 1;
  color: #25b0a9;
  color: rgba(37, 176, 169, var(--placeholder-opacity));
}

.focus\:placeholder-teal-800:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #209691;
  color: rgba(32, 150, 145, var(--placeholder-opacity));
}

.focus\:placeholder-teal-800:focus::placeholder {
  --placeholder-opacity: 1;
  color: #209691;
  color: rgba(32, 150, 145, var(--placeholder-opacity));
}

.focus\:placeholder-teal-900:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #1a7d78;
  color: rgba(26, 125, 120, var(--placeholder-opacity));
}

.focus\:placeholder-teal-900:focus::placeholder {
  --placeholder-opacity: 1;
  color: #1a7d78;
  color: rgba(26, 125, 120, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ffe894;
  color: rgba(255, 232, 148, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-100:focus::placeholder {
  --placeholder-opacity: 1;
  color: #ffe894;
  color: rgba(255, 232, 148, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ffe27a;
  color: rgba(255, 226, 122, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-200:focus::placeholder {
  --placeholder-opacity: 1;
  color: #ffe27a;
  color: rgba(255, 226, 122, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ffdd61;
  color: rgba(255, 221, 97, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-300:focus::placeholder {
  --placeholder-opacity: 1;
  color: #ffdd61;
  color: rgba(255, 221, 97, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #ffd747;
  color: rgba(255, 215, 71, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-400:focus::placeholder {
  --placeholder-opacity: 1;
  color: #ffd747;
  color: rgba(255, 215, 71, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #fcce2f;
  color: rgba(252, 206, 47, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-500:focus::placeholder {
  --placeholder-opacity: 1;
  color: #fcce2f;
  color: rgba(252, 206, 47, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #e3bb29;
  color: rgba(227, 187, 41, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-600:focus::placeholder {
  --placeholder-opacity: 1;
  color: #e3bb29;
  color: rgba(227, 187, 41, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #c9a624;
  color: rgba(201, 166, 36, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-700:focus::placeholder {
  --placeholder-opacity: 1;
  color: #c9a624;
  color: rgba(201, 166, 36, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #b09120;
  color: rgba(176, 145, 32, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-800:focus::placeholder {
  --placeholder-opacity: 1;
  color: #b09120;
  color: rgba(176, 145, 32, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #967c1b;
  color: rgba(150, 124, 27, var(--placeholder-opacity));
}

.focus\:placeholder-yellow-900:focus::placeholder {
  --placeholder-opacity: 1;
  color: #967c1b;
  color: rgba(150, 124, 27, var(--placeholder-opacity));
}

.focus\:placeholder-facebook-400:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #4a6dbc;
  color: rgba(74, 109, 188, var(--placeholder-opacity));
}

.focus\:placeholder-facebook-400:focus::placeholder {
  --placeholder-opacity: 1;
  color: #4a6dbc;
  color: rgba(74, 109, 188, var(--placeholder-opacity));
}

.focus\:placeholder-facebook-500:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #39579a;
  color: rgba(57, 87, 154, var(--placeholder-opacity));
}

.focus\:placeholder-facebook-500:focus::placeholder {
  --placeholder-opacity: 1;
  color: #39579a;
  color: rgba(57, 87, 154, var(--placeholder-opacity));
}

.focus\:placeholder-snapchat-400:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #fffc00;
  color: rgba(255, 252, 0, var(--placeholder-opacity));
}

.focus\:placeholder-snapchat-400:focus::placeholder {
  --placeholder-opacity: 1;
  color: #fffc00;
  color: rgba(255, 252, 0, var(--placeholder-opacity));
}

.focus\:placeholder-snapchat-500:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #39579a;
  color: rgba(57, 87, 154, var(--placeholder-opacity));
}

.focus\:placeholder-snapchat-500:focus::placeholder {
  --placeholder-opacity: 1;
  color: #39579a;
  color: rgba(57, 87, 154, var(--placeholder-opacity));
}

.focus\:placeholder-messenger-400:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #339dff;
  color: rgba(51, 157, 255, var(--placeholder-opacity));
}

.focus\:placeholder-messenger-400:focus::placeholder {
  --placeholder-opacity: 1;
  color: #339dff;
  color: rgba(51, 157, 255, var(--placeholder-opacity));
}

.focus\:placeholder-messenger-500:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #0084ff;
  color: rgba(0, 132, 255, var(--placeholder-opacity));
}

.focus\:placeholder-messenger-500:focus::placeholder {
  --placeholder-opacity: 1;
  color: #0084ff;
  color: rgba(0, 132, 255, var(--placeholder-opacity));
}

.focus\:placeholder-twitter-400:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #21c2ff;
  color: rgba(33, 194, 255, var(--placeholder-opacity));
}

.focus\:placeholder-twitter-400:focus::placeholder {
  --placeholder-opacity: 1;
  color: #21c2ff;
  color: rgba(33, 194, 255, var(--placeholder-opacity));
}

.focus\:placeholder-twitter-500:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #00aced;
  color: rgba(0, 172, 237, var(--placeholder-opacity));
}

.focus\:placeholder-twitter-500:focus::placeholder {
  --placeholder-opacity: 1;
  color: #00aced;
  color: rgba(0, 172, 237, var(--placeholder-opacity));
}

.focus\:placeholder-transparent-black-10:focus:-ms-input-placeholder {
  color: rgba(0,0,0,0.1);
}

.focus\:placeholder-transparent-black-10:focus::placeholder {
  color: rgba(0,0,0,0.1);
}

.focus\:placeholder-transparent-black-30:focus:-ms-input-placeholder {
  color: rgba(0,0,0,0.3);
}

.focus\:placeholder-transparent-black-30:focus::placeholder {
  color: rgba(0,0,0,0.3);
}

.focus\:placeholder-transparent-black-50:focus:-ms-input-placeholder {
  color: rgba(0,0,0,0.5);
}

.focus\:placeholder-transparent-black-50:focus::placeholder {
  color: rgba(0,0,0,0.5);
}

.focus\:placeholder-transparent-black-70:focus:-ms-input-placeholder {
  color: rgba(0,0,0,0.7);
}

.focus\:placeholder-transparent-black-70:focus::placeholder {
  color: rgba(0,0,0,0.7);
}

.focus\:placeholder-transparent-black-90:focus:-ms-input-placeholder {
  color: rgba(0,0,0,0.9);
}

.focus\:placeholder-transparent-black-90:focus::placeholder {
  color: rgba(0,0,0,0.9);
}

.focus\:placeholder-transparent-white-10:focus:-ms-input-placeholder {
  color: rgba(255,255,255,0.1);
}

.focus\:placeholder-transparent-white-10:focus::placeholder {
  color: rgba(255,255,255,0.1);
}

.focus\:placeholder-transparent-white-30:focus:-ms-input-placeholder {
  color: rgba(255,255,255,0.3);
}

.focus\:placeholder-transparent-white-30:focus::placeholder {
  color: rgba(255,255,255,0.3);
}

.focus\:placeholder-transparent-white-50:focus:-ms-input-placeholder {
  color: rgba(255,255,255,0.5);
}

.focus\:placeholder-transparent-white-50:focus::placeholder {
  color: rgba(255,255,255,0.5);
}

.focus\:placeholder-transparent-white-70:focus:-ms-input-placeholder {
  color: rgba(255,255,255,0.7);
}

.focus\:placeholder-transparent-white-70:focus::placeholder {
  color: rgba(255,255,255,0.7);
}

.focus\:placeholder-transparent-white-90:focus:-ms-input-placeholder {
  color: rgba(255,255,255,0.9);
}

.focus\:placeholder-transparent-white-90:focus::placeholder {
  color: rgba(255,255,255,0.9);
}

.focus\:placeholder-vr-dark-blue:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #000047;
  color: rgba(0, 0, 71, var(--placeholder-opacity));
}

.focus\:placeholder-vr-dark-blue:focus::placeholder {
  --placeholder-opacity: 1;
  color: #000047;
  color: rgba(0, 0, 71, var(--placeholder-opacity));
}

.focus\:placeholder-vr-neon-green:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #00ff75;
  color: rgba(0, 255, 117, var(--placeholder-opacity));
}

.focus\:placeholder-vr-neon-green:focus::placeholder {
  --placeholder-opacity: 1;
  color: #00ff75;
  color: rgba(0, 255, 117, var(--placeholder-opacity));
}

.placeholder-opacity-0:-ms-input-placeholder {
  --placeholder-opacity: 0;
}

.placeholder-opacity-0::placeholder {
  --placeholder-opacity: 0;
}

.placeholder-opacity-25:-ms-input-placeholder {
  --placeholder-opacity: 0.25;
}

.placeholder-opacity-25::placeholder {
  --placeholder-opacity: 0.25;
}

.placeholder-opacity-50:-ms-input-placeholder {
  --placeholder-opacity: 0.5;
}

.placeholder-opacity-50::placeholder {
  --placeholder-opacity: 0.5;
}

.placeholder-opacity-75:-ms-input-placeholder {
  --placeholder-opacity: 0.75;
}

.placeholder-opacity-75::placeholder {
  --placeholder-opacity: 0.75;
}

.placeholder-opacity-100:-ms-input-placeholder {
  --placeholder-opacity: 1;
}

.placeholder-opacity-100::placeholder {
  --placeholder-opacity: 1;
}

.focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
  --placeholder-opacity: 0;
}

.focus\:placeholder-opacity-0:focus::placeholder {
  --placeholder-opacity: 0;
}

.focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
  --placeholder-opacity: 0.25;
}

.focus\:placeholder-opacity-25:focus::placeholder {
  --placeholder-opacity: 0.25;
}

.focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
  --placeholder-opacity: 0.5;
}

.focus\:placeholder-opacity-50:focus::placeholder {
  --placeholder-opacity: 0.5;
}

.focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
  --placeholder-opacity: 0.75;
}

.focus\:placeholder-opacity-75:focus::placeholder {
  --placeholder-opacity: 0.75;
}

.focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
}

.focus\:placeholder-opacity-100:focus::placeholder {
  --placeholder-opacity: 1;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.inset-y-0 {
  top: 0;
  bottom: 0;
}

.inset-x-0 {
  right: 0;
  left: 0;
}

.inset-y-auto {
  top: auto;
  bottom: auto;
}

.inset-x-auto {
  right: auto;
  left: auto;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.top-auto {
  top: auto;
}

.right-auto {
  right: auto;
}

.bottom-auto {
  bottom: auto;
}

.left-auto {
  left: auto;
}

.resize-none {
  resize: none;
}

.resize-y {
  resize: vertical;
}

.resize-x {
  resize: horizontal;
}

.resize {
  resize: both;
}

.shadow-xs {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.shadow-outline {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

.shadow-none {
  box-shadow: none;
}

.hover\:shadow-xs:hover {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.hover\:shadow-sm:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.hover\:shadow:hover {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.hover\:shadow-md:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.hover\:shadow-lg:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.hover\:shadow-xl:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.hover\:shadow-2xl:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.hover\:shadow-inner:hover {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.hover\:shadow-outline:hover {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

.hover\:shadow-none:hover {
  box-shadow: none;
}

.focus\:shadow-xs:focus {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.focus\:shadow-sm:focus {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.focus\:shadow:focus {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.focus\:shadow-md:focus {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.focus\:shadow-lg:focus {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.focus\:shadow-xl:focus {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.focus\:shadow-2xl:focus {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.focus\:shadow-inner:focus {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.focus\:shadow-outline:focus {
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

.focus\:shadow-none:focus {
  box-shadow: none;
}

.fill-current {
  fill: currentColor;
}

.stroke-current {
  stroke: currentColor;
}

.stroke-0 {
  stroke-width: 0;
}

.stroke-1 {
  stroke-width: 1;
}

.stroke-2 {
  stroke-width: 2;
}

.table-auto {
  table-layout: auto;
}

.table-fixed {
  table-layout: fixed;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-transparent {
  color: transparent;
}

.text-black {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.text-white {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.text-gray-100 {
  --text-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--text-opacity));
}

.text-gray-200 {
  --text-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--text-opacity));
}

.text-gray-300 {
  --text-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--text-opacity));
}

.text-gray-400 {
  --text-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--text-opacity));
}

.text-gray-500 {
  --text-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--text-opacity));
}

.text-gray-600 {
  --text-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--text-opacity));
}

.text-gray-700 {
  --text-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--text-opacity));
}

.text-gray-800 {
  --text-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--text-opacity));
}

.text-gray-900 {
  --text-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--text-opacity));
}

.text-blue-100 {
  --text-opacity: 1;
  color: #86dfff;
  color: rgba(134, 223, 255, var(--text-opacity));
}

.text-blue-200 {
  --text-opacity: 1;
  color: #6bd6ff;
  color: rgba(107, 214, 255, var(--text-opacity));
}

.text-blue-300 {
  --text-opacity: 1;
  color: #52ccff;
  color: rgba(82, 204, 255, var(--text-opacity));
}

.text-blue-400 {
  --text-opacity: 1;
  color: #3ac2ff;
  color: rgba(58, 194, 255, var(--text-opacity));
}

.text-blue-500 {
  --text-opacity: 1;
  color: #23b7fb;
  color: rgba(35, 183, 251, var(--text-opacity));
}

.text-blue-600 {
  --text-opacity: 1;
  color: #1a9adf;
  color: rgba(26, 154, 223, var(--text-opacity));
}

.text-blue-700 {
  --text-opacity: 1;
  color: #127fbf;
  color: rgba(18, 127, 191, var(--text-opacity));
}

.text-blue-800 {
  --text-opacity: 1;
  color: #0c659f;
  color: rgba(12, 101, 159, var(--text-opacity));
}

.text-blue-900 {
  --text-opacity: 1;
  color: #074c80;
  color: rgba(7, 76, 128, var(--text-opacity));
}

.text-blurple-100 {
  --text-opacity: 1;
  color: #938FDB;
  color: rgba(147, 143, 219, var(--text-opacity));
}

.text-blurple-200 {
  --text-opacity: 1;
  color: #7A75D0;
  color: rgba(122, 117, 208, var(--text-opacity));
}

.text-blurple-300 {
  --text-opacity: 1;
  color: #615BC4;
  color: rgba(97, 91, 196, var(--text-opacity));
}

.text-blurple-400 {
  --text-opacity: 1;
  color: #4943B7;
  color: rgba(73, 67, 183, var(--text-opacity));
}

.text-blurple-500 {
  --text-opacity: 1;
  color: #322baa;
  color: rgba(50, 43, 170, var(--text-opacity));
}

.text-blurple-700 {
  --text-opacity: 1;
  color: #1c1e84;
  color: rgba(28, 30, 132, var(--text-opacity));
}

.text-green-300 {
  --text-opacity: 1;
  color: #42d86f;
  color: rgba(66, 216, 111, var(--text-opacity));
}

.text-green-500 {
  --text-opacity: 1;
  color: #0cc242;
  color: rgba(12, 194, 66, var(--text-opacity));
}

.text-green-700 {
  --text-opacity: 1;
  color: #02983a;
  color: rgba(2, 152, 58, var(--text-opacity));
}

.text-orange-100 {
  --text-opacity: 1;
  color: #ff6e4a;
  color: rgba(255, 110, 74, var(--text-opacity));
}

.text-orange-200 {
  --text-opacity: 1;
  color: #ff6640;
  color: rgba(255, 102, 64, var(--text-opacity));
}

.text-orange-300 {
  --text-opacity: 1;
  color: #ff5e36;
  color: rgba(255, 94, 54, var(--text-opacity));
}

.text-orange-400 {
  --text-opacity: 1;
  color: #ff562b;
  color: rgba(255, 86, 43, var(--text-opacity));
}

.text-orange-500 {
  --text-opacity: 1;
  color: #ff4d22;
  color: rgba(255, 77, 34, var(--text-opacity));
}

.text-orange-600 {
  --text-opacity: 1;
  color: #e5461e;
  color: rgba(229, 70, 30, var(--text-opacity));
}

.text-orange-700 {
  --text-opacity: 1;
  color: #cc3e1b;
  color: rgba(204, 62, 27, var(--text-opacity));
}

.text-orange-800 {
  --text-opacity: 1;
  color: #b33617;
  color: rgba(179, 54, 23, var(--text-opacity));
}

.text-orange-900 {
  --text-opacity: 1;
  color: #992f14;
  color: rgba(153, 47, 20, var(--text-opacity));
}

.text-purple-100 {
  --text-opacity: 1;
  color: #c861ff;
  color: rgba(200, 97, 255, var(--text-opacity));
}

.text-purple-200 {
  --text-opacity: 1;
  color: #c354ff;
  color: rgba(195, 84, 255, var(--text-opacity));
}

.text-purple-300 {
  --text-opacity: 1;
  color: #be49fc;
  color: rgba(190, 73, 252, var(--text-opacity));
}

.text-purple-400 {
  --text-opacity: 1;
  color: #ab42e3;
  color: rgba(171, 66, 227, var(--text-opacity));
}

.text-purple-500 {
  --text-opacity: 1;
  color: #983ac9;
  color: rgba(152, 58, 201, var(--text-opacity));
}

.text-purple-600 {
  --text-opacity: 1;
  color: #8433b0;
  color: rgba(132, 51, 176, var(--text-opacity));
}

.text-purple-700 {
  --text-opacity: 1;
  color: #712c96;
  color: rgba(113, 44, 150, var(--text-opacity));
}

.text-purple-800 {
  --text-opacity: 1;
  color: #5e247d;
  color: rgba(94, 36, 125, var(--text-opacity));
}

.text-purple-900 {
  --text-opacity: 1;
  color: #4b1d63;
  color: rgba(75, 29, 99, var(--text-opacity));
}

.text-red-300 {
  --text-opacity: 1;
  color: #ff6d69;
  color: rgba(255, 109, 105, var(--text-opacity));
}

.text-red-500 {
  --text-opacity: 1;
  color: #ff4540;
  color: rgba(255, 69, 64, var(--text-opacity));
}

.text-red-700 {
  --text-opacity: 1;
  color: #bf3929;
  color: rgba(191, 57, 41, var(--text-opacity));
}

.text-teal-100 {
  --text-opacity: 1;
  color: #8cfff9;
  color: rgba(140, 255, 249, var(--text-opacity));
}

.text-teal-200 {
  --text-opacity: 1;
  color: #66fff7;
  color: rgba(102, 255, 247, var(--text-opacity));
}

.text-teal-300 {
  --text-opacity: 1;
  color: #40fff5;
  color: rgba(64, 255, 245, var(--text-opacity));
}

.text-teal-400 {
  --text-opacity: 1;
  color: #35fcf2;
  color: rgba(53, 252, 242, var(--text-opacity));
}

.text-teal-500 {
  --text-opacity: 1;
  color: #30e3da;
  color: rgba(48, 227, 218, var(--text-opacity));
}

.text-teal-600 {
  --text-opacity: 1;
  color: #2ac9c1;
  color: rgba(42, 201, 193, var(--text-opacity));
}

.text-teal-700 {
  --text-opacity: 1;
  color: #25b0a9;
  color: rgba(37, 176, 169, var(--text-opacity));
}

.text-teal-800 {
  --text-opacity: 1;
  color: #209691;
  color: rgba(32, 150, 145, var(--text-opacity));
}

.text-teal-900 {
  --text-opacity: 1;
  color: #1a7d78;
  color: rgba(26, 125, 120, var(--text-opacity));
}

.text-yellow-100 {
  --text-opacity: 1;
  color: #ffe894;
  color: rgba(255, 232, 148, var(--text-opacity));
}

.text-yellow-200 {
  --text-opacity: 1;
  color: #ffe27a;
  color: rgba(255, 226, 122, var(--text-opacity));
}

.text-yellow-300 {
  --text-opacity: 1;
  color: #ffdd61;
  color: rgba(255, 221, 97, var(--text-opacity));
}

.text-yellow-400 {
  --text-opacity: 1;
  color: #ffd747;
  color: rgba(255, 215, 71, var(--text-opacity));
}

.text-yellow-500 {
  --text-opacity: 1;
  color: #fcce2f;
  color: rgba(252, 206, 47, var(--text-opacity));
}

.text-yellow-600 {
  --text-opacity: 1;
  color: #e3bb29;
  color: rgba(227, 187, 41, var(--text-opacity));
}

.text-yellow-700 {
  --text-opacity: 1;
  color: #c9a624;
  color: rgba(201, 166, 36, var(--text-opacity));
}

.text-yellow-800 {
  --text-opacity: 1;
  color: #b09120;
  color: rgba(176, 145, 32, var(--text-opacity));
}

.text-yellow-900 {
  --text-opacity: 1;
  color: #967c1b;
  color: rgba(150, 124, 27, var(--text-opacity));
}

.text-facebook-400 {
  --text-opacity: 1;
  color: #4a6dbc;
  color: rgba(74, 109, 188, var(--text-opacity));
}

.text-facebook-500 {
  --text-opacity: 1;
  color: #39579a;
  color: rgba(57, 87, 154, var(--text-opacity));
}

.text-snapchat-400 {
  --text-opacity: 1;
  color: #fffc00;
  color: rgba(255, 252, 0, var(--text-opacity));
}

.text-snapchat-500 {
  --text-opacity: 1;
  color: #39579a;
  color: rgba(57, 87, 154, var(--text-opacity));
}

.text-messenger-400 {
  --text-opacity: 1;
  color: #339dff;
  color: rgba(51, 157, 255, var(--text-opacity));
}

.text-messenger-500 {
  --text-opacity: 1;
  color: #0084ff;
  color: rgba(0, 132, 255, var(--text-opacity));
}

.text-twitter-400 {
  --text-opacity: 1;
  color: #21c2ff;
  color: rgba(33, 194, 255, var(--text-opacity));
}

.text-twitter-500 {
  --text-opacity: 1;
  color: #00aced;
  color: rgba(0, 172, 237, var(--text-opacity));
}

.text-transparent-black-10 {
  color: rgba(0,0,0,0.1);
}

.text-transparent-black-30 {
  color: rgba(0,0,0,0.3);
}

.text-transparent-black-50 {
  color: rgba(0,0,0,0.5);
}

.text-transparent-black-70 {
  color: rgba(0,0,0,0.7);
}

.text-transparent-black-90 {
  color: rgba(0,0,0,0.9);
}

.text-transparent-white-10 {
  color: rgba(255,255,255,0.1);
}

.text-transparent-white-30 {
  color: rgba(255,255,255,0.3);
}

.text-transparent-white-50 {
  color: rgba(255,255,255,0.5);
}

.text-transparent-white-70 {
  color: rgba(255,255,255,0.7);
}

.text-transparent-white-90 {
  color: rgba(255,255,255,0.9);
}

.text-vr-dark-blue {
  --text-opacity: 1;
  color: #000047;
  color: rgba(0, 0, 71, var(--text-opacity));
}

.text-vr-neon-green {
  --text-opacity: 1;
  color: #00ff75;
  color: rgba(0, 255, 117, var(--text-opacity));
}

.active\:text-transparent:active {
  color: transparent;
}

.active\:text-black:active {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.active\:text-white:active {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.active\:text-gray-100:active {
  --text-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--text-opacity));
}

.active\:text-gray-200:active {
  --text-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--text-opacity));
}

.active\:text-gray-300:active {
  --text-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--text-opacity));
}

.active\:text-gray-400:active {
  --text-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--text-opacity));
}

.active\:text-gray-500:active {
  --text-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--text-opacity));
}

.active\:text-gray-600:active {
  --text-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--text-opacity));
}

.active\:text-gray-700:active {
  --text-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--text-opacity));
}

.active\:text-gray-800:active {
  --text-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--text-opacity));
}

.active\:text-gray-900:active {
  --text-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--text-opacity));
}

.active\:text-blue-100:active {
  --text-opacity: 1;
  color: #86dfff;
  color: rgba(134, 223, 255, var(--text-opacity));
}

.active\:text-blue-200:active {
  --text-opacity: 1;
  color: #6bd6ff;
  color: rgba(107, 214, 255, var(--text-opacity));
}

.active\:text-blue-300:active {
  --text-opacity: 1;
  color: #52ccff;
  color: rgba(82, 204, 255, var(--text-opacity));
}

.active\:text-blue-400:active {
  --text-opacity: 1;
  color: #3ac2ff;
  color: rgba(58, 194, 255, var(--text-opacity));
}

.active\:text-blue-500:active {
  --text-opacity: 1;
  color: #23b7fb;
  color: rgba(35, 183, 251, var(--text-opacity));
}

.active\:text-blue-600:active {
  --text-opacity: 1;
  color: #1a9adf;
  color: rgba(26, 154, 223, var(--text-opacity));
}

.active\:text-blue-700:active {
  --text-opacity: 1;
  color: #127fbf;
  color: rgba(18, 127, 191, var(--text-opacity));
}

.active\:text-blue-800:active {
  --text-opacity: 1;
  color: #0c659f;
  color: rgba(12, 101, 159, var(--text-opacity));
}

.active\:text-blue-900:active {
  --text-opacity: 1;
  color: #074c80;
  color: rgba(7, 76, 128, var(--text-opacity));
}

.active\:text-blurple-100:active {
  --text-opacity: 1;
  color: #938FDB;
  color: rgba(147, 143, 219, var(--text-opacity));
}

.active\:text-blurple-200:active {
  --text-opacity: 1;
  color: #7A75D0;
  color: rgba(122, 117, 208, var(--text-opacity));
}

.active\:text-blurple-300:active {
  --text-opacity: 1;
  color: #615BC4;
  color: rgba(97, 91, 196, var(--text-opacity));
}

.active\:text-blurple-400:active {
  --text-opacity: 1;
  color: #4943B7;
  color: rgba(73, 67, 183, var(--text-opacity));
}

.active\:text-blurple-500:active {
  --text-opacity: 1;
  color: #322baa;
  color: rgba(50, 43, 170, var(--text-opacity));
}

.active\:text-blurple-700:active {
  --text-opacity: 1;
  color: #1c1e84;
  color: rgba(28, 30, 132, var(--text-opacity));
}

.active\:text-green-300:active {
  --text-opacity: 1;
  color: #42d86f;
  color: rgba(66, 216, 111, var(--text-opacity));
}

.active\:text-green-500:active {
  --text-opacity: 1;
  color: #0cc242;
  color: rgba(12, 194, 66, var(--text-opacity));
}

.active\:text-green-700:active {
  --text-opacity: 1;
  color: #02983a;
  color: rgba(2, 152, 58, var(--text-opacity));
}

.active\:text-orange-100:active {
  --text-opacity: 1;
  color: #ff6e4a;
  color: rgba(255, 110, 74, var(--text-opacity));
}

.active\:text-orange-200:active {
  --text-opacity: 1;
  color: #ff6640;
  color: rgba(255, 102, 64, var(--text-opacity));
}

.active\:text-orange-300:active {
  --text-opacity: 1;
  color: #ff5e36;
  color: rgba(255, 94, 54, var(--text-opacity));
}

.active\:text-orange-400:active {
  --text-opacity: 1;
  color: #ff562b;
  color: rgba(255, 86, 43, var(--text-opacity));
}

.active\:text-orange-500:active {
  --text-opacity: 1;
  color: #ff4d22;
  color: rgba(255, 77, 34, var(--text-opacity));
}

.active\:text-orange-600:active {
  --text-opacity: 1;
  color: #e5461e;
  color: rgba(229, 70, 30, var(--text-opacity));
}

.active\:text-orange-700:active {
  --text-opacity: 1;
  color: #cc3e1b;
  color: rgba(204, 62, 27, var(--text-opacity));
}

.active\:text-orange-800:active {
  --text-opacity: 1;
  color: #b33617;
  color: rgba(179, 54, 23, var(--text-opacity));
}

.active\:text-orange-900:active {
  --text-opacity: 1;
  color: #992f14;
  color: rgba(153, 47, 20, var(--text-opacity));
}

.active\:text-purple-100:active {
  --text-opacity: 1;
  color: #c861ff;
  color: rgba(200, 97, 255, var(--text-opacity));
}

.active\:text-purple-200:active {
  --text-opacity: 1;
  color: #c354ff;
  color: rgba(195, 84, 255, var(--text-opacity));
}

.active\:text-purple-300:active {
  --text-opacity: 1;
  color: #be49fc;
  color: rgba(190, 73, 252, var(--text-opacity));
}

.active\:text-purple-400:active {
  --text-opacity: 1;
  color: #ab42e3;
  color: rgba(171, 66, 227, var(--text-opacity));
}

.active\:text-purple-500:active {
  --text-opacity: 1;
  color: #983ac9;
  color: rgba(152, 58, 201, var(--text-opacity));
}

.active\:text-purple-600:active {
  --text-opacity: 1;
  color: #8433b0;
  color: rgba(132, 51, 176, var(--text-opacity));
}

.active\:text-purple-700:active {
  --text-opacity: 1;
  color: #712c96;
  color: rgba(113, 44, 150, var(--text-opacity));
}

.active\:text-purple-800:active {
  --text-opacity: 1;
  color: #5e247d;
  color: rgba(94, 36, 125, var(--text-opacity));
}

.active\:text-purple-900:active {
  --text-opacity: 1;
  color: #4b1d63;
  color: rgba(75, 29, 99, var(--text-opacity));
}

.active\:text-red-300:active {
  --text-opacity: 1;
  color: #ff6d69;
  color: rgba(255, 109, 105, var(--text-opacity));
}

.active\:text-red-500:active {
  --text-opacity: 1;
  color: #ff4540;
  color: rgba(255, 69, 64, var(--text-opacity));
}

.active\:text-red-700:active {
  --text-opacity: 1;
  color: #bf3929;
  color: rgba(191, 57, 41, var(--text-opacity));
}

.active\:text-teal-100:active {
  --text-opacity: 1;
  color: #8cfff9;
  color: rgba(140, 255, 249, var(--text-opacity));
}

.active\:text-teal-200:active {
  --text-opacity: 1;
  color: #66fff7;
  color: rgba(102, 255, 247, var(--text-opacity));
}

.active\:text-teal-300:active {
  --text-opacity: 1;
  color: #40fff5;
  color: rgba(64, 255, 245, var(--text-opacity));
}

.active\:text-teal-400:active {
  --text-opacity: 1;
  color: #35fcf2;
  color: rgba(53, 252, 242, var(--text-opacity));
}

.active\:text-teal-500:active {
  --text-opacity: 1;
  color: #30e3da;
  color: rgba(48, 227, 218, var(--text-opacity));
}

.active\:text-teal-600:active {
  --text-opacity: 1;
  color: #2ac9c1;
  color: rgba(42, 201, 193, var(--text-opacity));
}

.active\:text-teal-700:active {
  --text-opacity: 1;
  color: #25b0a9;
  color: rgba(37, 176, 169, var(--text-opacity));
}

.active\:text-teal-800:active {
  --text-opacity: 1;
  color: #209691;
  color: rgba(32, 150, 145, var(--text-opacity));
}

.active\:text-teal-900:active {
  --text-opacity: 1;
  color: #1a7d78;
  color: rgba(26, 125, 120, var(--text-opacity));
}

.active\:text-yellow-100:active {
  --text-opacity: 1;
  color: #ffe894;
  color: rgba(255, 232, 148, var(--text-opacity));
}

.active\:text-yellow-200:active {
  --text-opacity: 1;
  color: #ffe27a;
  color: rgba(255, 226, 122, var(--text-opacity));
}

.active\:text-yellow-300:active {
  --text-opacity: 1;
  color: #ffdd61;
  color: rgba(255, 221, 97, var(--text-opacity));
}

.active\:text-yellow-400:active {
  --text-opacity: 1;
  color: #ffd747;
  color: rgba(255, 215, 71, var(--text-opacity));
}

.active\:text-yellow-500:active {
  --text-opacity: 1;
  color: #fcce2f;
  color: rgba(252, 206, 47, var(--text-opacity));
}

.active\:text-yellow-600:active {
  --text-opacity: 1;
  color: #e3bb29;
  color: rgba(227, 187, 41, var(--text-opacity));
}

.active\:text-yellow-700:active {
  --text-opacity: 1;
  color: #c9a624;
  color: rgba(201, 166, 36, var(--text-opacity));
}

.active\:text-yellow-800:active {
  --text-opacity: 1;
  color: #b09120;
  color: rgba(176, 145, 32, var(--text-opacity));
}

.active\:text-yellow-900:active {
  --text-opacity: 1;
  color: #967c1b;
  color: rgba(150, 124, 27, var(--text-opacity));
}

.active\:text-facebook-400:active {
  --text-opacity: 1;
  color: #4a6dbc;
  color: rgba(74, 109, 188, var(--text-opacity));
}

.active\:text-facebook-500:active {
  --text-opacity: 1;
  color: #39579a;
  color: rgba(57, 87, 154, var(--text-opacity));
}

.active\:text-snapchat-400:active {
  --text-opacity: 1;
  color: #fffc00;
  color: rgba(255, 252, 0, var(--text-opacity));
}

.active\:text-snapchat-500:active {
  --text-opacity: 1;
  color: #39579a;
  color: rgba(57, 87, 154, var(--text-opacity));
}

.active\:text-messenger-400:active {
  --text-opacity: 1;
  color: #339dff;
  color: rgba(51, 157, 255, var(--text-opacity));
}

.active\:text-messenger-500:active {
  --text-opacity: 1;
  color: #0084ff;
  color: rgba(0, 132, 255, var(--text-opacity));
}

.active\:text-twitter-400:active {
  --text-opacity: 1;
  color: #21c2ff;
  color: rgba(33, 194, 255, var(--text-opacity));
}

.active\:text-twitter-500:active {
  --text-opacity: 1;
  color: #00aced;
  color: rgba(0, 172, 237, var(--text-opacity));
}

.active\:text-transparent-black-10:active {
  color: rgba(0,0,0,0.1);
}

.active\:text-transparent-black-30:active {
  color: rgba(0,0,0,0.3);
}

.active\:text-transparent-black-50:active {
  color: rgba(0,0,0,0.5);
}

.active\:text-transparent-black-70:active {
  color: rgba(0,0,0,0.7);
}

.active\:text-transparent-black-90:active {
  color: rgba(0,0,0,0.9);
}

.active\:text-transparent-white-10:active {
  color: rgba(255,255,255,0.1);
}

.active\:text-transparent-white-30:active {
  color: rgba(255,255,255,0.3);
}

.active\:text-transparent-white-50:active {
  color: rgba(255,255,255,0.5);
}

.active\:text-transparent-white-70:active {
  color: rgba(255,255,255,0.7);
}

.active\:text-transparent-white-90:active {
  color: rgba(255,255,255,0.9);
}

.active\:text-vr-dark-blue:active {
  --text-opacity: 1;
  color: #000047;
  color: rgba(0, 0, 71, var(--text-opacity));
}

.active\:text-vr-neon-green:active {
  --text-opacity: 1;
  color: #00ff75;
  color: rgba(0, 255, 117, var(--text-opacity));
}

.hover\:text-transparent:hover {
  color: transparent;
}

.hover\:text-black:hover {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.hover\:text-white:hover {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.hover\:text-gray-100:hover {
  --text-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--text-opacity));
}

.hover\:text-gray-200:hover {
  --text-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--text-opacity));
}

.hover\:text-gray-300:hover {
  --text-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--text-opacity));
}

.hover\:text-gray-400:hover {
  --text-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--text-opacity));
}

.hover\:text-gray-500:hover {
  --text-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--text-opacity));
}

.hover\:text-gray-600:hover {
  --text-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--text-opacity));
}

.hover\:text-gray-700:hover {
  --text-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--text-opacity));
}

.hover\:text-gray-800:hover {
  --text-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--text-opacity));
}

.hover\:text-gray-900:hover {
  --text-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--text-opacity));
}

.hover\:text-blue-100:hover {
  --text-opacity: 1;
  color: #86dfff;
  color: rgba(134, 223, 255, var(--text-opacity));
}

.hover\:text-blue-200:hover {
  --text-opacity: 1;
  color: #6bd6ff;
  color: rgba(107, 214, 255, var(--text-opacity));
}

.hover\:text-blue-300:hover {
  --text-opacity: 1;
  color: #52ccff;
  color: rgba(82, 204, 255, var(--text-opacity));
}

.hover\:text-blue-400:hover {
  --text-opacity: 1;
  color: #3ac2ff;
  color: rgba(58, 194, 255, var(--text-opacity));
}

.hover\:text-blue-500:hover {
  --text-opacity: 1;
  color: #23b7fb;
  color: rgba(35, 183, 251, var(--text-opacity));
}

.hover\:text-blue-600:hover {
  --text-opacity: 1;
  color: #1a9adf;
  color: rgba(26, 154, 223, var(--text-opacity));
}

.hover\:text-blue-700:hover {
  --text-opacity: 1;
  color: #127fbf;
  color: rgba(18, 127, 191, var(--text-opacity));
}

.hover\:text-blue-800:hover {
  --text-opacity: 1;
  color: #0c659f;
  color: rgba(12, 101, 159, var(--text-opacity));
}

.hover\:text-blue-900:hover {
  --text-opacity: 1;
  color: #074c80;
  color: rgba(7, 76, 128, var(--text-opacity));
}

.hover\:text-blurple-100:hover {
  --text-opacity: 1;
  color: #938FDB;
  color: rgba(147, 143, 219, var(--text-opacity));
}

.hover\:text-blurple-200:hover {
  --text-opacity: 1;
  color: #7A75D0;
  color: rgba(122, 117, 208, var(--text-opacity));
}

.hover\:text-blurple-300:hover {
  --text-opacity: 1;
  color: #615BC4;
  color: rgba(97, 91, 196, var(--text-opacity));
}

.hover\:text-blurple-400:hover {
  --text-opacity: 1;
  color: #4943B7;
  color: rgba(73, 67, 183, var(--text-opacity));
}

.hover\:text-blurple-500:hover {
  --text-opacity: 1;
  color: #322baa;
  color: rgba(50, 43, 170, var(--text-opacity));
}

.hover\:text-blurple-700:hover {
  --text-opacity: 1;
  color: #1c1e84;
  color: rgba(28, 30, 132, var(--text-opacity));
}

.hover\:text-green-300:hover {
  --text-opacity: 1;
  color: #42d86f;
  color: rgba(66, 216, 111, var(--text-opacity));
}

.hover\:text-green-500:hover {
  --text-opacity: 1;
  color: #0cc242;
  color: rgba(12, 194, 66, var(--text-opacity));
}

.hover\:text-green-700:hover {
  --text-opacity: 1;
  color: #02983a;
  color: rgba(2, 152, 58, var(--text-opacity));
}

.hover\:text-orange-100:hover {
  --text-opacity: 1;
  color: #ff6e4a;
  color: rgba(255, 110, 74, var(--text-opacity));
}

.hover\:text-orange-200:hover {
  --text-opacity: 1;
  color: #ff6640;
  color: rgba(255, 102, 64, var(--text-opacity));
}

.hover\:text-orange-300:hover {
  --text-opacity: 1;
  color: #ff5e36;
  color: rgba(255, 94, 54, var(--text-opacity));
}

.hover\:text-orange-400:hover {
  --text-opacity: 1;
  color: #ff562b;
  color: rgba(255, 86, 43, var(--text-opacity));
}

.hover\:text-orange-500:hover {
  --text-opacity: 1;
  color: #ff4d22;
  color: rgba(255, 77, 34, var(--text-opacity));
}

.hover\:text-orange-600:hover {
  --text-opacity: 1;
  color: #e5461e;
  color: rgba(229, 70, 30, var(--text-opacity));
}

.hover\:text-orange-700:hover {
  --text-opacity: 1;
  color: #cc3e1b;
  color: rgba(204, 62, 27, var(--text-opacity));
}

.hover\:text-orange-800:hover {
  --text-opacity: 1;
  color: #b33617;
  color: rgba(179, 54, 23, var(--text-opacity));
}

.hover\:text-orange-900:hover {
  --text-opacity: 1;
  color: #992f14;
  color: rgba(153, 47, 20, var(--text-opacity));
}

.hover\:text-purple-100:hover {
  --text-opacity: 1;
  color: #c861ff;
  color: rgba(200, 97, 255, var(--text-opacity));
}

.hover\:text-purple-200:hover {
  --text-opacity: 1;
  color: #c354ff;
  color: rgba(195, 84, 255, var(--text-opacity));
}

.hover\:text-purple-300:hover {
  --text-opacity: 1;
  color: #be49fc;
  color: rgba(190, 73, 252, var(--text-opacity));
}

.hover\:text-purple-400:hover {
  --text-opacity: 1;
  color: #ab42e3;
  color: rgba(171, 66, 227, var(--text-opacity));
}

.hover\:text-purple-500:hover {
  --text-opacity: 1;
  color: #983ac9;
  color: rgba(152, 58, 201, var(--text-opacity));
}

.hover\:text-purple-600:hover {
  --text-opacity: 1;
  color: #8433b0;
  color: rgba(132, 51, 176, var(--text-opacity));
}

.hover\:text-purple-700:hover {
  --text-opacity: 1;
  color: #712c96;
  color: rgba(113, 44, 150, var(--text-opacity));
}

.hover\:text-purple-800:hover {
  --text-opacity: 1;
  color: #5e247d;
  color: rgba(94, 36, 125, var(--text-opacity));
}

.hover\:text-purple-900:hover {
  --text-opacity: 1;
  color: #4b1d63;
  color: rgba(75, 29, 99, var(--text-opacity));
}

.hover\:text-red-300:hover {
  --text-opacity: 1;
  color: #ff6d69;
  color: rgba(255, 109, 105, var(--text-opacity));
}

.hover\:text-red-500:hover {
  --text-opacity: 1;
  color: #ff4540;
  color: rgba(255, 69, 64, var(--text-opacity));
}

.hover\:text-red-700:hover {
  --text-opacity: 1;
  color: #bf3929;
  color: rgba(191, 57, 41, var(--text-opacity));
}

.hover\:text-teal-100:hover {
  --text-opacity: 1;
  color: #8cfff9;
  color: rgba(140, 255, 249, var(--text-opacity));
}

.hover\:text-teal-200:hover {
  --text-opacity: 1;
  color: #66fff7;
  color: rgba(102, 255, 247, var(--text-opacity));
}

.hover\:text-teal-300:hover {
  --text-opacity: 1;
  color: #40fff5;
  color: rgba(64, 255, 245, var(--text-opacity));
}

.hover\:text-teal-400:hover {
  --text-opacity: 1;
  color: #35fcf2;
  color: rgba(53, 252, 242, var(--text-opacity));
}

.hover\:text-teal-500:hover {
  --text-opacity: 1;
  color: #30e3da;
  color: rgba(48, 227, 218, var(--text-opacity));
}

.hover\:text-teal-600:hover {
  --text-opacity: 1;
  color: #2ac9c1;
  color: rgba(42, 201, 193, var(--text-opacity));
}

.hover\:text-teal-700:hover {
  --text-opacity: 1;
  color: #25b0a9;
  color: rgba(37, 176, 169, var(--text-opacity));
}

.hover\:text-teal-800:hover {
  --text-opacity: 1;
  color: #209691;
  color: rgba(32, 150, 145, var(--text-opacity));
}

.hover\:text-teal-900:hover {
  --text-opacity: 1;
  color: #1a7d78;
  color: rgba(26, 125, 120, var(--text-opacity));
}

.hover\:text-yellow-100:hover {
  --text-opacity: 1;
  color: #ffe894;
  color: rgba(255, 232, 148, var(--text-opacity));
}

.hover\:text-yellow-200:hover {
  --text-opacity: 1;
  color: #ffe27a;
  color: rgba(255, 226, 122, var(--text-opacity));
}

.hover\:text-yellow-300:hover {
  --text-opacity: 1;
  color: #ffdd61;
  color: rgba(255, 221, 97, var(--text-opacity));
}

.hover\:text-yellow-400:hover {
  --text-opacity: 1;
  color: #ffd747;
  color: rgba(255, 215, 71, var(--text-opacity));
}

.hover\:text-yellow-500:hover {
  --text-opacity: 1;
  color: #fcce2f;
  color: rgba(252, 206, 47, var(--text-opacity));
}

.hover\:text-yellow-600:hover {
  --text-opacity: 1;
  color: #e3bb29;
  color: rgba(227, 187, 41, var(--text-opacity));
}

.hover\:text-yellow-700:hover {
  --text-opacity: 1;
  color: #c9a624;
  color: rgba(201, 166, 36, var(--text-opacity));
}

.hover\:text-yellow-800:hover {
  --text-opacity: 1;
  color: #b09120;
  color: rgba(176, 145, 32, var(--text-opacity));
}

.hover\:text-yellow-900:hover {
  --text-opacity: 1;
  color: #967c1b;
  color: rgba(150, 124, 27, var(--text-opacity));
}

.hover\:text-facebook-400:hover {
  --text-opacity: 1;
  color: #4a6dbc;
  color: rgba(74, 109, 188, var(--text-opacity));
}

.hover\:text-facebook-500:hover {
  --text-opacity: 1;
  color: #39579a;
  color: rgba(57, 87, 154, var(--text-opacity));
}

.hover\:text-snapchat-400:hover {
  --text-opacity: 1;
  color: #fffc00;
  color: rgba(255, 252, 0, var(--text-opacity));
}

.hover\:text-snapchat-500:hover {
  --text-opacity: 1;
  color: #39579a;
  color: rgba(57, 87, 154, var(--text-opacity));
}

.hover\:text-messenger-400:hover {
  --text-opacity: 1;
  color: #339dff;
  color: rgba(51, 157, 255, var(--text-opacity));
}

.hover\:text-messenger-500:hover {
  --text-opacity: 1;
  color: #0084ff;
  color: rgba(0, 132, 255, var(--text-opacity));
}

.hover\:text-twitter-400:hover {
  --text-opacity: 1;
  color: #21c2ff;
  color: rgba(33, 194, 255, var(--text-opacity));
}

.hover\:text-twitter-500:hover {
  --text-opacity: 1;
  color: #00aced;
  color: rgba(0, 172, 237, var(--text-opacity));
}

.hover\:text-transparent-black-10:hover {
  color: rgba(0,0,0,0.1);
}

.hover\:text-transparent-black-30:hover {
  color: rgba(0,0,0,0.3);
}

.hover\:text-transparent-black-50:hover {
  color: rgba(0,0,0,0.5);
}

.hover\:text-transparent-black-70:hover {
  color: rgba(0,0,0,0.7);
}

.hover\:text-transparent-black-90:hover {
  color: rgba(0,0,0,0.9);
}

.hover\:text-transparent-white-10:hover {
  color: rgba(255,255,255,0.1);
}

.hover\:text-transparent-white-30:hover {
  color: rgba(255,255,255,0.3);
}

.hover\:text-transparent-white-50:hover {
  color: rgba(255,255,255,0.5);
}

.hover\:text-transparent-white-70:hover {
  color: rgba(255,255,255,0.7);
}

.hover\:text-transparent-white-90:hover {
  color: rgba(255,255,255,0.9);
}

.hover\:text-vr-dark-blue:hover {
  --text-opacity: 1;
  color: #000047;
  color: rgba(0, 0, 71, var(--text-opacity));
}

.hover\:text-vr-neon-green:hover {
  --text-opacity: 1;
  color: #00ff75;
  color: rgba(0, 255, 117, var(--text-opacity));
}

.focus\:text-transparent:focus {
  color: transparent;
}

.focus\:text-black:focus {
  --text-opacity: 1;
  color: #000;
  color: rgba(0, 0, 0, var(--text-opacity));
}

.focus\:text-white:focus {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.focus\:text-gray-100:focus {
  --text-opacity: 1;
  color: #f7fafc;
  color: rgba(247, 250, 252, var(--text-opacity));
}

.focus\:text-gray-200:focus {
  --text-opacity: 1;
  color: #edf2f7;
  color: rgba(237, 242, 247, var(--text-opacity));
}

.focus\:text-gray-300:focus {
  --text-opacity: 1;
  color: #e2e8f0;
  color: rgba(226, 232, 240, var(--text-opacity));
}

.focus\:text-gray-400:focus {
  --text-opacity: 1;
  color: #cbd5e0;
  color: rgba(203, 213, 224, var(--text-opacity));
}

.focus\:text-gray-500:focus {
  --text-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--text-opacity));
}

.focus\:text-gray-600:focus {
  --text-opacity: 1;
  color: #718096;
  color: rgba(113, 128, 150, var(--text-opacity));
}

.focus\:text-gray-700:focus {
  --text-opacity: 1;
  color: #4a5568;
  color: rgba(74, 85, 104, var(--text-opacity));
}

.focus\:text-gray-800:focus {
  --text-opacity: 1;
  color: #2d3748;
  color: rgba(45, 55, 72, var(--text-opacity));
}

.focus\:text-gray-900:focus {
  --text-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--text-opacity));
}

.focus\:text-blue-100:focus {
  --text-opacity: 1;
  color: #86dfff;
  color: rgba(134, 223, 255, var(--text-opacity));
}

.focus\:text-blue-200:focus {
  --text-opacity: 1;
  color: #6bd6ff;
  color: rgba(107, 214, 255, var(--text-opacity));
}

.focus\:text-blue-300:focus {
  --text-opacity: 1;
  color: #52ccff;
  color: rgba(82, 204, 255, var(--text-opacity));
}

.focus\:text-blue-400:focus {
  --text-opacity: 1;
  color: #3ac2ff;
  color: rgba(58, 194, 255, var(--text-opacity));
}

.focus\:text-blue-500:focus {
  --text-opacity: 1;
  color: #23b7fb;
  color: rgba(35, 183, 251, var(--text-opacity));
}

.focus\:text-blue-600:focus {
  --text-opacity: 1;
  color: #1a9adf;
  color: rgba(26, 154, 223, var(--text-opacity));
}

.focus\:text-blue-700:focus {
  --text-opacity: 1;
  color: #127fbf;
  color: rgba(18, 127, 191, var(--text-opacity));
}

.focus\:text-blue-800:focus {
  --text-opacity: 1;
  color: #0c659f;
  color: rgba(12, 101, 159, var(--text-opacity));
}

.focus\:text-blue-900:focus {
  --text-opacity: 1;
  color: #074c80;
  color: rgba(7, 76, 128, var(--text-opacity));
}

.focus\:text-blurple-100:focus {
  --text-opacity: 1;
  color: #938FDB;
  color: rgba(147, 143, 219, var(--text-opacity));
}

.focus\:text-blurple-200:focus {
  --text-opacity: 1;
  color: #7A75D0;
  color: rgba(122, 117, 208, var(--text-opacity));
}

.focus\:text-blurple-300:focus {
  --text-opacity: 1;
  color: #615BC4;
  color: rgba(97, 91, 196, var(--text-opacity));
}

.focus\:text-blurple-400:focus {
  --text-opacity: 1;
  color: #4943B7;
  color: rgba(73, 67, 183, var(--text-opacity));
}

.focus\:text-blurple-500:focus {
  --text-opacity: 1;
  color: #322baa;
  color: rgba(50, 43, 170, var(--text-opacity));
}

.focus\:text-blurple-700:focus {
  --text-opacity: 1;
  color: #1c1e84;
  color: rgba(28, 30, 132, var(--text-opacity));
}

.focus\:text-green-300:focus {
  --text-opacity: 1;
  color: #42d86f;
  color: rgba(66, 216, 111, var(--text-opacity));
}

.focus\:text-green-500:focus {
  --text-opacity: 1;
  color: #0cc242;
  color: rgba(12, 194, 66, var(--text-opacity));
}

.focus\:text-green-700:focus {
  --text-opacity: 1;
  color: #02983a;
  color: rgba(2, 152, 58, var(--text-opacity));
}

.focus\:text-orange-100:focus {
  --text-opacity: 1;
  color: #ff6e4a;
  color: rgba(255, 110, 74, var(--text-opacity));
}

.focus\:text-orange-200:focus {
  --text-opacity: 1;
  color: #ff6640;
  color: rgba(255, 102, 64, var(--text-opacity));
}

.focus\:text-orange-300:focus {
  --text-opacity: 1;
  color: #ff5e36;
  color: rgba(255, 94, 54, var(--text-opacity));
}

.focus\:text-orange-400:focus {
  --text-opacity: 1;
  color: #ff562b;
  color: rgba(255, 86, 43, var(--text-opacity));
}

.focus\:text-orange-500:focus {
  --text-opacity: 1;
  color: #ff4d22;
  color: rgba(255, 77, 34, var(--text-opacity));
}

.focus\:text-orange-600:focus {
  --text-opacity: 1;
  color: #e5461e;
  color: rgba(229, 70, 30, var(--text-opacity));
}

.focus\:text-orange-700:focus {
  --text-opacity: 1;
  color: #cc3e1b;
  color: rgba(204, 62, 27, var(--text-opacity));
}

.focus\:text-orange-800:focus {
  --text-opacity: 1;
  color: #b33617;
  color: rgba(179, 54, 23, var(--text-opacity));
}

.focus\:text-orange-900:focus {
  --text-opacity: 1;
  color: #992f14;
  color: rgba(153, 47, 20, var(--text-opacity));
}

.focus\:text-purple-100:focus {
  --text-opacity: 1;
  color: #c861ff;
  color: rgba(200, 97, 255, var(--text-opacity));
}

.focus\:text-purple-200:focus {
  --text-opacity: 1;
  color: #c354ff;
  color: rgba(195, 84, 255, var(--text-opacity));
}

.focus\:text-purple-300:focus {
  --text-opacity: 1;
  color: #be49fc;
  color: rgba(190, 73, 252, var(--text-opacity));
}

.focus\:text-purple-400:focus {
  --text-opacity: 1;
  color: #ab42e3;
  color: rgba(171, 66, 227, var(--text-opacity));
}

.focus\:text-purple-500:focus {
  --text-opacity: 1;
  color: #983ac9;
  color: rgba(152, 58, 201, var(--text-opacity));
}

.focus\:text-purple-600:focus {
  --text-opacity: 1;
  color: #8433b0;
  color: rgba(132, 51, 176, var(--text-opacity));
}

.focus\:text-purple-700:focus {
  --text-opacity: 1;
  color: #712c96;
  color: rgba(113, 44, 150, var(--text-opacity));
}

.focus\:text-purple-800:focus {
  --text-opacity: 1;
  color: #5e247d;
  color: rgba(94, 36, 125, var(--text-opacity));
}

.focus\:text-purple-900:focus {
  --text-opacity: 1;
  color: #4b1d63;
  color: rgba(75, 29, 99, var(--text-opacity));
}

.focus\:text-red-300:focus {
  --text-opacity: 1;
  color: #ff6d69;
  color: rgba(255, 109, 105, var(--text-opacity));
}

.focus\:text-red-500:focus {
  --text-opacity: 1;
  color: #ff4540;
  color: rgba(255, 69, 64, var(--text-opacity));
}

.focus\:text-red-700:focus {
  --text-opacity: 1;
  color: #bf3929;
  color: rgba(191, 57, 41, var(--text-opacity));
}

.focus\:text-teal-100:focus {
  --text-opacity: 1;
  color: #8cfff9;
  color: rgba(140, 255, 249, var(--text-opacity));
}

.focus\:text-teal-200:focus {
  --text-opacity: 1;
  color: #66fff7;
  color: rgba(102, 255, 247, var(--text-opacity));
}

.focus\:text-teal-300:focus {
  --text-opacity: 1;
  color: #40fff5;
  color: rgba(64, 255, 245, var(--text-opacity));
}

.focus\:text-teal-400:focus {
  --text-opacity: 1;
  color: #35fcf2;
  color: rgba(53, 252, 242, var(--text-opacity));
}

.focus\:text-teal-500:focus {
  --text-opacity: 1;
  color: #30e3da;
  color: rgba(48, 227, 218, var(--text-opacity));
}

.focus\:text-teal-600:focus {
  --text-opacity: 1;
  color: #2ac9c1;
  color: rgba(42, 201, 193, var(--text-opacity));
}

.focus\:text-teal-700:focus {
  --text-opacity: 1;
  color: #25b0a9;
  color: rgba(37, 176, 169, var(--text-opacity));
}

.focus\:text-teal-800:focus {
  --text-opacity: 1;
  color: #209691;
  color: rgba(32, 150, 145, var(--text-opacity));
}

.focus\:text-teal-900:focus {
  --text-opacity: 1;
  color: #1a7d78;
  color: rgba(26, 125, 120, var(--text-opacity));
}

.focus\:text-yellow-100:focus {
  --text-opacity: 1;
  color: #ffe894;
  color: rgba(255, 232, 148, var(--text-opacity));
}

.focus\:text-yellow-200:focus {
  --text-opacity: 1;
  color: #ffe27a;
  color: rgba(255, 226, 122, var(--text-opacity));
}

.focus\:text-yellow-300:focus {
  --text-opacity: 1;
  color: #ffdd61;
  color: rgba(255, 221, 97, var(--text-opacity));
}

.focus\:text-yellow-400:focus {
  --text-opacity: 1;
  color: #ffd747;
  color: rgba(255, 215, 71, var(--text-opacity));
}

.focus\:text-yellow-500:focus {
  --text-opacity: 1;
  color: #fcce2f;
  color: rgba(252, 206, 47, var(--text-opacity));
}

.focus\:text-yellow-600:focus {
  --text-opacity: 1;
  color: #e3bb29;
  color: rgba(227, 187, 41, var(--text-opacity));
}

.focus\:text-yellow-700:focus {
  --text-opacity: 1;
  color: #c9a624;
  color: rgba(201, 166, 36, var(--text-opacity));
}

.focus\:text-yellow-800:focus {
  --text-opacity: 1;
  color: #b09120;
  color: rgba(176, 145, 32, var(--text-opacity));
}

.focus\:text-yellow-900:focus {
  --text-opacity: 1;
  color: #967c1b;
  color: rgba(150, 124, 27, var(--text-opacity));
}

.focus\:text-facebook-400:focus {
  --text-opacity: 1;
  color: #4a6dbc;
  color: rgba(74, 109, 188, var(--text-opacity));
}

.focus\:text-facebook-500:focus {
  --text-opacity: 1;
  color: #39579a;
  color: rgba(57, 87, 154, var(--text-opacity));
}

.focus\:text-snapchat-400:focus {
  --text-opacity: 1;
  color: #fffc00;
  color: rgba(255, 252, 0, var(--text-opacity));
}

.focus\:text-snapchat-500:focus {
  --text-opacity: 1;
  color: #39579a;
  color: rgba(57, 87, 154, var(--text-opacity));
}

.focus\:text-messenger-400:focus {
  --text-opacity: 1;
  color: #339dff;
  color: rgba(51, 157, 255, var(--text-opacity));
}

.focus\:text-messenger-500:focus {
  --text-opacity: 1;
  color: #0084ff;
  color: rgba(0, 132, 255, var(--text-opacity));
}

.focus\:text-twitter-400:focus {
  --text-opacity: 1;
  color: #21c2ff;
  color: rgba(33, 194, 255, var(--text-opacity));
}

.focus\:text-twitter-500:focus {
  --text-opacity: 1;
  color: #00aced;
  color: rgba(0, 172, 237, var(--text-opacity));
}

.focus\:text-transparent-black-10:focus {
  color: rgba(0,0,0,0.1);
}

.focus\:text-transparent-black-30:focus {
  color: rgba(0,0,0,0.3);
}

.focus\:text-transparent-black-50:focus {
  color: rgba(0,0,0,0.5);
}

.focus\:text-transparent-black-70:focus {
  color: rgba(0,0,0,0.7);
}

.focus\:text-transparent-black-90:focus {
  color: rgba(0,0,0,0.9);
}

.focus\:text-transparent-white-10:focus {
  color: rgba(255,255,255,0.1);
}

.focus\:text-transparent-white-30:focus {
  color: rgba(255,255,255,0.3);
}

.focus\:text-transparent-white-50:focus {
  color: rgba(255,255,255,0.5);
}

.focus\:text-transparent-white-70:focus {
  color: rgba(255,255,255,0.7);
}

.focus\:text-transparent-white-90:focus {
  color: rgba(255,255,255,0.9);
}

.focus\:text-vr-dark-blue:focus {
  --text-opacity: 1;
  color: #000047;
  color: rgba(0, 0, 71, var(--text-opacity));
}

.focus\:text-vr-neon-green:focus {
  --text-opacity: 1;
  color: #00ff75;
  color: rgba(0, 255, 117, var(--text-opacity));
}

.text-opacity-0 {
  --text-opacity: 0;
}

.text-opacity-25 {
  --text-opacity: 0.25;
}

.text-opacity-50 {
  --text-opacity: 0.5;
}

.text-opacity-75 {
  --text-opacity: 0.75;
}

.text-opacity-100 {
  --text-opacity: 1;
}

.hover\:text-opacity-0:hover {
  --text-opacity: 0;
}

.hover\:text-opacity-25:hover {
  --text-opacity: 0.25;
}

.hover\:text-opacity-50:hover {
  --text-opacity: 0.5;
}

.hover\:text-opacity-75:hover {
  --text-opacity: 0.75;
}

.hover\:text-opacity-100:hover {
  --text-opacity: 1;
}

.focus\:text-opacity-0:focus {
  --text-opacity: 0;
}

.focus\:text-opacity-25:focus {
  --text-opacity: 0.25;
}

.focus\:text-opacity-50:focus {
  --text-opacity: 0.5;
}

.focus\:text-opacity-75:focus {
  --text-opacity: 0.75;
}

.focus\:text-opacity-100:focus {
  --text-opacity: 1;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.underline {
  text-decoration: underline;
}

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

.no-underline {
  text-decoration: none;
}

.hover\:underline:hover {
  text-decoration: underline;
}

.hover\:line-through:hover {
  text-decoration: line-through;
}

.hover\:no-underline:hover {
  text-decoration: none;
}

.focus\:underline:focus {
  text-decoration: underline;
}

.focus\:line-through:focus {
  text-decoration: line-through;
}

.focus\:no-underline:focus {
  text-decoration: none;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions {
  --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
  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);
}

.normal-nums {
  font-variant-numeric: normal;
}

.ordinal {
  --font-variant-numeric-ordinal: ordinal;
}

.slashed-zero {
  --font-variant-numeric-slashed-zero: slashed-zero;
}

.lining-nums {
  --font-variant-numeric-figure: lining-nums;
}

.oldstyle-nums {
  --font-variant-numeric-figure: oldstyle-nums;
}

.proportional-nums {
  --font-variant-numeric-spacing: proportional-nums;
}

.tabular-nums {
  --font-variant-numeric-spacing: tabular-nums;
}

.diagonal-fractions {
  --font-variant-numeric-fraction: diagonal-fractions;
}

.stacked-fractions {
  --font-variant-numeric-fraction: stacked-fractions;
}

.tracking-tighter {
  letter-spacing: -0.05em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-normal {
  letter-spacing: 0;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.select-none {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.select-text {
  -webkit-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.select-all {
  -webkit-user-select: all;
      -ms-user-select: all;
          user-select: all;
}

.select-auto {
  -webkit-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}

.align-baseline {
  vertical-align: baseline;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.align-text-top {
  vertical-align: text-top;
}

.align-text-bottom {
  vertical-align: text-bottom;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-no-wrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.break-normal {
  word-wrap: normal;
  overflow-wrap: normal;
  word-break: normal;
}

.break-words {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.w-0 {
  width: 0;
}

.w-1 {
  width: 0.25rem;
}

.w-2 {
  width: 0.5rem;
}

.w-3 {
  width: 0.75rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-8 {
  width: 2rem;
}

.w-10 {
  width: 2.5rem;
}

.w-12 {
  width: 3rem;
}

.w-16 {
  width: 4rem;
}

.w-20 {
  width: 5rem;
}

.w-24 {
  width: 6rem;
}

.w-32 {
  width: 8rem;
}

.w-40 {
  width: 10rem;
}

.w-48 {
  width: 12rem;
}

.w-56 {
  width: 14rem;
}

.w-64 {
  width: 16rem;
}

.w-auto {
  width: auto;
}

.w-px {
  width: 1px;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-2\/3 {
  width: 66.666667%;
}

.w-1\/4 {
  width: 25%;
}

.w-2\/4 {
  width: 50%;
}

.w-3\/4 {
  width: 75%;
}

.w-1\/5 {
  width: 20%;
}

.w-2\/5 {
  width: 40%;
}

.w-3\/5 {
  width: 60%;
}

.w-4\/5 {
  width: 80%;
}

.w-1\/6 {
  width: 16.666667%;
}

.w-2\/6 {
  width: 33.333333%;
}

.w-3\/6 {
  width: 50%;
}

.w-4\/6 {
  width: 66.666667%;
}

.w-5\/6 {
  width: 83.333333%;
}

.w-1\/12 {
  width: 8.333333%;
}

.w-2\/12 {
  width: 16.666667%;
}

.w-3\/12 {
  width: 25%;
}

.w-4\/12 {
  width: 33.333333%;
}

.w-5\/12 {
  width: 41.666667%;
}

.w-6\/12 {
  width: 50%;
}

.w-7\/12 {
  width: 58.333333%;
}

.w-8\/12 {
  width: 66.666667%;
}

.w-9\/12 {
  width: 75%;
}

.w-10\/12 {
  width: 83.333333%;
}

.w-11\/12 {
  width: 91.666667%;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-auto {
  z-index: auto;
}

.gap-0 {
  grid-gap: 0;
  gap: 0;
}

.gap-1 {
  grid-gap: 0.25rem;
  gap: 0.25rem;
}

.gap-2 {
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

.gap-3 {
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

.gap-4 {
  grid-gap: 1rem;
  gap: 1rem;
}

.gap-5 {
  grid-gap: 1.25rem;
  gap: 1.25rem;
}

.gap-6 {
  grid-gap: 1.5rem;
  gap: 1.5rem;
}

.gap-8 {
  grid-gap: 2rem;
  gap: 2rem;
}

.gap-10 {
  grid-gap: 2.5rem;
  gap: 2.5rem;
}

.gap-12 {
  grid-gap: 3rem;
  gap: 3rem;
}

.gap-16 {
  grid-gap: 4rem;
  gap: 4rem;
}

.gap-20 {
  grid-gap: 5rem;
  gap: 5rem;
}

.gap-24 {
  grid-gap: 6rem;
  gap: 6rem;
}

.gap-32 {
  grid-gap: 8rem;
  gap: 8rem;
}

.gap-40 {
  grid-gap: 10rem;
  gap: 10rem;
}

.gap-48 {
  grid-gap: 12rem;
  gap: 12rem;
}

.gap-56 {
  grid-gap: 14rem;
  gap: 14rem;
}

.gap-64 {
  grid-gap: 16rem;
  gap: 16rem;
}

.gap-px {
  grid-gap: 1px;
  gap: 1px;
}

.col-gap-0 {
  grid-column-gap: 0;
  column-gap: 0;
}

.col-gap-1 {
  grid-column-gap: 0.25rem;
  column-gap: 0.25rem;
}

.col-gap-2 {
  grid-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.col-gap-3 {
  grid-column-gap: 0.75rem;
  column-gap: 0.75rem;
}

.col-gap-4 {
  grid-column-gap: 1rem;
  column-gap: 1rem;
}

.col-gap-5 {
  grid-column-gap: 1.25rem;
  column-gap: 1.25rem;
}

.col-gap-6 {
  grid-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

.col-gap-8 {
  grid-column-gap: 2rem;
  column-gap: 2rem;
}

.col-gap-10 {
  grid-column-gap: 2.5rem;
  column-gap: 2.5rem;
}

.col-gap-12 {
  grid-column-gap: 3rem;
  column-gap: 3rem;
}

.col-gap-16 {
  grid-column-gap: 4rem;
  column-gap: 4rem;
}

.col-gap-20 {
  grid-column-gap: 5rem;
  column-gap: 5rem;
}

.col-gap-24 {
  grid-column-gap: 6rem;
  column-gap: 6rem;
}

.col-gap-32 {
  grid-column-gap: 8rem;
  column-gap: 8rem;
}

.col-gap-40 {
  grid-column-gap: 10rem;
  column-gap: 10rem;
}

.col-gap-48 {
  grid-column-gap: 12rem;
  column-gap: 12rem;
}

.col-gap-56 {
  grid-column-gap: 14rem;
  column-gap: 14rem;
}

.col-gap-64 {
  grid-column-gap: 16rem;
  column-gap: 16rem;
}

.col-gap-px {
  grid-column-gap: 1px;
  column-gap: 1px;
}

.gap-x-0 {
  grid-column-gap: 0;
  column-gap: 0;
}

.gap-x-1 {
  grid-column-gap: 0.25rem;
  column-gap: 0.25rem;
}

.gap-x-2 {
  grid-column-gap: 0.5rem;
  column-gap: 0.5rem;
}

.gap-x-3 {
  grid-column-gap: 0.75rem;
  column-gap: 0.75rem;
}

.gap-x-4 {
  grid-column-gap: 1rem;
  column-gap: 1rem;
}

.gap-x-5 {
  grid-column-gap: 1.25rem;
  column-gap: 1.25rem;
}

.gap-x-6 {
  grid-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

.gap-x-8 {
  grid-column-gap: 2rem;
  column-gap: 2rem;
}

.gap-x-10 {
  grid-column-gap: 2.5rem;
  column-gap: 2.5rem;
}

.gap-x-12 {
  grid-column-gap: 3rem;
  column-gap: 3rem;
}

.gap-x-16 {
  grid-column-gap: 4rem;
  column-gap: 4rem;
}

.gap-x-20 {
  grid-column-gap: 5rem;
  column-gap: 5rem;
}

.gap-x-24 {
  grid-column-gap: 6rem;
  column-gap: 6rem;
}

.gap-x-32 {
  grid-column-gap: 8rem;
  column-gap: 8rem;
}

.gap-x-40 {
  grid-column-gap: 10rem;
  column-gap: 10rem;
}

.gap-x-48 {
  grid-column-gap: 12rem;
  column-gap: 12rem;
}

.gap-x-56 {
  grid-column-gap: 14rem;
  column-gap: 14rem;
}

.gap-x-64 {
  grid-column-gap: 16rem;
  column-gap: 16rem;
}

.gap-x-px {
  grid-column-gap: 1px;
  column-gap: 1px;
}

.row-gap-0 {
  grid-row-gap: 0;
  row-gap: 0;
}

.row-gap-1 {
  grid-row-gap: 0.25rem;
  row-gap: 0.25rem;
}

.row-gap-2 {
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
}

.row-gap-3 {
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
}

.row-gap-4 {
  grid-row-gap: 1rem;
  row-gap: 1rem;
}

.row-gap-5 {
  grid-row-gap: 1.25rem;
  row-gap: 1.25rem;
}

.row-gap-6 {
  grid-row-gap: 1.5rem;
  row-gap: 1.5rem;
}

.row-gap-8 {
  grid-row-gap: 2rem;
  row-gap: 2rem;
}

.row-gap-10 {
  grid-row-gap: 2.5rem;
  row-gap: 2.5rem;
}

.row-gap-12 {
  grid-row-gap: 3rem;
  row-gap: 3rem;
}

.row-gap-16 {
  grid-row-gap: 4rem;
  row-gap: 4rem;
}

.row-gap-20 {
  grid-row-gap: 5rem;
  row-gap: 5rem;
}

.row-gap-24 {
  grid-row-gap: 6rem;
  row-gap: 6rem;
}

.row-gap-32 {
  grid-row-gap: 8rem;
  row-gap: 8rem;
}

.row-gap-40 {
  grid-row-gap: 10rem;
  row-gap: 10rem;
}

.row-gap-48 {
  grid-row-gap: 12rem;
  row-gap: 12rem;
}

.row-gap-56 {
  grid-row-gap: 14rem;
  row-gap: 14rem;
}

.row-gap-64 {
  grid-row-gap: 16rem;
  row-gap: 16rem;
}

.row-gap-px {
  grid-row-gap: 1px;
  row-gap: 1px;
}

.gap-y-0 {
  grid-row-gap: 0;
  row-gap: 0;
}

.gap-y-1 {
  grid-row-gap: 0.25rem;
  row-gap: 0.25rem;
}

.gap-y-2 {
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
}

.gap-y-3 {
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
}

.gap-y-4 {
  grid-row-gap: 1rem;
  row-gap: 1rem;
}

.gap-y-5 {
  grid-row-gap: 1.25rem;
  row-gap: 1.25rem;
}

.gap-y-6 {
  grid-row-gap: 1.5rem;
  row-gap: 1.5rem;
}

.gap-y-8 {
  grid-row-gap: 2rem;
  row-gap: 2rem;
}

.gap-y-10 {
  grid-row-gap: 2.5rem;
  row-gap: 2.5rem;
}

.gap-y-12 {
  grid-row-gap: 3rem;
  row-gap: 3rem;
}

.gap-y-16 {
  grid-row-gap: 4rem;
  row-gap: 4rem;
}

.gap-y-20 {
  grid-row-gap: 5rem;
  row-gap: 5rem;
}

.gap-y-24 {
  grid-row-gap: 6rem;
  row-gap: 6rem;
}

.gap-y-32 {
  grid-row-gap: 8rem;
  row-gap: 8rem;
}

.gap-y-40 {
  grid-row-gap: 10rem;
  row-gap: 10rem;
}

.gap-y-48 {
  grid-row-gap: 12rem;
  row-gap: 12rem;
}

.gap-y-56 {
  grid-row-gap: 14rem;
  row-gap: 14rem;
}

.gap-y-64 {
  grid-row-gap: 16rem;
  row-gap: 16rem;
}

.gap-y-px {
  grid-row-gap: 1px;
  row-gap: 1px;
}

.grid-flow-row {
  grid-auto-flow: row;
}

.grid-flow-col {
  grid-auto-flow: column;
}

.grid-flow-row-dense {
  grid-auto-flow: row dense;
}

.grid-flow-col-dense {
  grid-auto-flow: column dense;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-none {
  grid-template-columns: none;
}

.auto-cols-auto {
  grid-auto-columns: auto;
}

.auto-cols-min {
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
}

.auto-cols-max {
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
}

.auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr);
}

.col-auto {
  grid-column: auto;
}

.col-span-1 {
  grid-column: span 1 / span 1;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.col-span-4 {
  grid-column: span 4 / span 4;
}

.col-span-5 {
  grid-column: span 5 / span 5;
}

.col-span-6 {
  grid-column: span 6 / span 6;
}

.col-span-7 {
  grid-column: span 7 / span 7;
}

.col-span-8 {
  grid-column: span 8 / span 8;
}

.col-span-9 {
  grid-column: span 9 / span 9;
}

.col-span-10 {
  grid-column: span 10 / span 10;
}

.col-span-11 {
  grid-column: span 11 / span 11;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.col-span-full {
  grid-column: 1 / -1;
}

.col-start-1 {
  grid-column-start: 1;
}

.col-start-2 {
  grid-column-start: 2;
}

.col-start-3 {
  grid-column-start: 3;
}

.col-start-4 {
  grid-column-start: 4;
}

.col-start-5 {
  grid-column-start: 5;
}

.col-start-6 {
  grid-column-start: 6;
}

.col-start-7 {
  grid-column-start: 7;
}

.col-start-8 {
  grid-column-start: 8;
}

.col-start-9 {
  grid-column-start: 9;
}

.col-start-10 {
  grid-column-start: 10;
}

.col-start-11 {
  grid-column-start: 11;
}

.col-start-12 {
  grid-column-start: 12;
}

.col-start-13 {
  grid-column-start: 13;
}

.col-start-auto {
  grid-column-start: auto;
}

.col-end-1 {
  grid-column-end: 1;
}

.col-end-2 {
  grid-column-end: 2;
}

.col-end-3 {
  grid-column-end: 3;
}

.col-end-4 {
  grid-column-end: 4;
}

.col-end-5 {
  grid-column-end: 5;
}

.col-end-6 {
  grid-column-end: 6;
}

.col-end-7 {
  grid-column-end: 7;
}

.col-end-8 {
  grid-column-end: 8;
}

.col-end-9 {
  grid-column-end: 9;
}

.col-end-10 {
  grid-column-end: 10;
}

.col-end-11 {
  grid-column-end: 11;
}

.col-end-12 {
  grid-column-end: 12;
}

.col-end-13 {
  grid-column-end: 13;
}

.col-end-auto {
  grid-column-end: auto;
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-rows-none {
  grid-template-rows: none;
}

.auto-rows-auto {
  grid-auto-rows: auto;
}

.auto-rows-min {
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}

.auto-rows-max {
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}

.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}

.row-auto {
  grid-row: auto;
}

.row-span-1 {
  grid-row: span 1 / span 1;
}

.row-span-2 {
  grid-row: span 2 / span 2;
}

.row-span-3 {
  grid-row: span 3 / span 3;
}

.row-span-4 {
  grid-row: span 4 / span 4;
}

.row-span-5 {
  grid-row: span 5 / span 5;
}

.row-span-6 {
  grid-row: span 6 / span 6;
}

.row-span-full {
  grid-row: 1 / -1;
}

.row-start-1 {
  grid-row-start: 1;
}

.row-start-2 {
  grid-row-start: 2;
}

.row-start-3 {
  grid-row-start: 3;
}

.row-start-4 {
  grid-row-start: 4;
}

.row-start-5 {
  grid-row-start: 5;
}

.row-start-6 {
  grid-row-start: 6;
}

.row-start-7 {
  grid-row-start: 7;
}

.row-start-auto {
  grid-row-start: auto;
}

.row-end-1 {
  grid-row-end: 1;
}

.row-end-2 {
  grid-row-end: 2;
}

.row-end-3 {
  grid-row-end: 3;
}

.row-end-4 {
  grid-row-end: 4;
}

.row-end-5 {
  grid-row-end: 5;
}

.row-end-6 {
  grid-row-end: 6;
}

.row-end-7 {
  grid-row-end: 7;
}

.row-end-auto {
  grid-row-end: auto;
}

.transform {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  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));
}

.transform-none {
  transform: none;
}

.origin-center {
  transform-origin: center;
}

.origin-top {
  transform-origin: top;
}

.origin-top-right {
  transform-origin: top right;
}

.origin-right {
  transform-origin: right;
}

.origin-bottom-right {
  transform-origin: bottom right;
}

.origin-bottom {
  transform-origin: bottom;
}

.origin-bottom-left {
  transform-origin: bottom left;
}

.origin-left {
  transform-origin: left;
}

.origin-top-left {
  transform-origin: top left;
}

.scale-0 {
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

.scale-50 {
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}

.scale-75 {
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}

.scale-90 {
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}

.scale-95 {
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}

.scale-100 {
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

.scale-105 {
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}

.scale-110 {
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

.scale-125 {
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}

.scale-150 {
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

.scale-x-0 {
  --transform-scale-x: 0;
}

.scale-x-50 {
  --transform-scale-x: .5;
}

.scale-x-75 {
  --transform-scale-x: .75;
}

.scale-x-90 {
  --transform-scale-x: .9;
}

.scale-x-95 {
  --transform-scale-x: .95;
}

.scale-x-100 {
  --transform-scale-x: 1;
}

.scale-x-105 {
  --transform-scale-x: 1.05;
}

.scale-x-110 {
  --transform-scale-x: 1.1;
}

.scale-x-125 {
  --transform-scale-x: 1.25;
}

.scale-x-150 {
  --transform-scale-x: 1.5;
}

.scale-y-0 {
  --transform-scale-y: 0;
}

.scale-y-50 {
  --transform-scale-y: .5;
}

.scale-y-75 {
  --transform-scale-y: .75;
}

.scale-y-90 {
  --transform-scale-y: .9;
}

.scale-y-95 {
  --transform-scale-y: .95;
}

.scale-y-100 {
  --transform-scale-y: 1;
}

.scale-y-105 {
  --transform-scale-y: 1.05;
}

.scale-y-110 {
  --transform-scale-y: 1.1;
}

.scale-y-125 {
  --transform-scale-y: 1.25;
}

.scale-y-150 {
  --transform-scale-y: 1.5;
}

.hover\:scale-0:hover {
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

.hover\:scale-50:hover {
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}

.hover\:scale-75:hover {
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}

.hover\:scale-90:hover {
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}

.hover\:scale-95:hover {
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}

.hover\:scale-100:hover {
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

.hover\:scale-105:hover {
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}

.hover\:scale-110:hover {
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

.hover\:scale-125:hover {
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}

.hover\:scale-150:hover {
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

.hover\:scale-x-0:hover {
  --transform-scale-x: 0;
}

.hover\:scale-x-50:hover {
  --transform-scale-x: .5;
}

.hover\:scale-x-75:hover {
  --transform-scale-x: .75;
}

.hover\:scale-x-90:hover {
  --transform-scale-x: .9;
}

.hover\:scale-x-95:hover {
  --transform-scale-x: .95;
}

.hover\:scale-x-100:hover {
  --transform-scale-x: 1;
}

.hover\:scale-x-105:hover {
  --transform-scale-x: 1.05;
}

.hover\:scale-x-110:hover {
  --transform-scale-x: 1.1;
}

.hover\:scale-x-125:hover {
  --transform-scale-x: 1.25;
}

.hover\:scale-x-150:hover {
  --transform-scale-x: 1.5;
}

.hover\:scale-y-0:hover {
  --transform-scale-y: 0;
}

.hover\:scale-y-50:hover {
  --transform-scale-y: .5;
}

.hover\:scale-y-75:hover {
  --transform-scale-y: .75;
}

.hover\:scale-y-90:hover {
  --transform-scale-y: .9;
}

.hover\:scale-y-95:hover {
  --transform-scale-y: .95;
}

.hover\:scale-y-100:hover {
  --transform-scale-y: 1;
}

.hover\:scale-y-105:hover {
  --transform-scale-y: 1.05;
}

.hover\:scale-y-110:hover {
  --transform-scale-y: 1.1;
}

.hover\:scale-y-125:hover {
  --transform-scale-y: 1.25;
}

.hover\:scale-y-150:hover {
  --transform-scale-y: 1.5;
}

.focus\:scale-0:focus {
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

.focus\:scale-50:focus {
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}

.focus\:scale-75:focus {
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}

.focus\:scale-90:focus {
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}

.focus\:scale-95:focus {
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}

.focus\:scale-100:focus {
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

.focus\:scale-105:focus {
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}

.focus\:scale-110:focus {
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

.focus\:scale-125:focus {
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}

.focus\:scale-150:focus {
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

.focus\:scale-x-0:focus {
  --transform-scale-x: 0;
}

.focus\:scale-x-50:focus {
  --transform-scale-x: .5;
}

.focus\:scale-x-75:focus {
  --transform-scale-x: .75;
}

.focus\:scale-x-90:focus {
  --transform-scale-x: .9;
}

.focus\:scale-x-95:focus {
  --transform-scale-x: .95;
}

.focus\:scale-x-100:focus {
  --transform-scale-x: 1;
}

.focus\:scale-x-105:focus {
  --transform-scale-x: 1.05;
}

.focus\:scale-x-110:focus {
  --transform-scale-x: 1.1;
}

.focus\:scale-x-125:focus {
  --transform-scale-x: 1.25;
}

.focus\:scale-x-150:focus {
  --transform-scale-x: 1.5;
}

.focus\:scale-y-0:focus {
  --transform-scale-y: 0;
}

.focus\:scale-y-50:focus {
  --transform-scale-y: .5;
}

.focus\:scale-y-75:focus {
  --transform-scale-y: .75;
}

.focus\:scale-y-90:focus {
  --transform-scale-y: .9;
}

.focus\:scale-y-95:focus {
  --transform-scale-y: .95;
}

.focus\:scale-y-100:focus {
  --transform-scale-y: 1;
}

.focus\:scale-y-105:focus {
  --transform-scale-y: 1.05;
}

.focus\:scale-y-110:focus {
  --transform-scale-y: 1.1;
}

.focus\:scale-y-125:focus {
  --transform-scale-y: 1.25;
}

.focus\:scale-y-150:focus {
  --transform-scale-y: 1.5;
}

.rotate-0 {
  --transform-rotate: 0;
}

.rotate-1 {
  --transform-rotate: 1deg;
}

.rotate-2 {
  --transform-rotate: 2deg;
}

.rotate-3 {
  --transform-rotate: 3deg;
}

.rotate-6 {
  --transform-rotate: 6deg;
}

.rotate-12 {
  --transform-rotate: 12deg;
}

.rotate-45 {
  --transform-rotate: 45deg;
}

.rotate-90 {
  --transform-rotate: 90deg;
}

.rotate-180 {
  --transform-rotate: 180deg;
}

.-rotate-180 {
  --transform-rotate: -180deg;
}

.-rotate-90 {
  --transform-rotate: -90deg;
}

.-rotate-45 {
  --transform-rotate: -45deg;
}

.-rotate-12 {
  --transform-rotate: -12deg;
}

.-rotate-6 {
  --transform-rotate: -6deg;
}

.-rotate-3 {
  --transform-rotate: -3deg;
}

.-rotate-2 {
  --transform-rotate: -2deg;
}

.-rotate-1 {
  --transform-rotate: -1deg;
}

.hover\:rotate-0:hover {
  --transform-rotate: 0;
}

.hover\:rotate-1:hover {
  --transform-rotate: 1deg;
}

.hover\:rotate-2:hover {
  --transform-rotate: 2deg;
}

.hover\:rotate-3:hover {
  --transform-rotate: 3deg;
}

.hover\:rotate-6:hover {
  --transform-rotate: 6deg;
}

.hover\:rotate-12:hover {
  --transform-rotate: 12deg;
}

.hover\:rotate-45:hover {
  --transform-rotate: 45deg;
}

.hover\:rotate-90:hover {
  --transform-rotate: 90deg;
}

.hover\:rotate-180:hover {
  --transform-rotate: 180deg;
}

.hover\:-rotate-180:hover {
  --transform-rotate: -180deg;
}

.hover\:-rotate-90:hover {
  --transform-rotate: -90deg;
}

.hover\:-rotate-45:hover {
  --transform-rotate: -45deg;
}

.hover\:-rotate-12:hover {
  --transform-rotate: -12deg;
}

.hover\:-rotate-6:hover {
  --transform-rotate: -6deg;
}

.hover\:-rotate-3:hover {
  --transform-rotate: -3deg;
}

.hover\:-rotate-2:hover {
  --transform-rotate: -2deg;
}

.hover\:-rotate-1:hover {
  --transform-rotate: -1deg;
}

.focus\:rotate-0:focus {
  --transform-rotate: 0;
}

.focus\:rotate-1:focus {
  --transform-rotate: 1deg;
}

.focus\:rotate-2:focus {
  --transform-rotate: 2deg;
}

.focus\:rotate-3:focus {
  --transform-rotate: 3deg;
}

.focus\:rotate-6:focus {
  --transform-rotate: 6deg;
}

.focus\:rotate-12:focus {
  --transform-rotate: 12deg;
}

.focus\:rotate-45:focus {
  --transform-rotate: 45deg;
}

.focus\:rotate-90:focus {
  --transform-rotate: 90deg;
}

.focus\:rotate-180:focus {
  --transform-rotate: 180deg;
}

.focus\:-rotate-180:focus {
  --transform-rotate: -180deg;
}

.focus\:-rotate-90:focus {
  --transform-rotate: -90deg;
}

.focus\:-rotate-45:focus {
  --transform-rotate: -45deg;
}

.focus\:-rotate-12:focus {
  --transform-rotate: -12deg;
}

.focus\:-rotate-6:focus {
  --transform-rotate: -6deg;
}

.focus\:-rotate-3:focus {
  --transform-rotate: -3deg;
}

.focus\:-rotate-2:focus {
  --transform-rotate: -2deg;
}

.focus\:-rotate-1:focus {
  --transform-rotate: -1deg;
}

.translate-x-0 {
  --transform-translate-x: 0;
}

.translate-x-1 {
  --transform-translate-x: 0.25rem;
}

.translate-x-2 {
  --transform-translate-x: 0.5rem;
}

.translate-x-3 {
  --transform-translate-x: 0.75rem;
}

.translate-x-4 {
  --transform-translate-x: 1rem;
}

.translate-x-5 {
  --transform-translate-x: 1.25rem;
}

.translate-x-6 {
  --transform-translate-x: 1.5rem;
}

.translate-x-8 {
  --transform-translate-x: 2rem;
}

.translate-x-10 {
  --transform-translate-x: 2.5rem;
}

.translate-x-12 {
  --transform-translate-x: 3rem;
}

.translate-x-16 {
  --transform-translate-x: 4rem;
}

.translate-x-20 {
  --transform-translate-x: 5rem;
}

.translate-x-24 {
  --transform-translate-x: 6rem;
}

.translate-x-32 {
  --transform-translate-x: 8rem;
}

.translate-x-40 {
  --transform-translate-x: 10rem;
}

.translate-x-48 {
  --transform-translate-x: 12rem;
}

.translate-x-56 {
  --transform-translate-x: 14rem;
}

.translate-x-64 {
  --transform-translate-x: 16rem;
}

.translate-x-px {
  --transform-translate-x: 1px;
}

.-translate-x-1 {
  --transform-translate-x: -0.25rem;
}

.-translate-x-2 {
  --transform-translate-x: -0.5rem;
}

.-translate-x-3 {
  --transform-translate-x: -0.75rem;
}

.-translate-x-4 {
  --transform-translate-x: -1rem;
}

.-translate-x-5 {
  --transform-translate-x: -1.25rem;
}

.-translate-x-6 {
  --transform-translate-x: -1.5rem;
}

.-translate-x-8 {
  --transform-translate-x: -2rem;
}

.-translate-x-10 {
  --transform-translate-x: -2.5rem;
}

.-translate-x-12 {
  --transform-translate-x: -3rem;
}

.-translate-x-16 {
  --transform-translate-x: -4rem;
}

.-translate-x-20 {
  --transform-translate-x: -5rem;
}

.-translate-x-24 {
  --transform-translate-x: -6rem;
}

.-translate-x-32 {
  --transform-translate-x: -8rem;
}

.-translate-x-40 {
  --transform-translate-x: -10rem;
}

.-translate-x-48 {
  --transform-translate-x: -12rem;
}

.-translate-x-56 {
  --transform-translate-x: -14rem;
}

.-translate-x-64 {
  --transform-translate-x: -16rem;
}

.-translate-x-px {
  --transform-translate-x: -1px;
}

.-translate-x-full {
  --transform-translate-x: -100%;
}

.-translate-x-1\/2 {
  --transform-translate-x: -50%;
}

.translate-x-1\/2 {
  --transform-translate-x: 50%;
}

.translate-x-full {
  --transform-translate-x: 100%;
}

.translate-y-0 {
  --transform-translate-y: 0;
}

.translate-y-1 {
  --transform-translate-y: 0.25rem;
}

.translate-y-2 {
  --transform-translate-y: 0.5rem;
}

.translate-y-3 {
  --transform-translate-y: 0.75rem;
}

.translate-y-4 {
  --transform-translate-y: 1rem;
}

.translate-y-5 {
  --transform-translate-y: 1.25rem;
}

.translate-y-6 {
  --transform-translate-y: 1.5rem;
}

.translate-y-8 {
  --transform-translate-y: 2rem;
}

.translate-y-10 {
  --transform-translate-y: 2.5rem;
}

.translate-y-12 {
  --transform-translate-y: 3rem;
}

.translate-y-16 {
  --transform-translate-y: 4rem;
}

.translate-y-20 {
  --transform-translate-y: 5rem;
}

.translate-y-24 {
  --transform-translate-y: 6rem;
}

.translate-y-32 {
  --transform-translate-y: 8rem;
}

.translate-y-40 {
  --transform-translate-y: 10rem;
}

.translate-y-48 {
  --transform-translate-y: 12rem;
}

.translate-y-56 {
  --transform-translate-y: 14rem;
}

.translate-y-64 {
  --transform-translate-y: 16rem;
}

.translate-y-px {
  --transform-translate-y: 1px;
}

.-translate-y-1 {
  --transform-translate-y: -0.25rem;
}

.-translate-y-2 {
  --transform-translate-y: -0.5rem;
}

.-translate-y-3 {
  --transform-translate-y: -0.75rem;
}

.-translate-y-4 {
  --transform-translate-y: -1rem;
}

.-translate-y-5 {
  --transform-translate-y: -1.25rem;
}

.-translate-y-6 {
  --transform-translate-y: -1.5rem;
}

.-translate-y-8 {
  --transform-translate-y: -2rem;
}

.-translate-y-10 {
  --transform-translate-y: -2.5rem;
}

.-translate-y-12 {
  --transform-translate-y: -3rem;
}

.-translate-y-16 {
  --transform-translate-y: -4rem;
}

.-translate-y-20 {
  --transform-translate-y: -5rem;
}

.-translate-y-24 {
  --transform-translate-y: -6rem;
}

.-translate-y-32 {
  --transform-translate-y: -8rem;
}

.-translate-y-40 {
  --transform-translate-y: -10rem;
}

.-translate-y-48 {
  --transform-translate-y: -12rem;
}

.-translate-y-56 {
  --transform-translate-y: -14rem;
}

.-translate-y-64 {
  --transform-translate-y: -16rem;
}

.-translate-y-px {
  --transform-translate-y: -1px;
}

.-translate-y-full {
  --transform-translate-y: -100%;
}

.-translate-y-1\/2 {
  --transform-translate-y: -50%;
}

.translate-y-1\/2 {
  --transform-translate-y: 50%;
}

.translate-y-full {
  --transform-translate-y: 100%;
}

.hover\:translate-x-0:hover {
  --transform-translate-x: 0;
}

.hover\:translate-x-1:hover {
  --transform-translate-x: 0.25rem;
}

.hover\:translate-x-2:hover {
  --transform-translate-x: 0.5rem;
}

.hover\:translate-x-3:hover {
  --transform-translate-x: 0.75rem;
}

.hover\:translate-x-4:hover {
  --transform-translate-x: 1rem;
}

.hover\:translate-x-5:hover {
  --transform-translate-x: 1.25rem;
}

.hover\:translate-x-6:hover {
  --transform-translate-x: 1.5rem;
}

.hover\:translate-x-8:hover {
  --transform-translate-x: 2rem;
}

.hover\:translate-x-10:hover {
  --transform-translate-x: 2.5rem;
}

.hover\:translate-x-12:hover {
  --transform-translate-x: 3rem;
}

.hover\:translate-x-16:hover {
  --transform-translate-x: 4rem;
}

.hover\:translate-x-20:hover {
  --transform-translate-x: 5rem;
}

.hover\:translate-x-24:hover {
  --transform-translate-x: 6rem;
}

.hover\:translate-x-32:hover {
  --transform-translate-x: 8rem;
}

.hover\:translate-x-40:hover {
  --transform-translate-x: 10rem;
}

.hover\:translate-x-48:hover {
  --transform-translate-x: 12rem;
}

.hover\:translate-x-56:hover {
  --transform-translate-x: 14rem;
}

.hover\:translate-x-64:hover {
  --transform-translate-x: 16rem;
}

.hover\:translate-x-px:hover {
  --transform-translate-x: 1px;
}

.hover\:-translate-x-1:hover {
  --transform-translate-x: -0.25rem;
}

.hover\:-translate-x-2:hover {
  --transform-translate-x: -0.5rem;
}

.hover\:-translate-x-3:hover {
  --transform-translate-x: -0.75rem;
}

.hover\:-translate-x-4:hover {
  --transform-translate-x: -1rem;
}

.hover\:-translate-x-5:hover {
  --transform-translate-x: -1.25rem;
}

.hover\:-translate-x-6:hover {
  --transform-translate-x: -1.5rem;
}

.hover\:-translate-x-8:hover {
  --transform-translate-x: -2rem;
}

.hover\:-translate-x-10:hover {
  --transform-translate-x: -2.5rem;
}

.hover\:-translate-x-12:hover {
  --transform-translate-x: -3rem;
}

.hover\:-translate-x-16:hover {
  --transform-translate-x: -4rem;
}

.hover\:-translate-x-20:hover {
  --transform-translate-x: -5rem;
}

.hover\:-translate-x-24:hover {
  --transform-translate-x: -6rem;
}

.hover\:-translate-x-32:hover {
  --transform-translate-x: -8rem;
}

.hover\:-translate-x-40:hover {
  --transform-translate-x: -10rem;
}

.hover\:-translate-x-48:hover {
  --transform-translate-x: -12rem;
}

.hover\:-translate-x-56:hover {
  --transform-translate-x: -14rem;
}

.hover\:-translate-x-64:hover {
  --transform-translate-x: -16rem;
}

.hover\:-translate-x-px:hover {
  --transform-translate-x: -1px;
}

.hover\:-translate-x-full:hover {
  --transform-translate-x: -100%;
}

.hover\:-translate-x-1\/2:hover {
  --transform-translate-x: -50%;
}

.hover\:translate-x-1\/2:hover {
  --transform-translate-x: 50%;
}

.hover\:translate-x-full:hover {
  --transform-translate-x: 100%;
}

.hover\:translate-y-0:hover {
  --transform-translate-y: 0;
}

.hover\:translate-y-1:hover {
  --transform-translate-y: 0.25rem;
}

.hover\:translate-y-2:hover {
  --transform-translate-y: 0.5rem;
}

.hover\:translate-y-3:hover {
  --transform-translate-y: 0.75rem;
}

.hover\:translate-y-4:hover {
  --transform-translate-y: 1rem;
}

.hover\:translate-y-5:hover {
  --transform-translate-y: 1.25rem;
}

.hover\:translate-y-6:hover {
  --transform-translate-y: 1.5rem;
}

.hover\:translate-y-8:hover {
  --transform-translate-y: 2rem;
}

.hover\:translate-y-10:hover {
  --transform-translate-y: 2.5rem;
}

.hover\:translate-y-12:hover {
  --transform-translate-y: 3rem;
}

.hover\:translate-y-16:hover {
  --transform-translate-y: 4rem;
}

.hover\:translate-y-20:hover {
  --transform-translate-y: 5rem;
}

.hover\:translate-y-24:hover {
  --transform-translate-y: 6rem;
}

.hover\:translate-y-32:hover {
  --transform-translate-y: 8rem;
}

.hover\:translate-y-40:hover {
  --transform-translate-y: 10rem;
}

.hover\:translate-y-48:hover {
  --transform-translate-y: 12rem;
}

.hover\:translate-y-56:hover {
  --transform-translate-y: 14rem;
}

.hover\:translate-y-64:hover {
  --transform-translate-y: 16rem;
}

.hover\:translate-y-px:hover {
  --transform-translate-y: 1px;
}

.hover\:-translate-y-1:hover {
  --transform-translate-y: -0.25rem;
}

.hover\:-translate-y-2:hover {
  --transform-translate-y: -0.5rem;
}

.hover\:-translate-y-3:hover {
  --transform-translate-y: -0.75rem;
}

.hover\:-translate-y-4:hover {
  --transform-translate-y: -1rem;
}

.hover\:-translate-y-5:hover {
  --transform-translate-y: -1.25rem;
}

.hover\:-translate-y-6:hover {
  --transform-translate-y: -1.5rem;
}

.hover\:-translate-y-8:hover {
  --transform-translate-y: -2rem;
}

.hover\:-translate-y-10:hover {
  --transform-translate-y: -2.5rem;
}

.hover\:-translate-y-12:hover {
  --transform-translate-y: -3rem;
}

.hover\:-translate-y-16:hover {
  --transform-translate-y: -4rem;
}

.hover\:-translate-y-20:hover {
  --transform-translate-y: -5rem;
}

.hover\:-translate-y-24:hover {
  --transform-translate-y: -6rem;
}

.hover\:-translate-y-32:hover {
  --transform-translate-y: -8rem;
}

.hover\:-translate-y-40:hover {
  --transform-translate-y: -10rem;
}

.hover\:-translate-y-48:hover {
  --transform-translate-y: -12rem;
}

.hover\:-translate-y-56:hover {
  --transform-translate-y: -14rem;
}

.hover\:-translate-y-64:hover {
  --transform-translate-y: -16rem;
}

.hover\:-translate-y-px:hover {
  --transform-translate-y: -1px;
}

.hover\:-translate-y-full:hover {
  --transform-translate-y: -100%;
}

.hover\:-translate-y-1\/2:hover {
  --transform-translate-y: -50%;
}

.hover\:translate-y-1\/2:hover {
  --transform-translate-y: 50%;
}

.hover\:translate-y-full:hover {
  --transform-translate-y: 100%;
}

.focus\:translate-x-0:focus {
  --transform-translate-x: 0;
}

.focus\:translate-x-1:focus {
  --transform-translate-x: 0.25rem;
}

.focus\:translate-x-2:focus {
  --transform-translate-x: 0.5rem;
}

.focus\:translate-x-3:focus {
  --transform-translate-x: 0.75rem;
}

.focus\:translate-x-4:focus {
  --transform-translate-x: 1rem;
}

.focus\:translate-x-5:focus {
  --transform-translate-x: 1.25rem;
}

.focus\:translate-x-6:focus {
  --transform-translate-x: 1.5rem;
}

.focus\:translate-x-8:focus {
  --transform-translate-x: 2rem;
}

.focus\:translate-x-10:focus {
  --transform-translate-x: 2.5rem;
}

.focus\:translate-x-12:focus {
  --transform-translate-x: 3rem;
}

.focus\:translate-x-16:focus {
  --transform-translate-x: 4rem;
}

.focus\:translate-x-20:focus {
  --transform-translate-x: 5rem;
}

.focus\:translate-x-24:focus {
  --transform-translate-x: 6rem;
}

.focus\:translate-x-32:focus {
  --transform-translate-x: 8rem;
}

.focus\:translate-x-40:focus {
  --transform-translate-x: 10rem;
}

.focus\:translate-x-48:focus {
  --transform-translate-x: 12rem;
}

.focus\:translate-x-56:focus {
  --transform-translate-x: 14rem;
}

.focus\:translate-x-64:focus {
  --transform-translate-x: 16rem;
}

.focus\:translate-x-px:focus {
  --transform-translate-x: 1px;
}

.focus\:-translate-x-1:focus {
  --transform-translate-x: -0.25rem;
}

.focus\:-translate-x-2:focus {
  --transform-translate-x: -0.5rem;
}

.focus\:-translate-x-3:focus {
  --transform-translate-x: -0.75rem;
}

.focus\:-translate-x-4:focus {
  --transform-translate-x: -1rem;
}

.focus\:-translate-x-5:focus {
  --transform-translate-x: -1.25rem;
}

.focus\:-translate-x-6:focus {
  --transform-translate-x: -1.5rem;
}

.focus\:-translate-x-8:focus {
  --transform-translate-x: -2rem;
}

.focus\:-translate-x-10:focus {
  --transform-translate-x: -2.5rem;
}

.focus\:-translate-x-12:focus {
  --transform-translate-x: -3rem;
}

.focus\:-translate-x-16:focus {
  --transform-translate-x: -4rem;
}

.focus\:-translate-x-20:focus {
  --transform-translate-x: -5rem;
}

.focus\:-translate-x-24:focus {
  --transform-translate-x: -6rem;
}

.focus\:-translate-x-32:focus {
  --transform-translate-x: -8rem;
}

.focus\:-translate-x-40:focus {
  --transform-translate-x: -10rem;
}

.focus\:-translate-x-48:focus {
  --transform-translate-x: -12rem;
}

.focus\:-translate-x-56:focus {
  --transform-translate-x: -14rem;
}

.focus\:-translate-x-64:focus {
  --transform-translate-x: -16rem;
}

.focus\:-translate-x-px:focus {
  --transform-translate-x: -1px;
}

.focus\:-translate-x-full:focus {
  --transform-translate-x: -100%;
}

.focus\:-translate-x-1\/2:focus {
  --transform-translate-x: -50%;
}

.focus\:translate-x-1\/2:focus {
  --transform-translate-x: 50%;
}

.focus\:translate-x-full:focus {
  --transform-translate-x: 100%;
}

.focus\:translate-y-0:focus {
  --transform-translate-y: 0;
}

.focus\:translate-y-1:focus {
  --transform-translate-y: 0.25rem;
}

.focus\:translate-y-2:focus {
  --transform-translate-y: 0.5rem;
}

.focus\:translate-y-3:focus {
  --transform-translate-y: 0.75rem;
}

.focus\:translate-y-4:focus {
  --transform-translate-y: 1rem;
}

.focus\:translate-y-5:focus {
  --transform-translate-y: 1.25rem;
}

.focus\:translate-y-6:focus {
  --transform-translate-y: 1.5rem;
}

.focus\:translate-y-8:focus {
  --transform-translate-y: 2rem;
}

.focus\:translate-y-10:focus {
  --transform-translate-y: 2.5rem;
}

.focus\:translate-y-12:focus {
  --transform-translate-y: 3rem;
}

.focus\:translate-y-16:focus {
  --transform-translate-y: 4rem;
}

.focus\:translate-y-20:focus {
  --transform-translate-y: 5rem;
}

.focus\:translate-y-24:focus {
  --transform-translate-y: 6rem;
}

.focus\:translate-y-32:focus {
  --transform-translate-y: 8rem;
}

.focus\:translate-y-40:focus {
  --transform-translate-y: 10rem;
}

.focus\:translate-y-48:focus {
  --transform-translate-y: 12rem;
}

.focus\:translate-y-56:focus {
  --transform-translate-y: 14rem;
}

.focus\:translate-y-64:focus {
  --transform-translate-y: 16rem;
}

.focus\:translate-y-px:focus {
  --transform-translate-y: 1px;
}

.focus\:-translate-y-1:focus {
  --transform-translate-y: -0.25rem;
}

.focus\:-translate-y-2:focus {
  --transform-translate-y: -0.5rem;
}

.focus\:-translate-y-3:focus {
  --transform-translate-y: -0.75rem;
}

.focus\:-translate-y-4:focus {
  --transform-translate-y: -1rem;
}

.focus\:-translate-y-5:focus {
  --transform-translate-y: -1.25rem;
}

.focus\:-translate-y-6:focus {
  --transform-translate-y: -1.5rem;
}

.focus\:-translate-y-8:focus {
  --transform-translate-y: -2rem;
}

.focus\:-translate-y-10:focus {
  --transform-translate-y: -2.5rem;
}

.focus\:-translate-y-12:focus {
  --transform-translate-y: -3rem;
}

.focus\:-translate-y-16:focus {
  --transform-translate-y: -4rem;
}

.focus\:-translate-y-20:focus {
  --transform-translate-y: -5rem;
}

.focus\:-translate-y-24:focus {
  --transform-translate-y: -6rem;
}

.focus\:-translate-y-32:focus {
  --transform-translate-y: -8rem;
}

.focus\:-translate-y-40:focus {
  --transform-translate-y: -10rem;
}

.focus\:-translate-y-48:focus {
  --transform-translate-y: -12rem;
}

.focus\:-translate-y-56:focus {
  --transform-translate-y: -14rem;
}

.focus\:-translate-y-64:focus {
  --transform-translate-y: -16rem;
}

.focus\:-translate-y-px:focus {
  --transform-translate-y: -1px;
}

.focus\:-translate-y-full:focus {
  --transform-translate-y: -100%;
}

.focus\:-translate-y-1\/2:focus {
  --transform-translate-y: -50%;
}

.focus\:translate-y-1\/2:focus {
  --transform-translate-y: 50%;
}

.focus\:translate-y-full:focus {
  --transform-translate-y: 100%;
}

.skew-x-0 {
  --transform-skew-x: 0;
}

.skew-x-1 {
  --transform-skew-x: 1deg;
}

.skew-x-2 {
  --transform-skew-x: 2deg;
}

.skew-x-3 {
  --transform-skew-x: 3deg;
}

.skew-x-6 {
  --transform-skew-x: 6deg;
}

.skew-x-12 {
  --transform-skew-x: 12deg;
}

.-skew-x-12 {
  --transform-skew-x: -12deg;
}

.-skew-x-6 {
  --transform-skew-x: -6deg;
}

.-skew-x-3 {
  --transform-skew-x: -3deg;
}

.-skew-x-2 {
  --transform-skew-x: -2deg;
}

.-skew-x-1 {
  --transform-skew-x: -1deg;
}

.skew-y-0 {
  --transform-skew-y: 0;
}

.skew-y-1 {
  --transform-skew-y: 1deg;
}

.skew-y-2 {
  --transform-skew-y: 2deg;
}

.skew-y-3 {
  --transform-skew-y: 3deg;
}

.skew-y-6 {
  --transform-skew-y: 6deg;
}

.skew-y-12 {
  --transform-skew-y: 12deg;
}

.-skew-y-12 {
  --transform-skew-y: -12deg;
}

.-skew-y-6 {
  --transform-skew-y: -6deg;
}

.-skew-y-3 {
  --transform-skew-y: -3deg;
}

.-skew-y-2 {
  --transform-skew-y: -2deg;
}

.-skew-y-1 {
  --transform-skew-y: -1deg;
}

.hover\:skew-x-0:hover {
  --transform-skew-x: 0;
}

.hover\:skew-x-1:hover {
  --transform-skew-x: 1deg;
}

.hover\:skew-x-2:hover {
  --transform-skew-x: 2deg;
}

.hover\:skew-x-3:hover {
  --transform-skew-x: 3deg;
}

.hover\:skew-x-6:hover {
  --transform-skew-x: 6deg;
}

.hover\:skew-x-12:hover {
  --transform-skew-x: 12deg;
}

.hover\:-skew-x-12:hover {
  --transform-skew-x: -12deg;
}

.hover\:-skew-x-6:hover {
  --transform-skew-x: -6deg;
}

.hover\:-skew-x-3:hover {
  --transform-skew-x: -3deg;
}

.hover\:-skew-x-2:hover {
  --transform-skew-x: -2deg;
}

.hover\:-skew-x-1:hover {
  --transform-skew-x: -1deg;
}

.hover\:skew-y-0:hover {
  --transform-skew-y: 0;
}

.hover\:skew-y-1:hover {
  --transform-skew-y: 1deg;
}

.hover\:skew-y-2:hover {
  --transform-skew-y: 2deg;
}

.hover\:skew-y-3:hover {
  --transform-skew-y: 3deg;
}

.hover\:skew-y-6:hover {
  --transform-skew-y: 6deg;
}

.hover\:skew-y-12:hover {
  --transform-skew-y: 12deg;
}

.hover\:-skew-y-12:hover {
  --transform-skew-y: -12deg;
}

.hover\:-skew-y-6:hover {
  --transform-skew-y: -6deg;
}

.hover\:-skew-y-3:hover {
  --transform-skew-y: -3deg;
}

.hover\:-skew-y-2:hover {
  --transform-skew-y: -2deg;
}

.hover\:-skew-y-1:hover {
  --transform-skew-y: -1deg;
}

.focus\:skew-x-0:focus {
  --transform-skew-x: 0;
}

.focus\:skew-x-1:focus {
  --transform-skew-x: 1deg;
}

.focus\:skew-x-2:focus {
  --transform-skew-x: 2deg;
}

.focus\:skew-x-3:focus {
  --transform-skew-x: 3deg;
}

.focus\:skew-x-6:focus {
  --transform-skew-x: 6deg;
}

.focus\:skew-x-12:focus {
  --transform-skew-x: 12deg;
}

.focus\:-skew-x-12:focus {
  --transform-skew-x: -12deg;
}

.focus\:-skew-x-6:focus {
  --transform-skew-x: -6deg;
}

.focus\:-skew-x-3:focus {
  --transform-skew-x: -3deg;
}

.focus\:-skew-x-2:focus {
  --transform-skew-x: -2deg;
}

.focus\:-skew-x-1:focus {
  --transform-skew-x: -1deg;
}

.focus\:skew-y-0:focus {
  --transform-skew-y: 0;
}

.focus\:skew-y-1:focus {
  --transform-skew-y: 1deg;
}

.focus\:skew-y-2:focus {
  --transform-skew-y: 2deg;
}

.focus\:skew-y-3:focus {
  --transform-skew-y: 3deg;
}

.focus\:skew-y-6:focus {
  --transform-skew-y: 6deg;
}

.focus\:skew-y-12:focus {
  --transform-skew-y: 12deg;
}

.focus\:-skew-y-12:focus {
  --transform-skew-y: -12deg;
}

.focus\:-skew-y-6:focus {
  --transform-skew-y: -6deg;
}

.focus\:-skew-y-3:focus {
  --transform-skew-y: -3deg;
}

.focus\:-skew-y-2:focus {
  --transform-skew-y: -2deg;
}

.focus\:-skew-y-1:focus {
  --transform-skew-y: -1deg;
}

.transition-none {
  transition-property: none;
}

.transition-all {
  transition-property: all;
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
}

.transition-colors {
  transition-property: background-color, border-color, color, fill, stroke;
}

.transition-opacity {
  transition-property: opacity;
}

.transition-shadow {
  transition-property: box-shadow;
}

.transition-transform {
  transition-property: transform;
}

.ease-linear {
  transition-timing-function: linear;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.duration-75 {
  transition-duration: 75ms;
}

.duration-100 {
  transition-duration: 100ms;
}

.duration-150 {
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.duration-700 {
  transition-duration: 700ms;
}

.duration-1000 {
  transition-duration: 1000ms;
}

.delay-75 {
  transition-delay: 75ms;
}

.delay-100 {
  transition-delay: 100ms;
}

.delay-150 {
  transition-delay: 150ms;
}

.delay-200 {
  transition-delay: 200ms;
}

.delay-300 {
  transition-delay: 300ms;
}

.delay-500 {
  transition-delay: 500ms;
}

.delay-700 {
  transition-delay: 700ms;
}

.delay-1000 {
  transition-delay: 1000ms;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.animate-none {
  animation: none;
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-bounce {
  animation: bounce 1s infinite;
}

.clear-both {
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-none {
  clear: none;
}

.clip-padding-box {
  background-clip: padding-box;
}

.z-max {
  z-index: 10000;
}

.z-500 {
  z-index: 500;
}

.z-1000 {
  z-index: 1000;
}

.focus\:outline-blurple-100:focus{
  outline-color:#938FDB
}

.focus\:outline-solid:focus{
  outline-style:solid
}

.focus\:outline-2:focus{
  outline-width:2px
}

.focus\:rounded-none:focus{
  border-radius:0
}

body,html{
  font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:16px;
  line-height:1.4;
  width:100%
}

html{
  height:100%
}

body{
  --bg-opacity: 1;
  background-color: #e2e8f0;
  background-color: rgba(226, 232, 240, var(--bg-opacity));
  --text-opacity: 1;
  color: #1a202c;
  color: rgba(26, 32, 44, var(--text-opacity))
}

.app{
  display:grid;
  grid-template-columns:100%;
  grid-template-rows:auto 1fr auto;
  max-width:1440px
}

button{
  font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background:transparent;
  border:none
}

.button:focus{
  border:none;
  box-shadow:0 0 3px #23b7fb,inset 0 0 1px rgba(0,0,0,0.4)
}

h1,h2,h3,p{
  color:#1a202c
}

.inverted h1,.inverted h2,.inverted h3,.inverted p{
  color:#fff
}

.field-label.has-error{
  color:#ff4747
}

.text-field{
  font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-color:#cbd5e0
}

.text-field:disabled{
  border-color:#cbd5e0;
  background-color:#f7fafc;
  color:#a0aec0
}

.color-white{
  color:#fff !important
}

.color-gray{
  color:#718096 !important
}

.color-yellow{
  color:#fcce2f !important
}

.color-error{
  color:#ff4747 !important
}

.color-success{
  color:#02983a !important
}

.bg-black-important{
  background-color:#1a202c !important
}

.bg-gray-100-important{
  background-color:#f7fafc !important
}

.bordered{
  border:1px solid rgba(0,0,0,0.1);
  background-clip:padding-box
}

.footer a{
  --text-opacity: 1;
  color: #a0aec0;
  color: rgba(160, 174, 192, var(--text-opacity))
}

.word-break{
  word-break:break-word
}

.base-12-grid{
  display:grid;
  grid-template-columns:[full-start] 1fr 1fr [midway] 1fr 1fr [full-end];
  grid-column-gap:0.75rem;
  padding-left:0.75rem;
  padding-right:0.75rem
}

@media (min-width: 760px){
  .base-12-grid{
    grid-template-columns:[full-start] 1fr [main-start] 1fr 1fr 1fr [midway] 1fr 1fr 1fr [main-end] 1fr [full-end];
    grid-column-gap:1.5rem;
    padding-left:3rem;
    padding-right:3rem
  }
}

@media (min-width: 960px){
  .base-12-grid{
    grid-template-columns:[full-start] 1fr [wide-start] 1fr [main-start] 1fr [narrow-start] 1fr 1fr 1fr [midway] 1fr 1fr 1fr [narrow-end] 1fr [main-end] 1fr [wide-end] 1fr [full-end]
  }
}

.base-12-grid.no-p{
  padding-left:0;
  padding-right:0
}

.grid-full{
  grid-column:full-start / full-end
}

.grid-compact{
  grid-column:full-start / full-end
}

@media (min-width: 760px){
  .grid-compact{
    grid-column:main-start / main-end
  }
}

@media (min-width: 960px){
  .grid-compact{
    grid-column:compact-start / compact-end
  }
}

.grid-main{
  grid-column:full-start / full-end
}

@media (min-width: 760px){
  .grid-main{
    grid-column:main-start / main-end
  }
}

@media (min-width: 960px){
  .grid-main{
    grid-column:main-start / main-end
  }
}

.grid-narrow{
  grid-column:full-start / full-end
}

@media (min-width: 760px){
  .grid-narrow{
    grid-column:main-start / main-end
  }
}

@media (min-width: 1280px){
  .grid-narrow{
    grid-column:narrow-start / narrow-end
  }
}

.grid-wide{
  grid-column:full-start / full-end
}

@media (min-width: 960px){
  .grid-wide{
    grid-column:wide-start / wide-end
  }
}

.grid-full-1\/2{
  grid-column:auto / span 4
}

@media (min-width: 760px){
  .grid-full-1\/2{
    grid-column:auto / span 4
  }
}

@media (min-width: 960px){
  .grid-full-1\/2{
    grid-column:auto / span 6
  }
}

.grid-full-8\/12{
  grid-column:full-start / full-end
}

@media (min-width: 960px){
  .grid-full-8\/12{
    grid-column:full-start / span 8
  }
}

.grid-wide-1\/3{
  grid-column:full-start / full-end
}

@media (min-width: 760px){
  .grid-wide-1\/3{
    grid-column:midway / full-end
  }
}

@media (min-width: 960px){
  .grid-wide-1\/3{
    grid-column:8 / span 4
  }
}

.grid-wide-2\/3{
  grid-column:full-start / full-end
}

@media (min-width: 760px){
  .grid-wide-2\/3{
    grid-column:full-start / midway
  }
}

@media (min-width: 960px){
  .grid-wide-2\/3{
    grid-column:wide-start / span 6
  }
}

.grid-wide-3\/10{
  grid-column:full-start / full-end
}

@media (min-width: 760px){
  .grid-wide-3\/10{
    grid-column:midway / full-end
  }
}

@media (min-width: 960px){
  .grid-wide-3\/10{
    grid-column:midway / wide-end
  }
}

@media (min-width: 1060px){
  .grid-wide-3\/10{
    grid-column:8 / span 4
  }
}

@media (min-width: 1280px){
  .grid-wide-3\/10{
    grid-column:9 / span 3
  }
}

.grid-wide-7\/10{
  grid-column:full-start / full-end
}

@media (min-width: 760px){
  .grid-wide-7\/10{
    grid-column:full-start / midway
  }
}

@media (min-width: 960px){
  .grid-wide-7\/10{
    grid-column:wide-start / midway
  }
}

@media (min-width: 1060px){
  .grid-wide-7\/10{
    grid-column:wide-start / span 6
  }
}

@media (min-width: 1280px){
  .grid-wide-7\/10{
    grid-column:wide-start / span 7
  }
}

.opacity-45{
  opacity:0.45
}

@media (min-width: 360px) {
  .xs\:container {
    width: 100%;
  }

  @media (min-width: 360px) {
    .xs\:container {
      max-width: 360px;
    }
  }

  @media (min-width: 480px) {
    .xs\:container {
      max-width: 480px;
    }
  }

  @media (min-width: 760px) {
    .xs\:container {
      max-width: 760px;
    }
  }

  @media (min-width: 960px) {
    .xs\:container {
      max-width: 960px;
    }
  }

  @media (min-width: 1060px) {
    .xs\:container {
      max-width: 1060px;
    }
  }

  @media (min-width: 1280px) {
    .xs\:container {
      max-width: 1280px;
    }
  }

  .xs\:space-y-0 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  .xs\:space-x-0 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  .xs\:space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  .xs\:space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  .xs\:space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  .xs\:space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  .xs\:space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  .xs\:space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  .xs\:space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  .xs\:space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  .xs\:space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  .xs\:space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  .xs\:space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  .xs\:space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  .xs\:space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  .xs\:space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  .xs\:space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  .xs\:space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  .xs\:space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  .xs\:space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  .xs\:-space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  .xs\:-space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  .xs\:-space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  .xs\:-space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  .xs\:-space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  .xs\:-space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  .xs\:-space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  .xs\:-space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  .xs\:-space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  .xs\:-space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  .xs\:-space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  .xs\:-space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  .xs\:-space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  .xs\:-space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  .xs\:-space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  .xs\:-space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  .xs\:-space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  .xs\:-space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  .xs\:-space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  .xs\:space-y-reverse > :not(template) ~ :not(template) {
    --space-y-reverse: 1;
  }

  .xs\:space-x-reverse > :not(template) ~ :not(template) {
    --space-x-reverse: 1;
  }

  .xs\:divide-y-0 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  .xs\:divide-x-0 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  .xs\:divide-y-2 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  .xs\:divide-x-2 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  .xs\:divide-y-4 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  .xs\:divide-x-4 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  .xs\:divide-y-8 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  .xs\:divide-x-8 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  .xs\:divide-y > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  .xs\:divide-x > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  .xs\:divide-y-reverse > :not(template) ~ :not(template) {
    --divide-y-reverse: 1;
  }

  .xs\:divide-x-reverse > :not(template) ~ :not(template) {
    --divide-x-reverse: 1;
  }

  .xs\:divide-transparent > :not(template) ~ :not(template) {
    border-color: transparent;
  }

  .xs\:divide-black > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--divide-opacity));
  }

  .xs\:divide-white > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .xs\:divide-gray-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--divide-opacity));
  }

  .xs\:divide-gray-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--divide-opacity));
  }

  .xs\:divide-gray-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--divide-opacity));
  }

  .xs\:divide-gray-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--divide-opacity));
  }

  .xs\:divide-gray-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--divide-opacity));
  }

  .xs\:divide-gray-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--divide-opacity));
  }

  .xs\:divide-gray-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--divide-opacity));
  }

  .xs\:divide-gray-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--divide-opacity));
  }

  .xs\:divide-gray-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--divide-opacity));
  }

  .xs\:divide-blue-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--divide-opacity));
  }

  .xs\:divide-blue-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--divide-opacity));
  }

  .xs\:divide-blue-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--divide-opacity));
  }

  .xs\:divide-blue-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--divide-opacity));
  }

  .xs\:divide-blue-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--divide-opacity));
  }

  .xs\:divide-blue-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--divide-opacity));
  }

  .xs\:divide-blue-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--divide-opacity));
  }

  .xs\:divide-blue-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--divide-opacity));
  }

  .xs\:divide-blue-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--divide-opacity));
  }

  .xs\:divide-blurple-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--divide-opacity));
  }

  .xs\:divide-blurple-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--divide-opacity));
  }

  .xs\:divide-blurple-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--divide-opacity));
  }

  .xs\:divide-blurple-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--divide-opacity));
  }

  .xs\:divide-blurple-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--divide-opacity));
  }

  .xs\:divide-blurple-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--divide-opacity));
  }

  .xs\:divide-green-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--divide-opacity));
  }

  .xs\:divide-green-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--divide-opacity));
  }

  .xs\:divide-green-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--divide-opacity));
  }

  .xs\:divide-orange-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--divide-opacity));
  }

  .xs\:divide-orange-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--divide-opacity));
  }

  .xs\:divide-orange-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--divide-opacity));
  }

  .xs\:divide-orange-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--divide-opacity));
  }

  .xs\:divide-orange-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--divide-opacity));
  }

  .xs\:divide-orange-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--divide-opacity));
  }

  .xs\:divide-orange-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--divide-opacity));
  }

  .xs\:divide-orange-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--divide-opacity));
  }

  .xs\:divide-orange-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--divide-opacity));
  }

  .xs\:divide-purple-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--divide-opacity));
  }

  .xs\:divide-purple-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--divide-opacity));
  }

  .xs\:divide-purple-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--divide-opacity));
  }

  .xs\:divide-purple-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--divide-opacity));
  }

  .xs\:divide-purple-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--divide-opacity));
  }

  .xs\:divide-purple-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--divide-opacity));
  }

  .xs\:divide-purple-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--divide-opacity));
  }

  .xs\:divide-purple-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--divide-opacity));
  }

  .xs\:divide-purple-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--divide-opacity));
  }

  .xs\:divide-red-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--divide-opacity));
  }

  .xs\:divide-red-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--divide-opacity));
  }

  .xs\:divide-red-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--divide-opacity));
  }

  .xs\:divide-teal-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--divide-opacity));
  }

  .xs\:divide-teal-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--divide-opacity));
  }

  .xs\:divide-teal-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--divide-opacity));
  }

  .xs\:divide-teal-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--divide-opacity));
  }

  .xs\:divide-teal-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--divide-opacity));
  }

  .xs\:divide-teal-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--divide-opacity));
  }

  .xs\:divide-teal-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--divide-opacity));
  }

  .xs\:divide-teal-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--divide-opacity));
  }

  .xs\:divide-teal-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--divide-opacity));
  }

  .xs\:divide-yellow-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--divide-opacity));
  }

  .xs\:divide-yellow-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--divide-opacity));
  }

  .xs\:divide-yellow-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--divide-opacity));
  }

  .xs\:divide-yellow-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--divide-opacity));
  }

  .xs\:divide-yellow-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--divide-opacity));
  }

  .xs\:divide-yellow-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--divide-opacity));
  }

  .xs\:divide-yellow-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--divide-opacity));
  }

  .xs\:divide-yellow-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--divide-opacity));
  }

  .xs\:divide-yellow-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--divide-opacity));
  }

  .xs\:divide-facebook-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--divide-opacity));
  }

  .xs\:divide-facebook-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--divide-opacity));
  }

  .xs\:divide-snapchat-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--divide-opacity));
  }

  .xs\:divide-snapchat-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--divide-opacity));
  }

  .xs\:divide-messenger-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--divide-opacity));
  }

  .xs\:divide-messenger-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--divide-opacity));
  }

  .xs\:divide-twitter-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--divide-opacity));
  }

  .xs\:divide-twitter-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--divide-opacity));
  }

  .xs\:divide-transparent-black-10 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.1);
  }

  .xs\:divide-transparent-black-30 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.3);
  }

  .xs\:divide-transparent-black-50 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.5);
  }

  .xs\:divide-transparent-black-70 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.7);
  }

  .xs\:divide-transparent-black-90 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.9);
  }

  .xs\:divide-transparent-white-10 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.1);
  }

  .xs\:divide-transparent-white-30 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.3);
  }

  .xs\:divide-transparent-white-50 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.5);
  }

  .xs\:divide-transparent-white-70 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.7);
  }

  .xs\:divide-transparent-white-90 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.9);
  }

  .xs\:divide-vr-dark-blue > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--divide-opacity));
  }

  .xs\:divide-vr-neon-green > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--divide-opacity));
  }

  .xs\:divide-solid > :not(template) ~ :not(template) {
    border-style: solid;
  }

  .xs\:divide-dashed > :not(template) ~ :not(template) {
    border-style: dashed;
  }

  .xs\:divide-dotted > :not(template) ~ :not(template) {
    border-style: dotted;
  }

  .xs\:divide-double > :not(template) ~ :not(template) {
    border-style: double;
  }

  .xs\:divide-none > :not(template) ~ :not(template) {
    border-style: none;
  }

  .xs\:divide-opacity-0 > :not(template) ~ :not(template) {
    --divide-opacity: 0;
  }

  .xs\:divide-opacity-25 > :not(template) ~ :not(template) {
    --divide-opacity: 0.25;
  }

  .xs\:divide-opacity-50 > :not(template) ~ :not(template) {
    --divide-opacity: 0.5;
  }

  .xs\:divide-opacity-75 > :not(template) ~ :not(template) {
    --divide-opacity: 0.75;
  }

  .xs\:divide-opacity-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
  }

  .xs\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .xs\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .xs\:focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .xs\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .xs\:appearance-none {
    -webkit-appearance: none;
            appearance: none;
  }

  .xs\:bg-fixed {
    background-attachment: fixed;
  }

  .xs\:bg-local {
    background-attachment: local;
  }

  .xs\:bg-scroll {
    background-attachment: scroll;
  }

  .xs\:bg-clip-border {
    background-clip: border-box;
  }

  .xs\:bg-clip-padding {
    background-clip: padding-box;
  }

  .xs\:bg-clip-content {
    background-clip: content-box;
  }

  .xs\:bg-clip-text {
    -webkit-background-clip: text;
            background-clip: text;
  }

  .xs\:bg-transparent {
    background-color: transparent;
  }

  .xs\:bg-black {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .xs\:bg-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xs\:bg-gray-100 {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .xs\:bg-gray-200 {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .xs\:bg-gray-300 {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .xs\:bg-gray-400 {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .xs\:bg-gray-500 {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .xs\:bg-gray-600 {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .xs\:bg-gray-700 {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .xs\:bg-gray-800 {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .xs\:bg-gray-900 {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .xs\:bg-blue-100 {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .xs\:bg-blue-200 {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .xs\:bg-blue-300 {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .xs\:bg-blue-400 {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .xs\:bg-blue-500 {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .xs\:bg-blue-600 {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .xs\:bg-blue-700 {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .xs\:bg-blue-800 {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .xs\:bg-blue-900 {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .xs\:bg-blurple-100 {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .xs\:bg-blurple-200 {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .xs\:bg-blurple-300 {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .xs\:bg-blurple-400 {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .xs\:bg-blurple-500 {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .xs\:bg-blurple-700 {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .xs\:bg-green-300 {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .xs\:bg-green-500 {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .xs\:bg-green-700 {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .xs\:bg-orange-100 {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .xs\:bg-orange-200 {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .xs\:bg-orange-300 {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .xs\:bg-orange-400 {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .xs\:bg-orange-500 {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .xs\:bg-orange-600 {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .xs\:bg-orange-700 {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .xs\:bg-orange-800 {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .xs\:bg-orange-900 {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .xs\:bg-purple-100 {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .xs\:bg-purple-200 {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .xs\:bg-purple-300 {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .xs\:bg-purple-400 {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .xs\:bg-purple-500 {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .xs\:bg-purple-600 {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .xs\:bg-purple-700 {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .xs\:bg-purple-800 {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .xs\:bg-purple-900 {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .xs\:bg-red-300 {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .xs\:bg-red-500 {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .xs\:bg-red-700 {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .xs\:bg-teal-100 {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .xs\:bg-teal-200 {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .xs\:bg-teal-300 {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .xs\:bg-teal-400 {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .xs\:bg-teal-500 {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .xs\:bg-teal-600 {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .xs\:bg-teal-700 {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .xs\:bg-teal-800 {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .xs\:bg-teal-900 {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .xs\:bg-yellow-100 {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .xs\:bg-yellow-200 {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .xs\:bg-yellow-300 {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .xs\:bg-yellow-400 {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .xs\:bg-yellow-500 {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .xs\:bg-yellow-600 {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .xs\:bg-yellow-700 {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .xs\:bg-yellow-800 {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .xs\:bg-yellow-900 {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .xs\:bg-facebook-400 {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .xs\:bg-facebook-500 {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xs\:bg-snapchat-400 {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .xs\:bg-snapchat-500 {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xs\:bg-messenger-400 {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .xs\:bg-messenger-500 {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .xs\:bg-twitter-400 {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .xs\:bg-twitter-500 {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .xs\:bg-transparent-black-10 {
    background-color: rgba(0,0,0,0.1);
  }

  .xs\:bg-transparent-black-30 {
    background-color: rgba(0,0,0,0.3);
  }

  .xs\:bg-transparent-black-50 {
    background-color: rgba(0,0,0,0.5);
  }

  .xs\:bg-transparent-black-70 {
    background-color: rgba(0,0,0,0.7);
  }

  .xs\:bg-transparent-black-90 {
    background-color: rgba(0,0,0,0.9);
  }

  .xs\:bg-transparent-white-10 {
    background-color: rgba(255,255,255,0.1);
  }

  .xs\:bg-transparent-white-30 {
    background-color: rgba(255,255,255,0.3);
  }

  .xs\:bg-transparent-white-50 {
    background-color: rgba(255,255,255,0.5);
  }

  .xs\:bg-transparent-white-70 {
    background-color: rgba(255,255,255,0.7);
  }

  .xs\:bg-transparent-white-90 {
    background-color: rgba(255,255,255,0.9);
  }

  .xs\:bg-vr-dark-blue {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .xs\:bg-vr-neon-green {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .xs\:active\:bg-transparent:active {
    background-color: transparent;
  }

  .xs\:active\:bg-black:active {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .xs\:active\:bg-white:active {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xs\:active\:bg-gray-100:active {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .xs\:active\:bg-gray-200:active {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .xs\:active\:bg-gray-300:active {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .xs\:active\:bg-gray-400:active {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .xs\:active\:bg-gray-500:active {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .xs\:active\:bg-gray-600:active {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .xs\:active\:bg-gray-700:active {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .xs\:active\:bg-gray-800:active {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .xs\:active\:bg-gray-900:active {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .xs\:active\:bg-blue-100:active {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .xs\:active\:bg-blue-200:active {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .xs\:active\:bg-blue-300:active {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .xs\:active\:bg-blue-400:active {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .xs\:active\:bg-blue-500:active {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .xs\:active\:bg-blue-600:active {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .xs\:active\:bg-blue-700:active {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .xs\:active\:bg-blue-800:active {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .xs\:active\:bg-blue-900:active {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .xs\:active\:bg-blurple-100:active {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .xs\:active\:bg-blurple-200:active {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .xs\:active\:bg-blurple-300:active {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .xs\:active\:bg-blurple-400:active {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .xs\:active\:bg-blurple-500:active {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .xs\:active\:bg-blurple-700:active {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .xs\:active\:bg-green-300:active {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .xs\:active\:bg-green-500:active {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .xs\:active\:bg-green-700:active {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .xs\:active\:bg-orange-100:active {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .xs\:active\:bg-orange-200:active {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .xs\:active\:bg-orange-300:active {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .xs\:active\:bg-orange-400:active {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .xs\:active\:bg-orange-500:active {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .xs\:active\:bg-orange-600:active {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .xs\:active\:bg-orange-700:active {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .xs\:active\:bg-orange-800:active {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .xs\:active\:bg-orange-900:active {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .xs\:active\:bg-purple-100:active {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .xs\:active\:bg-purple-200:active {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .xs\:active\:bg-purple-300:active {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .xs\:active\:bg-purple-400:active {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .xs\:active\:bg-purple-500:active {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .xs\:active\:bg-purple-600:active {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .xs\:active\:bg-purple-700:active {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .xs\:active\:bg-purple-800:active {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .xs\:active\:bg-purple-900:active {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .xs\:active\:bg-red-300:active {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .xs\:active\:bg-red-500:active {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .xs\:active\:bg-red-700:active {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .xs\:active\:bg-teal-100:active {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .xs\:active\:bg-teal-200:active {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .xs\:active\:bg-teal-300:active {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .xs\:active\:bg-teal-400:active {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .xs\:active\:bg-teal-500:active {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .xs\:active\:bg-teal-600:active {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .xs\:active\:bg-teal-700:active {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .xs\:active\:bg-teal-800:active {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .xs\:active\:bg-teal-900:active {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .xs\:active\:bg-yellow-100:active {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .xs\:active\:bg-yellow-200:active {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .xs\:active\:bg-yellow-300:active {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .xs\:active\:bg-yellow-400:active {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .xs\:active\:bg-yellow-500:active {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .xs\:active\:bg-yellow-600:active {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .xs\:active\:bg-yellow-700:active {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .xs\:active\:bg-yellow-800:active {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .xs\:active\:bg-yellow-900:active {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .xs\:active\:bg-facebook-400:active {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .xs\:active\:bg-facebook-500:active {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xs\:active\:bg-snapchat-400:active {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .xs\:active\:bg-snapchat-500:active {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xs\:active\:bg-messenger-400:active {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .xs\:active\:bg-messenger-500:active {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .xs\:active\:bg-twitter-400:active {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .xs\:active\:bg-twitter-500:active {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .xs\:active\:bg-transparent-black-10:active {
    background-color: rgba(0,0,0,0.1);
  }

  .xs\:active\:bg-transparent-black-30:active {
    background-color: rgba(0,0,0,0.3);
  }

  .xs\:active\:bg-transparent-black-50:active {
    background-color: rgba(0,0,0,0.5);
  }

  .xs\:active\:bg-transparent-black-70:active {
    background-color: rgba(0,0,0,0.7);
  }

  .xs\:active\:bg-transparent-black-90:active {
    background-color: rgba(0,0,0,0.9);
  }

  .xs\:active\:bg-transparent-white-10:active {
    background-color: rgba(255,255,255,0.1);
  }

  .xs\:active\:bg-transparent-white-30:active {
    background-color: rgba(255,255,255,0.3);
  }

  .xs\:active\:bg-transparent-white-50:active {
    background-color: rgba(255,255,255,0.5);
  }

  .xs\:active\:bg-transparent-white-70:active {
    background-color: rgba(255,255,255,0.7);
  }

  .xs\:active\:bg-transparent-white-90:active {
    background-color: rgba(255,255,255,0.9);
  }

  .xs\:active\:bg-vr-dark-blue:active {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .xs\:active\:bg-vr-neon-green:active {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .xs\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .xs\:hover\:bg-black:hover {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .xs\:hover\:bg-white:hover {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xs\:hover\:bg-gray-100:hover {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .xs\:hover\:bg-gray-200:hover {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .xs\:hover\:bg-gray-300:hover {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .xs\:hover\:bg-gray-400:hover {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .xs\:hover\:bg-gray-500:hover {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .xs\:hover\:bg-gray-600:hover {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .xs\:hover\:bg-gray-700:hover {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .xs\:hover\:bg-gray-800:hover {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .xs\:hover\:bg-gray-900:hover {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .xs\:hover\:bg-blue-100:hover {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .xs\:hover\:bg-blue-200:hover {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .xs\:hover\:bg-blue-300:hover {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .xs\:hover\:bg-blue-400:hover {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .xs\:hover\:bg-blue-500:hover {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .xs\:hover\:bg-blue-600:hover {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .xs\:hover\:bg-blue-700:hover {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .xs\:hover\:bg-blue-800:hover {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .xs\:hover\:bg-blue-900:hover {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .xs\:hover\:bg-blurple-100:hover {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .xs\:hover\:bg-blurple-200:hover {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .xs\:hover\:bg-blurple-300:hover {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .xs\:hover\:bg-blurple-400:hover {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .xs\:hover\:bg-blurple-500:hover {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .xs\:hover\:bg-blurple-700:hover {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .xs\:hover\:bg-green-300:hover {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .xs\:hover\:bg-green-500:hover {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .xs\:hover\:bg-green-700:hover {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .xs\:hover\:bg-orange-100:hover {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .xs\:hover\:bg-orange-200:hover {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .xs\:hover\:bg-orange-300:hover {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .xs\:hover\:bg-orange-400:hover {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .xs\:hover\:bg-orange-500:hover {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .xs\:hover\:bg-orange-600:hover {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .xs\:hover\:bg-orange-700:hover {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .xs\:hover\:bg-orange-800:hover {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .xs\:hover\:bg-orange-900:hover {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .xs\:hover\:bg-purple-100:hover {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .xs\:hover\:bg-purple-200:hover {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .xs\:hover\:bg-purple-300:hover {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .xs\:hover\:bg-purple-400:hover {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .xs\:hover\:bg-purple-500:hover {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .xs\:hover\:bg-purple-600:hover {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .xs\:hover\:bg-purple-700:hover {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .xs\:hover\:bg-purple-800:hover {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .xs\:hover\:bg-purple-900:hover {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .xs\:hover\:bg-red-300:hover {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .xs\:hover\:bg-red-500:hover {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .xs\:hover\:bg-red-700:hover {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .xs\:hover\:bg-teal-100:hover {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .xs\:hover\:bg-teal-200:hover {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .xs\:hover\:bg-teal-300:hover {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .xs\:hover\:bg-teal-400:hover {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .xs\:hover\:bg-teal-500:hover {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .xs\:hover\:bg-teal-600:hover {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .xs\:hover\:bg-teal-700:hover {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .xs\:hover\:bg-teal-800:hover {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .xs\:hover\:bg-teal-900:hover {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .xs\:hover\:bg-yellow-100:hover {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .xs\:hover\:bg-yellow-200:hover {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .xs\:hover\:bg-yellow-300:hover {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .xs\:hover\:bg-yellow-400:hover {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .xs\:hover\:bg-yellow-500:hover {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .xs\:hover\:bg-yellow-600:hover {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .xs\:hover\:bg-yellow-700:hover {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .xs\:hover\:bg-yellow-800:hover {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .xs\:hover\:bg-yellow-900:hover {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .xs\:hover\:bg-facebook-400:hover {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .xs\:hover\:bg-facebook-500:hover {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xs\:hover\:bg-snapchat-400:hover {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .xs\:hover\:bg-snapchat-500:hover {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xs\:hover\:bg-messenger-400:hover {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .xs\:hover\:bg-messenger-500:hover {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .xs\:hover\:bg-twitter-400:hover {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .xs\:hover\:bg-twitter-500:hover {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .xs\:hover\:bg-transparent-black-10:hover {
    background-color: rgba(0,0,0,0.1);
  }

  .xs\:hover\:bg-transparent-black-30:hover {
    background-color: rgba(0,0,0,0.3);
  }

  .xs\:hover\:bg-transparent-black-50:hover {
    background-color: rgba(0,0,0,0.5);
  }

  .xs\:hover\:bg-transparent-black-70:hover {
    background-color: rgba(0,0,0,0.7);
  }

  .xs\:hover\:bg-transparent-black-90:hover {
    background-color: rgba(0,0,0,0.9);
  }

  .xs\:hover\:bg-transparent-white-10:hover {
    background-color: rgba(255,255,255,0.1);
  }

  .xs\:hover\:bg-transparent-white-30:hover {
    background-color: rgba(255,255,255,0.3);
  }

  .xs\:hover\:bg-transparent-white-50:hover {
    background-color: rgba(255,255,255,0.5);
  }

  .xs\:hover\:bg-transparent-white-70:hover {
    background-color: rgba(255,255,255,0.7);
  }

  .xs\:hover\:bg-transparent-white-90:hover {
    background-color: rgba(255,255,255,0.9);
  }

  .xs\:hover\:bg-vr-dark-blue:hover {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .xs\:hover\:bg-vr-neon-green:hover {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .xs\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .xs\:focus\:bg-black:focus {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .xs\:focus\:bg-white:focus {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xs\:focus\:bg-gray-100:focus {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .xs\:focus\:bg-gray-200:focus {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .xs\:focus\:bg-gray-300:focus {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .xs\:focus\:bg-gray-400:focus {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .xs\:focus\:bg-gray-500:focus {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .xs\:focus\:bg-gray-600:focus {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .xs\:focus\:bg-gray-700:focus {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .xs\:focus\:bg-gray-800:focus {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .xs\:focus\:bg-gray-900:focus {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .xs\:focus\:bg-blue-100:focus {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .xs\:focus\:bg-blue-200:focus {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .xs\:focus\:bg-blue-300:focus {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .xs\:focus\:bg-blue-400:focus {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .xs\:focus\:bg-blue-500:focus {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .xs\:focus\:bg-blue-600:focus {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .xs\:focus\:bg-blue-700:focus {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .xs\:focus\:bg-blue-800:focus {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .xs\:focus\:bg-blue-900:focus {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .xs\:focus\:bg-blurple-100:focus {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .xs\:focus\:bg-blurple-200:focus {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .xs\:focus\:bg-blurple-300:focus {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .xs\:focus\:bg-blurple-400:focus {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .xs\:focus\:bg-blurple-500:focus {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .xs\:focus\:bg-blurple-700:focus {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .xs\:focus\:bg-green-300:focus {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .xs\:focus\:bg-green-500:focus {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .xs\:focus\:bg-green-700:focus {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .xs\:focus\:bg-orange-100:focus {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .xs\:focus\:bg-orange-200:focus {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .xs\:focus\:bg-orange-300:focus {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .xs\:focus\:bg-orange-400:focus {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .xs\:focus\:bg-orange-500:focus {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .xs\:focus\:bg-orange-600:focus {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .xs\:focus\:bg-orange-700:focus {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .xs\:focus\:bg-orange-800:focus {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .xs\:focus\:bg-orange-900:focus {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .xs\:focus\:bg-purple-100:focus {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .xs\:focus\:bg-purple-200:focus {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .xs\:focus\:bg-purple-300:focus {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .xs\:focus\:bg-purple-400:focus {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .xs\:focus\:bg-purple-500:focus {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .xs\:focus\:bg-purple-600:focus {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .xs\:focus\:bg-purple-700:focus {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .xs\:focus\:bg-purple-800:focus {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .xs\:focus\:bg-purple-900:focus {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .xs\:focus\:bg-red-300:focus {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .xs\:focus\:bg-red-500:focus {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .xs\:focus\:bg-red-700:focus {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .xs\:focus\:bg-teal-100:focus {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .xs\:focus\:bg-teal-200:focus {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .xs\:focus\:bg-teal-300:focus {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .xs\:focus\:bg-teal-400:focus {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .xs\:focus\:bg-teal-500:focus {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .xs\:focus\:bg-teal-600:focus {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .xs\:focus\:bg-teal-700:focus {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .xs\:focus\:bg-teal-800:focus {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .xs\:focus\:bg-teal-900:focus {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .xs\:focus\:bg-yellow-100:focus {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .xs\:focus\:bg-yellow-200:focus {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .xs\:focus\:bg-yellow-300:focus {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .xs\:focus\:bg-yellow-400:focus {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .xs\:focus\:bg-yellow-500:focus {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .xs\:focus\:bg-yellow-600:focus {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .xs\:focus\:bg-yellow-700:focus {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .xs\:focus\:bg-yellow-800:focus {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .xs\:focus\:bg-yellow-900:focus {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .xs\:focus\:bg-facebook-400:focus {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .xs\:focus\:bg-facebook-500:focus {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xs\:focus\:bg-snapchat-400:focus {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .xs\:focus\:bg-snapchat-500:focus {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xs\:focus\:bg-messenger-400:focus {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .xs\:focus\:bg-messenger-500:focus {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .xs\:focus\:bg-twitter-400:focus {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .xs\:focus\:bg-twitter-500:focus {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .xs\:focus\:bg-transparent-black-10:focus {
    background-color: rgba(0,0,0,0.1);
  }

  .xs\:focus\:bg-transparent-black-30:focus {
    background-color: rgba(0,0,0,0.3);
  }

  .xs\:focus\:bg-transparent-black-50:focus {
    background-color: rgba(0,0,0,0.5);
  }

  .xs\:focus\:bg-transparent-black-70:focus {
    background-color: rgba(0,0,0,0.7);
  }

  .xs\:focus\:bg-transparent-black-90:focus {
    background-color: rgba(0,0,0,0.9);
  }

  .xs\:focus\:bg-transparent-white-10:focus {
    background-color: rgba(255,255,255,0.1);
  }

  .xs\:focus\:bg-transparent-white-30:focus {
    background-color: rgba(255,255,255,0.3);
  }

  .xs\:focus\:bg-transparent-white-50:focus {
    background-color: rgba(255,255,255,0.5);
  }

  .xs\:focus\:bg-transparent-white-70:focus {
    background-color: rgba(255,255,255,0.7);
  }

  .xs\:focus\:bg-transparent-white-90:focus {
    background-color: rgba(255,255,255,0.9);
  }

  .xs\:focus\:bg-vr-dark-blue:focus {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .xs\:focus\:bg-vr-neon-green:focus {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .xs\:bg-none {
    background-image: none;
  }

  .xs\:bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  .xs\:bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  .xs\:bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  .xs\:bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  .xs\:bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  .xs\:bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  .xs\:bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  .xs\:bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  .xs\:from-transparent {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:from-black {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:from-white {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:from-gray-100 {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xs\:from-gray-200 {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xs\:from-gray-300 {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xs\:from-gray-400 {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xs\:from-gray-500 {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xs\:from-gray-600 {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xs\:from-gray-700 {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xs\:from-gray-800 {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xs\:from-gray-900 {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xs\:from-blue-100 {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xs\:from-blue-200 {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xs\:from-blue-300 {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xs\:from-blue-400 {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xs\:from-blue-500 {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xs\:from-blue-600 {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xs\:from-blue-700 {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xs\:from-blue-800 {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xs\:from-blue-900 {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xs\:from-blurple-100 {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xs\:from-blurple-200 {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xs\:from-blurple-300 {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xs\:from-blurple-400 {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xs\:from-blurple-500 {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xs\:from-blurple-700 {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xs\:from-green-300 {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xs\:from-green-500 {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xs\:from-green-700 {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xs\:from-orange-100 {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xs\:from-orange-200 {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xs\:from-orange-300 {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xs\:from-orange-400 {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xs\:from-orange-500 {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xs\:from-orange-600 {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xs\:from-orange-700 {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xs\:from-orange-800 {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xs\:from-orange-900 {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xs\:from-purple-100 {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xs\:from-purple-200 {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xs\:from-purple-300 {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xs\:from-purple-400 {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xs\:from-purple-500 {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xs\:from-purple-600 {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xs\:from-purple-700 {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xs\:from-purple-800 {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xs\:from-purple-900 {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xs\:from-red-300 {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xs\:from-red-500 {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xs\:from-red-700 {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xs\:from-teal-100 {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xs\:from-teal-200 {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xs\:from-teal-300 {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xs\:from-teal-400 {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xs\:from-teal-500 {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xs\:from-teal-600 {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xs\:from-teal-700 {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xs\:from-teal-800 {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xs\:from-teal-900 {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xs\:from-yellow-100 {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xs\:from-yellow-200 {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xs\:from-yellow-300 {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xs\:from-yellow-400 {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xs\:from-yellow-500 {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xs\:from-yellow-600 {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xs\:from-yellow-700 {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xs\:from-yellow-800 {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xs\:from-yellow-900 {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xs\:from-facebook-400 {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xs\:from-facebook-500 {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xs\:from-snapchat-400 {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xs\:from-snapchat-500 {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xs\:from-messenger-400 {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xs\:from-messenger-500 {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xs\:from-twitter-400 {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xs\:from-twitter-500 {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xs\:from-transparent-black-10 {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:from-transparent-black-30 {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:from-transparent-black-50 {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:from-transparent-black-70 {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:from-transparent-black-90 {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:from-transparent-white-10 {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:from-transparent-white-30 {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:from-transparent-white-50 {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:from-transparent-white-70 {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:from-transparent-white-90 {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:from-vr-dark-blue {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xs\:from-vr-neon-green {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xs\:via-transparent {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:via-black {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:via-white {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:via-gray-100 {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xs\:via-gray-200 {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xs\:via-gray-300 {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xs\:via-gray-400 {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xs\:via-gray-500 {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xs\:via-gray-600 {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xs\:via-gray-700 {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xs\:via-gray-800 {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xs\:via-gray-900 {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xs\:via-blue-100 {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xs\:via-blue-200 {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xs\:via-blue-300 {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xs\:via-blue-400 {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xs\:via-blue-500 {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xs\:via-blue-600 {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xs\:via-blue-700 {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xs\:via-blue-800 {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xs\:via-blue-900 {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xs\:via-blurple-100 {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xs\:via-blurple-200 {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xs\:via-blurple-300 {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xs\:via-blurple-400 {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xs\:via-blurple-500 {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xs\:via-blurple-700 {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xs\:via-green-300 {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xs\:via-green-500 {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xs\:via-green-700 {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xs\:via-orange-100 {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xs\:via-orange-200 {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xs\:via-orange-300 {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xs\:via-orange-400 {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xs\:via-orange-500 {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xs\:via-orange-600 {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xs\:via-orange-700 {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xs\:via-orange-800 {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xs\:via-orange-900 {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xs\:via-purple-100 {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xs\:via-purple-200 {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xs\:via-purple-300 {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xs\:via-purple-400 {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xs\:via-purple-500 {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xs\:via-purple-600 {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xs\:via-purple-700 {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xs\:via-purple-800 {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xs\:via-purple-900 {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xs\:via-red-300 {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xs\:via-red-500 {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xs\:via-red-700 {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xs\:via-teal-100 {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xs\:via-teal-200 {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xs\:via-teal-300 {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xs\:via-teal-400 {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xs\:via-teal-500 {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xs\:via-teal-600 {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xs\:via-teal-700 {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xs\:via-teal-800 {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xs\:via-teal-900 {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xs\:via-yellow-100 {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xs\:via-yellow-200 {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xs\:via-yellow-300 {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xs\:via-yellow-400 {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xs\:via-yellow-500 {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xs\:via-yellow-600 {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xs\:via-yellow-700 {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xs\:via-yellow-800 {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xs\:via-yellow-900 {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xs\:via-facebook-400 {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xs\:via-facebook-500 {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xs\:via-snapchat-400 {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xs\:via-snapchat-500 {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xs\:via-messenger-400 {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xs\:via-messenger-500 {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xs\:via-twitter-400 {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xs\:via-twitter-500 {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xs\:via-transparent-black-10 {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:via-transparent-black-30 {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:via-transparent-black-50 {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:via-transparent-black-70 {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:via-transparent-black-90 {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:via-transparent-white-10 {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:via-transparent-white-30 {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:via-transparent-white-50 {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:via-transparent-white-70 {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:via-transparent-white-90 {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:via-vr-dark-blue {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xs\:via-vr-neon-green {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xs\:to-transparent {
    --gradient-to-color: transparent;
  }

  .xs\:to-black {
    --gradient-to-color: #000;
  }

  .xs\:to-white {
    --gradient-to-color: #fff;
  }

  .xs\:to-gray-100 {
    --gradient-to-color: #f7fafc;
  }

  .xs\:to-gray-200 {
    --gradient-to-color: #edf2f7;
  }

  .xs\:to-gray-300 {
    --gradient-to-color: #e2e8f0;
  }

  .xs\:to-gray-400 {
    --gradient-to-color: #cbd5e0;
  }

  .xs\:to-gray-500 {
    --gradient-to-color: #a0aec0;
  }

  .xs\:to-gray-600 {
    --gradient-to-color: #718096;
  }

  .xs\:to-gray-700 {
    --gradient-to-color: #4a5568;
  }

  .xs\:to-gray-800 {
    --gradient-to-color: #2d3748;
  }

  .xs\:to-gray-900 {
    --gradient-to-color: #1a202c;
  }

  .xs\:to-blue-100 {
    --gradient-to-color: #86dfff;
  }

  .xs\:to-blue-200 {
    --gradient-to-color: #6bd6ff;
  }

  .xs\:to-blue-300 {
    --gradient-to-color: #52ccff;
  }

  .xs\:to-blue-400 {
    --gradient-to-color: #3ac2ff;
  }

  .xs\:to-blue-500 {
    --gradient-to-color: #23b7fb;
  }

  .xs\:to-blue-600 {
    --gradient-to-color: #1a9adf;
  }

  .xs\:to-blue-700 {
    --gradient-to-color: #127fbf;
  }

  .xs\:to-blue-800 {
    --gradient-to-color: #0c659f;
  }

  .xs\:to-blue-900 {
    --gradient-to-color: #074c80;
  }

  .xs\:to-blurple-100 {
    --gradient-to-color: #938FDB;
  }

  .xs\:to-blurple-200 {
    --gradient-to-color: #7A75D0;
  }

  .xs\:to-blurple-300 {
    --gradient-to-color: #615BC4;
  }

  .xs\:to-blurple-400 {
    --gradient-to-color: #4943B7;
  }

  .xs\:to-blurple-500 {
    --gradient-to-color: #322baa;
  }

  .xs\:to-blurple-700 {
    --gradient-to-color: #1c1e84;
  }

  .xs\:to-green-300 {
    --gradient-to-color: #42d86f;
  }

  .xs\:to-green-500 {
    --gradient-to-color: #0cc242;
  }

  .xs\:to-green-700 {
    --gradient-to-color: #02983a;
  }

  .xs\:to-orange-100 {
    --gradient-to-color: #ff6e4a;
  }

  .xs\:to-orange-200 {
    --gradient-to-color: #ff6640;
  }

  .xs\:to-orange-300 {
    --gradient-to-color: #ff5e36;
  }

  .xs\:to-orange-400 {
    --gradient-to-color: #ff562b;
  }

  .xs\:to-orange-500 {
    --gradient-to-color: #ff4d22;
  }

  .xs\:to-orange-600 {
    --gradient-to-color: #e5461e;
  }

  .xs\:to-orange-700 {
    --gradient-to-color: #cc3e1b;
  }

  .xs\:to-orange-800 {
    --gradient-to-color: #b33617;
  }

  .xs\:to-orange-900 {
    --gradient-to-color: #992f14;
  }

  .xs\:to-purple-100 {
    --gradient-to-color: #c861ff;
  }

  .xs\:to-purple-200 {
    --gradient-to-color: #c354ff;
  }

  .xs\:to-purple-300 {
    --gradient-to-color: #be49fc;
  }

  .xs\:to-purple-400 {
    --gradient-to-color: #ab42e3;
  }

  .xs\:to-purple-500 {
    --gradient-to-color: #983ac9;
  }

  .xs\:to-purple-600 {
    --gradient-to-color: #8433b0;
  }

  .xs\:to-purple-700 {
    --gradient-to-color: #712c96;
  }

  .xs\:to-purple-800 {
    --gradient-to-color: #5e247d;
  }

  .xs\:to-purple-900 {
    --gradient-to-color: #4b1d63;
  }

  .xs\:to-red-300 {
    --gradient-to-color: #ff6d69;
  }

  .xs\:to-red-500 {
    --gradient-to-color: #ff4540;
  }

  .xs\:to-red-700 {
    --gradient-to-color: #bf3929;
  }

  .xs\:to-teal-100 {
    --gradient-to-color: #8cfff9;
  }

  .xs\:to-teal-200 {
    --gradient-to-color: #66fff7;
  }

  .xs\:to-teal-300 {
    --gradient-to-color: #40fff5;
  }

  .xs\:to-teal-400 {
    --gradient-to-color: #35fcf2;
  }

  .xs\:to-teal-500 {
    --gradient-to-color: #30e3da;
  }

  .xs\:to-teal-600 {
    --gradient-to-color: #2ac9c1;
  }

  .xs\:to-teal-700 {
    --gradient-to-color: #25b0a9;
  }

  .xs\:to-teal-800 {
    --gradient-to-color: #209691;
  }

  .xs\:to-teal-900 {
    --gradient-to-color: #1a7d78;
  }

  .xs\:to-yellow-100 {
    --gradient-to-color: #ffe894;
  }

  .xs\:to-yellow-200 {
    --gradient-to-color: #ffe27a;
  }

  .xs\:to-yellow-300 {
    --gradient-to-color: #ffdd61;
  }

  .xs\:to-yellow-400 {
    --gradient-to-color: #ffd747;
  }

  .xs\:to-yellow-500 {
    --gradient-to-color: #fcce2f;
  }

  .xs\:to-yellow-600 {
    --gradient-to-color: #e3bb29;
  }

  .xs\:to-yellow-700 {
    --gradient-to-color: #c9a624;
  }

  .xs\:to-yellow-800 {
    --gradient-to-color: #b09120;
  }

  .xs\:to-yellow-900 {
    --gradient-to-color: #967c1b;
  }

  .xs\:to-facebook-400 {
    --gradient-to-color: #4a6dbc;
  }

  .xs\:to-facebook-500 {
    --gradient-to-color: #39579a;
  }

  .xs\:to-snapchat-400 {
    --gradient-to-color: #fffc00;
  }

  .xs\:to-snapchat-500 {
    --gradient-to-color: #39579a;
  }

  .xs\:to-messenger-400 {
    --gradient-to-color: #339dff;
  }

  .xs\:to-messenger-500 {
    --gradient-to-color: #0084ff;
  }

  .xs\:to-twitter-400 {
    --gradient-to-color: #21c2ff;
  }

  .xs\:to-twitter-500 {
    --gradient-to-color: #00aced;
  }

  .xs\:to-transparent-black-10 {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .xs\:to-transparent-black-30 {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .xs\:to-transparent-black-50 {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .xs\:to-transparent-black-70 {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .xs\:to-transparent-black-90 {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .xs\:to-transparent-white-10 {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .xs\:to-transparent-white-30 {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .xs\:to-transparent-white-50 {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .xs\:to-transparent-white-70 {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .xs\:to-transparent-white-90 {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .xs\:to-vr-dark-blue {
    --gradient-to-color: #000047;
  }

  .xs\:to-vr-neon-green {
    --gradient-to-color: #00ff75;
  }

  .xs\:hover\:from-transparent:hover {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:hover\:from-black:hover {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:hover\:from-white:hover {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:hover\:from-gray-100:hover {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xs\:hover\:from-gray-200:hover {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xs\:hover\:from-gray-300:hover {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xs\:hover\:from-gray-400:hover {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xs\:hover\:from-gray-500:hover {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xs\:hover\:from-gray-600:hover {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xs\:hover\:from-gray-700:hover {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xs\:hover\:from-gray-800:hover {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xs\:hover\:from-gray-900:hover {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xs\:hover\:from-blue-100:hover {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xs\:hover\:from-blue-200:hover {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xs\:hover\:from-blue-300:hover {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xs\:hover\:from-blue-400:hover {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xs\:hover\:from-blue-500:hover {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xs\:hover\:from-blue-600:hover {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xs\:hover\:from-blue-700:hover {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xs\:hover\:from-blue-800:hover {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xs\:hover\:from-blue-900:hover {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xs\:hover\:from-blurple-100:hover {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xs\:hover\:from-blurple-200:hover {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xs\:hover\:from-blurple-300:hover {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xs\:hover\:from-blurple-400:hover {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xs\:hover\:from-blurple-500:hover {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xs\:hover\:from-blurple-700:hover {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xs\:hover\:from-green-300:hover {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xs\:hover\:from-green-500:hover {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xs\:hover\:from-green-700:hover {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xs\:hover\:from-orange-100:hover {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xs\:hover\:from-orange-200:hover {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xs\:hover\:from-orange-300:hover {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xs\:hover\:from-orange-400:hover {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xs\:hover\:from-orange-500:hover {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xs\:hover\:from-orange-600:hover {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xs\:hover\:from-orange-700:hover {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xs\:hover\:from-orange-800:hover {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xs\:hover\:from-orange-900:hover {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xs\:hover\:from-purple-100:hover {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xs\:hover\:from-purple-200:hover {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xs\:hover\:from-purple-300:hover {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xs\:hover\:from-purple-400:hover {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xs\:hover\:from-purple-500:hover {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xs\:hover\:from-purple-600:hover {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xs\:hover\:from-purple-700:hover {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xs\:hover\:from-purple-800:hover {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xs\:hover\:from-purple-900:hover {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xs\:hover\:from-red-300:hover {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xs\:hover\:from-red-500:hover {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xs\:hover\:from-red-700:hover {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xs\:hover\:from-teal-100:hover {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xs\:hover\:from-teal-200:hover {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xs\:hover\:from-teal-300:hover {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xs\:hover\:from-teal-400:hover {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xs\:hover\:from-teal-500:hover {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xs\:hover\:from-teal-600:hover {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xs\:hover\:from-teal-700:hover {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xs\:hover\:from-teal-800:hover {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xs\:hover\:from-teal-900:hover {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xs\:hover\:from-yellow-100:hover {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xs\:hover\:from-yellow-200:hover {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xs\:hover\:from-yellow-300:hover {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xs\:hover\:from-yellow-400:hover {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xs\:hover\:from-yellow-500:hover {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xs\:hover\:from-yellow-600:hover {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xs\:hover\:from-yellow-700:hover {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xs\:hover\:from-yellow-800:hover {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xs\:hover\:from-yellow-900:hover {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xs\:hover\:from-facebook-400:hover {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xs\:hover\:from-facebook-500:hover {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xs\:hover\:from-snapchat-400:hover {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xs\:hover\:from-snapchat-500:hover {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xs\:hover\:from-messenger-400:hover {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xs\:hover\:from-messenger-500:hover {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xs\:hover\:from-twitter-400:hover {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xs\:hover\:from-twitter-500:hover {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xs\:hover\:from-transparent-black-10:hover {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:hover\:from-transparent-black-30:hover {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:hover\:from-transparent-black-50:hover {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:hover\:from-transparent-black-70:hover {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:hover\:from-transparent-black-90:hover {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:hover\:from-transparent-white-10:hover {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:hover\:from-transparent-white-30:hover {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:hover\:from-transparent-white-50:hover {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:hover\:from-transparent-white-70:hover {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:hover\:from-transparent-white-90:hover {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:hover\:from-vr-dark-blue:hover {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xs\:hover\:from-vr-neon-green:hover {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xs\:hover\:via-transparent:hover {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:hover\:via-black:hover {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:hover\:via-white:hover {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:hover\:via-gray-100:hover {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xs\:hover\:via-gray-200:hover {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xs\:hover\:via-gray-300:hover {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xs\:hover\:via-gray-400:hover {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xs\:hover\:via-gray-500:hover {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xs\:hover\:via-gray-600:hover {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xs\:hover\:via-gray-700:hover {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xs\:hover\:via-gray-800:hover {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xs\:hover\:via-gray-900:hover {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xs\:hover\:via-blue-100:hover {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xs\:hover\:via-blue-200:hover {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xs\:hover\:via-blue-300:hover {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xs\:hover\:via-blue-400:hover {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xs\:hover\:via-blue-500:hover {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xs\:hover\:via-blue-600:hover {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xs\:hover\:via-blue-700:hover {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xs\:hover\:via-blue-800:hover {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xs\:hover\:via-blue-900:hover {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xs\:hover\:via-blurple-100:hover {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xs\:hover\:via-blurple-200:hover {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xs\:hover\:via-blurple-300:hover {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xs\:hover\:via-blurple-400:hover {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xs\:hover\:via-blurple-500:hover {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xs\:hover\:via-blurple-700:hover {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xs\:hover\:via-green-300:hover {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xs\:hover\:via-green-500:hover {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xs\:hover\:via-green-700:hover {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xs\:hover\:via-orange-100:hover {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xs\:hover\:via-orange-200:hover {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xs\:hover\:via-orange-300:hover {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xs\:hover\:via-orange-400:hover {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xs\:hover\:via-orange-500:hover {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xs\:hover\:via-orange-600:hover {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xs\:hover\:via-orange-700:hover {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xs\:hover\:via-orange-800:hover {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xs\:hover\:via-orange-900:hover {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xs\:hover\:via-purple-100:hover {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xs\:hover\:via-purple-200:hover {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xs\:hover\:via-purple-300:hover {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xs\:hover\:via-purple-400:hover {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xs\:hover\:via-purple-500:hover {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xs\:hover\:via-purple-600:hover {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xs\:hover\:via-purple-700:hover {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xs\:hover\:via-purple-800:hover {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xs\:hover\:via-purple-900:hover {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xs\:hover\:via-red-300:hover {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xs\:hover\:via-red-500:hover {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xs\:hover\:via-red-700:hover {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xs\:hover\:via-teal-100:hover {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xs\:hover\:via-teal-200:hover {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xs\:hover\:via-teal-300:hover {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xs\:hover\:via-teal-400:hover {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xs\:hover\:via-teal-500:hover {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xs\:hover\:via-teal-600:hover {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xs\:hover\:via-teal-700:hover {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xs\:hover\:via-teal-800:hover {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xs\:hover\:via-teal-900:hover {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xs\:hover\:via-yellow-100:hover {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xs\:hover\:via-yellow-200:hover {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xs\:hover\:via-yellow-300:hover {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xs\:hover\:via-yellow-400:hover {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xs\:hover\:via-yellow-500:hover {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xs\:hover\:via-yellow-600:hover {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xs\:hover\:via-yellow-700:hover {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xs\:hover\:via-yellow-800:hover {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xs\:hover\:via-yellow-900:hover {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xs\:hover\:via-facebook-400:hover {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xs\:hover\:via-facebook-500:hover {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xs\:hover\:via-snapchat-400:hover {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xs\:hover\:via-snapchat-500:hover {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xs\:hover\:via-messenger-400:hover {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xs\:hover\:via-messenger-500:hover {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xs\:hover\:via-twitter-400:hover {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xs\:hover\:via-twitter-500:hover {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xs\:hover\:via-transparent-black-10:hover {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:hover\:via-transparent-black-30:hover {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:hover\:via-transparent-black-50:hover {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:hover\:via-transparent-black-70:hover {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:hover\:via-transparent-black-90:hover {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:hover\:via-transparent-white-10:hover {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:hover\:via-transparent-white-30:hover {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:hover\:via-transparent-white-50:hover {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:hover\:via-transparent-white-70:hover {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:hover\:via-transparent-white-90:hover {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:hover\:via-vr-dark-blue:hover {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xs\:hover\:via-vr-neon-green:hover {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xs\:hover\:to-transparent:hover {
    --gradient-to-color: transparent;
  }

  .xs\:hover\:to-black:hover {
    --gradient-to-color: #000;
  }

  .xs\:hover\:to-white:hover {
    --gradient-to-color: #fff;
  }

  .xs\:hover\:to-gray-100:hover {
    --gradient-to-color: #f7fafc;
  }

  .xs\:hover\:to-gray-200:hover {
    --gradient-to-color: #edf2f7;
  }

  .xs\:hover\:to-gray-300:hover {
    --gradient-to-color: #e2e8f0;
  }

  .xs\:hover\:to-gray-400:hover {
    --gradient-to-color: #cbd5e0;
  }

  .xs\:hover\:to-gray-500:hover {
    --gradient-to-color: #a0aec0;
  }

  .xs\:hover\:to-gray-600:hover {
    --gradient-to-color: #718096;
  }

  .xs\:hover\:to-gray-700:hover {
    --gradient-to-color: #4a5568;
  }

  .xs\:hover\:to-gray-800:hover {
    --gradient-to-color: #2d3748;
  }

  .xs\:hover\:to-gray-900:hover {
    --gradient-to-color: #1a202c;
  }

  .xs\:hover\:to-blue-100:hover {
    --gradient-to-color: #86dfff;
  }

  .xs\:hover\:to-blue-200:hover {
    --gradient-to-color: #6bd6ff;
  }

  .xs\:hover\:to-blue-300:hover {
    --gradient-to-color: #52ccff;
  }

  .xs\:hover\:to-blue-400:hover {
    --gradient-to-color: #3ac2ff;
  }

  .xs\:hover\:to-blue-500:hover {
    --gradient-to-color: #23b7fb;
  }

  .xs\:hover\:to-blue-600:hover {
    --gradient-to-color: #1a9adf;
  }

  .xs\:hover\:to-blue-700:hover {
    --gradient-to-color: #127fbf;
  }

  .xs\:hover\:to-blue-800:hover {
    --gradient-to-color: #0c659f;
  }

  .xs\:hover\:to-blue-900:hover {
    --gradient-to-color: #074c80;
  }

  .xs\:hover\:to-blurple-100:hover {
    --gradient-to-color: #938FDB;
  }

  .xs\:hover\:to-blurple-200:hover {
    --gradient-to-color: #7A75D0;
  }

  .xs\:hover\:to-blurple-300:hover {
    --gradient-to-color: #615BC4;
  }

  .xs\:hover\:to-blurple-400:hover {
    --gradient-to-color: #4943B7;
  }

  .xs\:hover\:to-blurple-500:hover {
    --gradient-to-color: #322baa;
  }

  .xs\:hover\:to-blurple-700:hover {
    --gradient-to-color: #1c1e84;
  }

  .xs\:hover\:to-green-300:hover {
    --gradient-to-color: #42d86f;
  }

  .xs\:hover\:to-green-500:hover {
    --gradient-to-color: #0cc242;
  }

  .xs\:hover\:to-green-700:hover {
    --gradient-to-color: #02983a;
  }

  .xs\:hover\:to-orange-100:hover {
    --gradient-to-color: #ff6e4a;
  }

  .xs\:hover\:to-orange-200:hover {
    --gradient-to-color: #ff6640;
  }

  .xs\:hover\:to-orange-300:hover {
    --gradient-to-color: #ff5e36;
  }

  .xs\:hover\:to-orange-400:hover {
    --gradient-to-color: #ff562b;
  }

  .xs\:hover\:to-orange-500:hover {
    --gradient-to-color: #ff4d22;
  }

  .xs\:hover\:to-orange-600:hover {
    --gradient-to-color: #e5461e;
  }

  .xs\:hover\:to-orange-700:hover {
    --gradient-to-color: #cc3e1b;
  }

  .xs\:hover\:to-orange-800:hover {
    --gradient-to-color: #b33617;
  }

  .xs\:hover\:to-orange-900:hover {
    --gradient-to-color: #992f14;
  }

  .xs\:hover\:to-purple-100:hover {
    --gradient-to-color: #c861ff;
  }

  .xs\:hover\:to-purple-200:hover {
    --gradient-to-color: #c354ff;
  }

  .xs\:hover\:to-purple-300:hover {
    --gradient-to-color: #be49fc;
  }

  .xs\:hover\:to-purple-400:hover {
    --gradient-to-color: #ab42e3;
  }

  .xs\:hover\:to-purple-500:hover {
    --gradient-to-color: #983ac9;
  }

  .xs\:hover\:to-purple-600:hover {
    --gradient-to-color: #8433b0;
  }

  .xs\:hover\:to-purple-700:hover {
    --gradient-to-color: #712c96;
  }

  .xs\:hover\:to-purple-800:hover {
    --gradient-to-color: #5e247d;
  }

  .xs\:hover\:to-purple-900:hover {
    --gradient-to-color: #4b1d63;
  }

  .xs\:hover\:to-red-300:hover {
    --gradient-to-color: #ff6d69;
  }

  .xs\:hover\:to-red-500:hover {
    --gradient-to-color: #ff4540;
  }

  .xs\:hover\:to-red-700:hover {
    --gradient-to-color: #bf3929;
  }

  .xs\:hover\:to-teal-100:hover {
    --gradient-to-color: #8cfff9;
  }

  .xs\:hover\:to-teal-200:hover {
    --gradient-to-color: #66fff7;
  }

  .xs\:hover\:to-teal-300:hover {
    --gradient-to-color: #40fff5;
  }

  .xs\:hover\:to-teal-400:hover {
    --gradient-to-color: #35fcf2;
  }

  .xs\:hover\:to-teal-500:hover {
    --gradient-to-color: #30e3da;
  }

  .xs\:hover\:to-teal-600:hover {
    --gradient-to-color: #2ac9c1;
  }

  .xs\:hover\:to-teal-700:hover {
    --gradient-to-color: #25b0a9;
  }

  .xs\:hover\:to-teal-800:hover {
    --gradient-to-color: #209691;
  }

  .xs\:hover\:to-teal-900:hover {
    --gradient-to-color: #1a7d78;
  }

  .xs\:hover\:to-yellow-100:hover {
    --gradient-to-color: #ffe894;
  }

  .xs\:hover\:to-yellow-200:hover {
    --gradient-to-color: #ffe27a;
  }

  .xs\:hover\:to-yellow-300:hover {
    --gradient-to-color: #ffdd61;
  }

  .xs\:hover\:to-yellow-400:hover {
    --gradient-to-color: #ffd747;
  }

  .xs\:hover\:to-yellow-500:hover {
    --gradient-to-color: #fcce2f;
  }

  .xs\:hover\:to-yellow-600:hover {
    --gradient-to-color: #e3bb29;
  }

  .xs\:hover\:to-yellow-700:hover {
    --gradient-to-color: #c9a624;
  }

  .xs\:hover\:to-yellow-800:hover {
    --gradient-to-color: #b09120;
  }

  .xs\:hover\:to-yellow-900:hover {
    --gradient-to-color: #967c1b;
  }

  .xs\:hover\:to-facebook-400:hover {
    --gradient-to-color: #4a6dbc;
  }

  .xs\:hover\:to-facebook-500:hover {
    --gradient-to-color: #39579a;
  }

  .xs\:hover\:to-snapchat-400:hover {
    --gradient-to-color: #fffc00;
  }

  .xs\:hover\:to-snapchat-500:hover {
    --gradient-to-color: #39579a;
  }

  .xs\:hover\:to-messenger-400:hover {
    --gradient-to-color: #339dff;
  }

  .xs\:hover\:to-messenger-500:hover {
    --gradient-to-color: #0084ff;
  }

  .xs\:hover\:to-twitter-400:hover {
    --gradient-to-color: #21c2ff;
  }

  .xs\:hover\:to-twitter-500:hover {
    --gradient-to-color: #00aced;
  }

  .xs\:hover\:to-transparent-black-10:hover {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .xs\:hover\:to-transparent-black-30:hover {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .xs\:hover\:to-transparent-black-50:hover {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .xs\:hover\:to-transparent-black-70:hover {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .xs\:hover\:to-transparent-black-90:hover {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .xs\:hover\:to-transparent-white-10:hover {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .xs\:hover\:to-transparent-white-30:hover {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .xs\:hover\:to-transparent-white-50:hover {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .xs\:hover\:to-transparent-white-70:hover {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .xs\:hover\:to-transparent-white-90:hover {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .xs\:hover\:to-vr-dark-blue:hover {
    --gradient-to-color: #000047;
  }

  .xs\:hover\:to-vr-neon-green:hover {
    --gradient-to-color: #00ff75;
  }

  .xs\:focus\:from-transparent:focus {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:focus\:from-black:focus {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:focus\:from-white:focus {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:focus\:from-gray-100:focus {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xs\:focus\:from-gray-200:focus {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xs\:focus\:from-gray-300:focus {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xs\:focus\:from-gray-400:focus {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xs\:focus\:from-gray-500:focus {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xs\:focus\:from-gray-600:focus {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xs\:focus\:from-gray-700:focus {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xs\:focus\:from-gray-800:focus {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xs\:focus\:from-gray-900:focus {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xs\:focus\:from-blue-100:focus {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xs\:focus\:from-blue-200:focus {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xs\:focus\:from-blue-300:focus {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xs\:focus\:from-blue-400:focus {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xs\:focus\:from-blue-500:focus {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xs\:focus\:from-blue-600:focus {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xs\:focus\:from-blue-700:focus {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xs\:focus\:from-blue-800:focus {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xs\:focus\:from-blue-900:focus {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xs\:focus\:from-blurple-100:focus {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xs\:focus\:from-blurple-200:focus {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xs\:focus\:from-blurple-300:focus {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xs\:focus\:from-blurple-400:focus {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xs\:focus\:from-blurple-500:focus {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xs\:focus\:from-blurple-700:focus {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xs\:focus\:from-green-300:focus {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xs\:focus\:from-green-500:focus {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xs\:focus\:from-green-700:focus {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xs\:focus\:from-orange-100:focus {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xs\:focus\:from-orange-200:focus {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xs\:focus\:from-orange-300:focus {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xs\:focus\:from-orange-400:focus {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xs\:focus\:from-orange-500:focus {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xs\:focus\:from-orange-600:focus {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xs\:focus\:from-orange-700:focus {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xs\:focus\:from-orange-800:focus {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xs\:focus\:from-orange-900:focus {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xs\:focus\:from-purple-100:focus {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xs\:focus\:from-purple-200:focus {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xs\:focus\:from-purple-300:focus {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xs\:focus\:from-purple-400:focus {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xs\:focus\:from-purple-500:focus {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xs\:focus\:from-purple-600:focus {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xs\:focus\:from-purple-700:focus {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xs\:focus\:from-purple-800:focus {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xs\:focus\:from-purple-900:focus {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xs\:focus\:from-red-300:focus {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xs\:focus\:from-red-500:focus {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xs\:focus\:from-red-700:focus {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xs\:focus\:from-teal-100:focus {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xs\:focus\:from-teal-200:focus {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xs\:focus\:from-teal-300:focus {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xs\:focus\:from-teal-400:focus {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xs\:focus\:from-teal-500:focus {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xs\:focus\:from-teal-600:focus {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xs\:focus\:from-teal-700:focus {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xs\:focus\:from-teal-800:focus {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xs\:focus\:from-teal-900:focus {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xs\:focus\:from-yellow-100:focus {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xs\:focus\:from-yellow-200:focus {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xs\:focus\:from-yellow-300:focus {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xs\:focus\:from-yellow-400:focus {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xs\:focus\:from-yellow-500:focus {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xs\:focus\:from-yellow-600:focus {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xs\:focus\:from-yellow-700:focus {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xs\:focus\:from-yellow-800:focus {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xs\:focus\:from-yellow-900:focus {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xs\:focus\:from-facebook-400:focus {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xs\:focus\:from-facebook-500:focus {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xs\:focus\:from-snapchat-400:focus {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xs\:focus\:from-snapchat-500:focus {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xs\:focus\:from-messenger-400:focus {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xs\:focus\:from-messenger-500:focus {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xs\:focus\:from-twitter-400:focus {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xs\:focus\:from-twitter-500:focus {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xs\:focus\:from-transparent-black-10:focus {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:focus\:from-transparent-black-30:focus {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:focus\:from-transparent-black-50:focus {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:focus\:from-transparent-black-70:focus {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:focus\:from-transparent-black-90:focus {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:focus\:from-transparent-white-10:focus {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:focus\:from-transparent-white-30:focus {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:focus\:from-transparent-white-50:focus {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:focus\:from-transparent-white-70:focus {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:focus\:from-transparent-white-90:focus {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:focus\:from-vr-dark-blue:focus {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xs\:focus\:from-vr-neon-green:focus {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xs\:focus\:via-transparent:focus {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:focus\:via-black:focus {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:focus\:via-white:focus {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:focus\:via-gray-100:focus {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xs\:focus\:via-gray-200:focus {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xs\:focus\:via-gray-300:focus {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xs\:focus\:via-gray-400:focus {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xs\:focus\:via-gray-500:focus {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xs\:focus\:via-gray-600:focus {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xs\:focus\:via-gray-700:focus {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xs\:focus\:via-gray-800:focus {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xs\:focus\:via-gray-900:focus {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xs\:focus\:via-blue-100:focus {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xs\:focus\:via-blue-200:focus {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xs\:focus\:via-blue-300:focus {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xs\:focus\:via-blue-400:focus {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xs\:focus\:via-blue-500:focus {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xs\:focus\:via-blue-600:focus {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xs\:focus\:via-blue-700:focus {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xs\:focus\:via-blue-800:focus {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xs\:focus\:via-blue-900:focus {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xs\:focus\:via-blurple-100:focus {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xs\:focus\:via-blurple-200:focus {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xs\:focus\:via-blurple-300:focus {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xs\:focus\:via-blurple-400:focus {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xs\:focus\:via-blurple-500:focus {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xs\:focus\:via-blurple-700:focus {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xs\:focus\:via-green-300:focus {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xs\:focus\:via-green-500:focus {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xs\:focus\:via-green-700:focus {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xs\:focus\:via-orange-100:focus {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xs\:focus\:via-orange-200:focus {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xs\:focus\:via-orange-300:focus {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xs\:focus\:via-orange-400:focus {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xs\:focus\:via-orange-500:focus {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xs\:focus\:via-orange-600:focus {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xs\:focus\:via-orange-700:focus {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xs\:focus\:via-orange-800:focus {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xs\:focus\:via-orange-900:focus {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xs\:focus\:via-purple-100:focus {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xs\:focus\:via-purple-200:focus {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xs\:focus\:via-purple-300:focus {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xs\:focus\:via-purple-400:focus {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xs\:focus\:via-purple-500:focus {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xs\:focus\:via-purple-600:focus {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xs\:focus\:via-purple-700:focus {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xs\:focus\:via-purple-800:focus {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xs\:focus\:via-purple-900:focus {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xs\:focus\:via-red-300:focus {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xs\:focus\:via-red-500:focus {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xs\:focus\:via-red-700:focus {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xs\:focus\:via-teal-100:focus {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xs\:focus\:via-teal-200:focus {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xs\:focus\:via-teal-300:focus {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xs\:focus\:via-teal-400:focus {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xs\:focus\:via-teal-500:focus {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xs\:focus\:via-teal-600:focus {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xs\:focus\:via-teal-700:focus {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xs\:focus\:via-teal-800:focus {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xs\:focus\:via-teal-900:focus {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xs\:focus\:via-yellow-100:focus {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xs\:focus\:via-yellow-200:focus {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xs\:focus\:via-yellow-300:focus {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xs\:focus\:via-yellow-400:focus {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xs\:focus\:via-yellow-500:focus {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xs\:focus\:via-yellow-600:focus {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xs\:focus\:via-yellow-700:focus {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xs\:focus\:via-yellow-800:focus {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xs\:focus\:via-yellow-900:focus {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xs\:focus\:via-facebook-400:focus {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xs\:focus\:via-facebook-500:focus {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xs\:focus\:via-snapchat-400:focus {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xs\:focus\:via-snapchat-500:focus {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xs\:focus\:via-messenger-400:focus {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xs\:focus\:via-messenger-500:focus {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xs\:focus\:via-twitter-400:focus {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xs\:focus\:via-twitter-500:focus {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xs\:focus\:via-transparent-black-10:focus {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:focus\:via-transparent-black-30:focus {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:focus\:via-transparent-black-50:focus {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:focus\:via-transparent-black-70:focus {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:focus\:via-transparent-black-90:focus {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xs\:focus\:via-transparent-white-10:focus {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:focus\:via-transparent-white-30:focus {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:focus\:via-transparent-white-50:focus {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:focus\:via-transparent-white-70:focus {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:focus\:via-transparent-white-90:focus {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xs\:focus\:via-vr-dark-blue:focus {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xs\:focus\:via-vr-neon-green:focus {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xs\:focus\:to-transparent:focus {
    --gradient-to-color: transparent;
  }

  .xs\:focus\:to-black:focus {
    --gradient-to-color: #000;
  }

  .xs\:focus\:to-white:focus {
    --gradient-to-color: #fff;
  }

  .xs\:focus\:to-gray-100:focus {
    --gradient-to-color: #f7fafc;
  }

  .xs\:focus\:to-gray-200:focus {
    --gradient-to-color: #edf2f7;
  }

  .xs\:focus\:to-gray-300:focus {
    --gradient-to-color: #e2e8f0;
  }

  .xs\:focus\:to-gray-400:focus {
    --gradient-to-color: #cbd5e0;
  }

  .xs\:focus\:to-gray-500:focus {
    --gradient-to-color: #a0aec0;
  }

  .xs\:focus\:to-gray-600:focus {
    --gradient-to-color: #718096;
  }

  .xs\:focus\:to-gray-700:focus {
    --gradient-to-color: #4a5568;
  }

  .xs\:focus\:to-gray-800:focus {
    --gradient-to-color: #2d3748;
  }

  .xs\:focus\:to-gray-900:focus {
    --gradient-to-color: #1a202c;
  }

  .xs\:focus\:to-blue-100:focus {
    --gradient-to-color: #86dfff;
  }

  .xs\:focus\:to-blue-200:focus {
    --gradient-to-color: #6bd6ff;
  }

  .xs\:focus\:to-blue-300:focus {
    --gradient-to-color: #52ccff;
  }

  .xs\:focus\:to-blue-400:focus {
    --gradient-to-color: #3ac2ff;
  }

  .xs\:focus\:to-blue-500:focus {
    --gradient-to-color: #23b7fb;
  }

  .xs\:focus\:to-blue-600:focus {
    --gradient-to-color: #1a9adf;
  }

  .xs\:focus\:to-blue-700:focus {
    --gradient-to-color: #127fbf;
  }

  .xs\:focus\:to-blue-800:focus {
    --gradient-to-color: #0c659f;
  }

  .xs\:focus\:to-blue-900:focus {
    --gradient-to-color: #074c80;
  }

  .xs\:focus\:to-blurple-100:focus {
    --gradient-to-color: #938FDB;
  }

  .xs\:focus\:to-blurple-200:focus {
    --gradient-to-color: #7A75D0;
  }

  .xs\:focus\:to-blurple-300:focus {
    --gradient-to-color: #615BC4;
  }

  .xs\:focus\:to-blurple-400:focus {
    --gradient-to-color: #4943B7;
  }

  .xs\:focus\:to-blurple-500:focus {
    --gradient-to-color: #322baa;
  }

  .xs\:focus\:to-blurple-700:focus {
    --gradient-to-color: #1c1e84;
  }

  .xs\:focus\:to-green-300:focus {
    --gradient-to-color: #42d86f;
  }

  .xs\:focus\:to-green-500:focus {
    --gradient-to-color: #0cc242;
  }

  .xs\:focus\:to-green-700:focus {
    --gradient-to-color: #02983a;
  }

  .xs\:focus\:to-orange-100:focus {
    --gradient-to-color: #ff6e4a;
  }

  .xs\:focus\:to-orange-200:focus {
    --gradient-to-color: #ff6640;
  }

  .xs\:focus\:to-orange-300:focus {
    --gradient-to-color: #ff5e36;
  }

  .xs\:focus\:to-orange-400:focus {
    --gradient-to-color: #ff562b;
  }

  .xs\:focus\:to-orange-500:focus {
    --gradient-to-color: #ff4d22;
  }

  .xs\:focus\:to-orange-600:focus {
    --gradient-to-color: #e5461e;
  }

  .xs\:focus\:to-orange-700:focus {
    --gradient-to-color: #cc3e1b;
  }

  .xs\:focus\:to-orange-800:focus {
    --gradient-to-color: #b33617;
  }

  .xs\:focus\:to-orange-900:focus {
    --gradient-to-color: #992f14;
  }

  .xs\:focus\:to-purple-100:focus {
    --gradient-to-color: #c861ff;
  }

  .xs\:focus\:to-purple-200:focus {
    --gradient-to-color: #c354ff;
  }

  .xs\:focus\:to-purple-300:focus {
    --gradient-to-color: #be49fc;
  }

  .xs\:focus\:to-purple-400:focus {
    --gradient-to-color: #ab42e3;
  }

  .xs\:focus\:to-purple-500:focus {
    --gradient-to-color: #983ac9;
  }

  .xs\:focus\:to-purple-600:focus {
    --gradient-to-color: #8433b0;
  }

  .xs\:focus\:to-purple-700:focus {
    --gradient-to-color: #712c96;
  }

  .xs\:focus\:to-purple-800:focus {
    --gradient-to-color: #5e247d;
  }

  .xs\:focus\:to-purple-900:focus {
    --gradient-to-color: #4b1d63;
  }

  .xs\:focus\:to-red-300:focus {
    --gradient-to-color: #ff6d69;
  }

  .xs\:focus\:to-red-500:focus {
    --gradient-to-color: #ff4540;
  }

  .xs\:focus\:to-red-700:focus {
    --gradient-to-color: #bf3929;
  }

  .xs\:focus\:to-teal-100:focus {
    --gradient-to-color: #8cfff9;
  }

  .xs\:focus\:to-teal-200:focus {
    --gradient-to-color: #66fff7;
  }

  .xs\:focus\:to-teal-300:focus {
    --gradient-to-color: #40fff5;
  }

  .xs\:focus\:to-teal-400:focus {
    --gradient-to-color: #35fcf2;
  }

  .xs\:focus\:to-teal-500:focus {
    --gradient-to-color: #30e3da;
  }

  .xs\:focus\:to-teal-600:focus {
    --gradient-to-color: #2ac9c1;
  }

  .xs\:focus\:to-teal-700:focus {
    --gradient-to-color: #25b0a9;
  }

  .xs\:focus\:to-teal-800:focus {
    --gradient-to-color: #209691;
  }

  .xs\:focus\:to-teal-900:focus {
    --gradient-to-color: #1a7d78;
  }

  .xs\:focus\:to-yellow-100:focus {
    --gradient-to-color: #ffe894;
  }

  .xs\:focus\:to-yellow-200:focus {
    --gradient-to-color: #ffe27a;
  }

  .xs\:focus\:to-yellow-300:focus {
    --gradient-to-color: #ffdd61;
  }

  .xs\:focus\:to-yellow-400:focus {
    --gradient-to-color: #ffd747;
  }

  .xs\:focus\:to-yellow-500:focus {
    --gradient-to-color: #fcce2f;
  }

  .xs\:focus\:to-yellow-600:focus {
    --gradient-to-color: #e3bb29;
  }

  .xs\:focus\:to-yellow-700:focus {
    --gradient-to-color: #c9a624;
  }

  .xs\:focus\:to-yellow-800:focus {
    --gradient-to-color: #b09120;
  }

  .xs\:focus\:to-yellow-900:focus {
    --gradient-to-color: #967c1b;
  }

  .xs\:focus\:to-facebook-400:focus {
    --gradient-to-color: #4a6dbc;
  }

  .xs\:focus\:to-facebook-500:focus {
    --gradient-to-color: #39579a;
  }

  .xs\:focus\:to-snapchat-400:focus {
    --gradient-to-color: #fffc00;
  }

  .xs\:focus\:to-snapchat-500:focus {
    --gradient-to-color: #39579a;
  }

  .xs\:focus\:to-messenger-400:focus {
    --gradient-to-color: #339dff;
  }

  .xs\:focus\:to-messenger-500:focus {
    --gradient-to-color: #0084ff;
  }

  .xs\:focus\:to-twitter-400:focus {
    --gradient-to-color: #21c2ff;
  }

  .xs\:focus\:to-twitter-500:focus {
    --gradient-to-color: #00aced;
  }

  .xs\:focus\:to-transparent-black-10:focus {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .xs\:focus\:to-transparent-black-30:focus {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .xs\:focus\:to-transparent-black-50:focus {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .xs\:focus\:to-transparent-black-70:focus {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .xs\:focus\:to-transparent-black-90:focus {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .xs\:focus\:to-transparent-white-10:focus {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .xs\:focus\:to-transparent-white-30:focus {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .xs\:focus\:to-transparent-white-50:focus {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .xs\:focus\:to-transparent-white-70:focus {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .xs\:focus\:to-transparent-white-90:focus {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .xs\:focus\:to-vr-dark-blue:focus {
    --gradient-to-color: #000047;
  }

  .xs\:focus\:to-vr-neon-green:focus {
    --gradient-to-color: #00ff75;
  }

  .xs\:bg-opacity-0 {
    --bg-opacity: 0;
  }

  .xs\:bg-opacity-25 {
    --bg-opacity: 0.25;
  }

  .xs\:bg-opacity-50 {
    --bg-opacity: 0.5;
  }

  .xs\:bg-opacity-75 {
    --bg-opacity: 0.75;
  }

  .xs\:bg-opacity-100 {
    --bg-opacity: 1;
  }

  .xs\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0;
  }

  .xs\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25;
  }

  .xs\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5;
  }

  .xs\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75;
  }

  .xs\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1;
  }

  .xs\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0;
  }

  .xs\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25;
  }

  .xs\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5;
  }

  .xs\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75;
  }

  .xs\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1;
  }

  .xs\:bg-bottom {
    background-position: bottom;
  }

  .xs\:bg-center {
    background-position: center;
  }

  .xs\:bg-left {
    background-position: left;
  }

  .xs\:bg-left-bottom {
    background-position: left bottom;
  }

  .xs\:bg-left-top {
    background-position: left top;
  }

  .xs\:bg-right {
    background-position: right;
  }

  .xs\:bg-right-bottom {
    background-position: right bottom;
  }

  .xs\:bg-right-top {
    background-position: right top;
  }

  .xs\:bg-top {
    background-position: top;
  }

  .xs\:bg-repeat {
    background-repeat: repeat;
  }

  .xs\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .xs\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .xs\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .xs\:bg-repeat-round {
    background-repeat: round;
  }

  .xs\:bg-repeat-space {
    background-repeat: space;
  }

  .xs\:bg-auto {
    background-size: auto;
  }

  .xs\:bg-cover {
    background-size: cover;
  }

  .xs\:bg-contain {
    background-size: contain;
  }

  .xs\:border-collapse {
    border-collapse: collapse;
  }

  .xs\:border-separate {
    border-collapse: separate;
  }

  .xs\:border-transparent {
    border-color: transparent;
  }

  .xs\:border-black {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .xs\:border-white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xs\:border-gray-100 {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .xs\:border-gray-200 {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .xs\:border-gray-300 {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .xs\:border-gray-400 {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .xs\:border-gray-500 {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .xs\:border-gray-600 {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .xs\:border-gray-700 {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .xs\:border-gray-800 {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .xs\:border-gray-900 {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .xs\:border-blue-100 {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .xs\:border-blue-200 {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .xs\:border-blue-300 {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .xs\:border-blue-400 {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .xs\:border-blue-500 {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .xs\:border-blue-600 {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .xs\:border-blue-700 {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .xs\:border-blue-800 {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .xs\:border-blue-900 {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .xs\:border-blurple-100 {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .xs\:border-blurple-200 {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .xs\:border-blurple-300 {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .xs\:border-blurple-400 {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .xs\:border-blurple-500 {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .xs\:border-blurple-700 {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .xs\:border-green-300 {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .xs\:border-green-500 {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .xs\:border-green-700 {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .xs\:border-orange-100 {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .xs\:border-orange-200 {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .xs\:border-orange-300 {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .xs\:border-orange-400 {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .xs\:border-orange-500 {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .xs\:border-orange-600 {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .xs\:border-orange-700 {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .xs\:border-orange-800 {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .xs\:border-orange-900 {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .xs\:border-purple-100 {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .xs\:border-purple-200 {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .xs\:border-purple-300 {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .xs\:border-purple-400 {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .xs\:border-purple-500 {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .xs\:border-purple-600 {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .xs\:border-purple-700 {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .xs\:border-purple-800 {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .xs\:border-purple-900 {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .xs\:border-red-300 {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .xs\:border-red-500 {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .xs\:border-red-700 {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .xs\:border-teal-100 {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .xs\:border-teal-200 {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .xs\:border-teal-300 {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .xs\:border-teal-400 {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .xs\:border-teal-500 {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .xs\:border-teal-600 {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .xs\:border-teal-700 {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .xs\:border-teal-800 {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .xs\:border-teal-900 {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .xs\:border-yellow-100 {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .xs\:border-yellow-200 {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .xs\:border-yellow-300 {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .xs\:border-yellow-400 {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .xs\:border-yellow-500 {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .xs\:border-yellow-600 {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .xs\:border-yellow-700 {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .xs\:border-yellow-800 {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .xs\:border-yellow-900 {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .xs\:border-facebook-400 {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .xs\:border-facebook-500 {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xs\:border-snapchat-400 {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .xs\:border-snapchat-500 {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xs\:border-messenger-400 {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .xs\:border-messenger-500 {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .xs\:border-twitter-400 {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .xs\:border-twitter-500 {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .xs\:border-transparent-black-10 {
    border-color: rgba(0,0,0,0.1);
  }

  .xs\:border-transparent-black-30 {
    border-color: rgba(0,0,0,0.3);
  }

  .xs\:border-transparent-black-50 {
    border-color: rgba(0,0,0,0.5);
  }

  .xs\:border-transparent-black-70 {
    border-color: rgba(0,0,0,0.7);
  }

  .xs\:border-transparent-black-90 {
    border-color: rgba(0,0,0,0.9);
  }

  .xs\:border-transparent-white-10 {
    border-color: rgba(255,255,255,0.1);
  }

  .xs\:border-transparent-white-30 {
    border-color: rgba(255,255,255,0.3);
  }

  .xs\:border-transparent-white-50 {
    border-color: rgba(255,255,255,0.5);
  }

  .xs\:border-transparent-white-70 {
    border-color: rgba(255,255,255,0.7);
  }

  .xs\:border-transparent-white-90 {
    border-color: rgba(255,255,255,0.9);
  }

  .xs\:border-vr-dark-blue {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .xs\:border-vr-neon-green {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .xs\:active\:border-transparent:active {
    border-color: transparent;
  }

  .xs\:active\:border-black:active {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .xs\:active\:border-white:active {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xs\:active\:border-gray-100:active {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .xs\:active\:border-gray-200:active {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .xs\:active\:border-gray-300:active {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .xs\:active\:border-gray-400:active {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .xs\:active\:border-gray-500:active {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .xs\:active\:border-gray-600:active {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .xs\:active\:border-gray-700:active {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .xs\:active\:border-gray-800:active {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .xs\:active\:border-gray-900:active {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .xs\:active\:border-blue-100:active {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .xs\:active\:border-blue-200:active {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .xs\:active\:border-blue-300:active {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .xs\:active\:border-blue-400:active {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .xs\:active\:border-blue-500:active {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .xs\:active\:border-blue-600:active {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .xs\:active\:border-blue-700:active {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .xs\:active\:border-blue-800:active {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .xs\:active\:border-blue-900:active {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .xs\:active\:border-blurple-100:active {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .xs\:active\:border-blurple-200:active {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .xs\:active\:border-blurple-300:active {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .xs\:active\:border-blurple-400:active {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .xs\:active\:border-blurple-500:active {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .xs\:active\:border-blurple-700:active {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .xs\:active\:border-green-300:active {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .xs\:active\:border-green-500:active {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .xs\:active\:border-green-700:active {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .xs\:active\:border-orange-100:active {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .xs\:active\:border-orange-200:active {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .xs\:active\:border-orange-300:active {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .xs\:active\:border-orange-400:active {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .xs\:active\:border-orange-500:active {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .xs\:active\:border-orange-600:active {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .xs\:active\:border-orange-700:active {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .xs\:active\:border-orange-800:active {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .xs\:active\:border-orange-900:active {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .xs\:active\:border-purple-100:active {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .xs\:active\:border-purple-200:active {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .xs\:active\:border-purple-300:active {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .xs\:active\:border-purple-400:active {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .xs\:active\:border-purple-500:active {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .xs\:active\:border-purple-600:active {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .xs\:active\:border-purple-700:active {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .xs\:active\:border-purple-800:active {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .xs\:active\:border-purple-900:active {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .xs\:active\:border-red-300:active {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .xs\:active\:border-red-500:active {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .xs\:active\:border-red-700:active {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .xs\:active\:border-teal-100:active {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .xs\:active\:border-teal-200:active {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .xs\:active\:border-teal-300:active {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .xs\:active\:border-teal-400:active {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .xs\:active\:border-teal-500:active {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .xs\:active\:border-teal-600:active {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .xs\:active\:border-teal-700:active {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .xs\:active\:border-teal-800:active {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .xs\:active\:border-teal-900:active {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .xs\:active\:border-yellow-100:active {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .xs\:active\:border-yellow-200:active {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .xs\:active\:border-yellow-300:active {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .xs\:active\:border-yellow-400:active {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .xs\:active\:border-yellow-500:active {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .xs\:active\:border-yellow-600:active {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .xs\:active\:border-yellow-700:active {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .xs\:active\:border-yellow-800:active {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .xs\:active\:border-yellow-900:active {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .xs\:active\:border-facebook-400:active {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .xs\:active\:border-facebook-500:active {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xs\:active\:border-snapchat-400:active {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .xs\:active\:border-snapchat-500:active {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xs\:active\:border-messenger-400:active {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .xs\:active\:border-messenger-500:active {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .xs\:active\:border-twitter-400:active {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .xs\:active\:border-twitter-500:active {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .xs\:active\:border-transparent-black-10:active {
    border-color: rgba(0,0,0,0.1);
  }

  .xs\:active\:border-transparent-black-30:active {
    border-color: rgba(0,0,0,0.3);
  }

  .xs\:active\:border-transparent-black-50:active {
    border-color: rgba(0,0,0,0.5);
  }

  .xs\:active\:border-transparent-black-70:active {
    border-color: rgba(0,0,0,0.7);
  }

  .xs\:active\:border-transparent-black-90:active {
    border-color: rgba(0,0,0,0.9);
  }

  .xs\:active\:border-transparent-white-10:active {
    border-color: rgba(255,255,255,0.1);
  }

  .xs\:active\:border-transparent-white-30:active {
    border-color: rgba(255,255,255,0.3);
  }

  .xs\:active\:border-transparent-white-50:active {
    border-color: rgba(255,255,255,0.5);
  }

  .xs\:active\:border-transparent-white-70:active {
    border-color: rgba(255,255,255,0.7);
  }

  .xs\:active\:border-transparent-white-90:active {
    border-color: rgba(255,255,255,0.9);
  }

  .xs\:active\:border-vr-dark-blue:active {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .xs\:active\:border-vr-neon-green:active {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .xs\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .xs\:hover\:border-black:hover {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .xs\:hover\:border-white:hover {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xs\:hover\:border-gray-100:hover {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .xs\:hover\:border-gray-200:hover {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .xs\:hover\:border-gray-300:hover {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .xs\:hover\:border-gray-400:hover {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .xs\:hover\:border-gray-500:hover {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .xs\:hover\:border-gray-600:hover {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .xs\:hover\:border-gray-700:hover {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .xs\:hover\:border-gray-800:hover {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .xs\:hover\:border-gray-900:hover {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .xs\:hover\:border-blue-100:hover {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .xs\:hover\:border-blue-200:hover {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .xs\:hover\:border-blue-300:hover {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .xs\:hover\:border-blue-400:hover {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .xs\:hover\:border-blue-500:hover {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .xs\:hover\:border-blue-600:hover {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .xs\:hover\:border-blue-700:hover {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .xs\:hover\:border-blue-800:hover {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .xs\:hover\:border-blue-900:hover {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .xs\:hover\:border-blurple-100:hover {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .xs\:hover\:border-blurple-200:hover {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .xs\:hover\:border-blurple-300:hover {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .xs\:hover\:border-blurple-400:hover {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .xs\:hover\:border-blurple-500:hover {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .xs\:hover\:border-blurple-700:hover {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .xs\:hover\:border-green-300:hover {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .xs\:hover\:border-green-500:hover {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .xs\:hover\:border-green-700:hover {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .xs\:hover\:border-orange-100:hover {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .xs\:hover\:border-orange-200:hover {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .xs\:hover\:border-orange-300:hover {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .xs\:hover\:border-orange-400:hover {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .xs\:hover\:border-orange-500:hover {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .xs\:hover\:border-orange-600:hover {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .xs\:hover\:border-orange-700:hover {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .xs\:hover\:border-orange-800:hover {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .xs\:hover\:border-orange-900:hover {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .xs\:hover\:border-purple-100:hover {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .xs\:hover\:border-purple-200:hover {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .xs\:hover\:border-purple-300:hover {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .xs\:hover\:border-purple-400:hover {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .xs\:hover\:border-purple-500:hover {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .xs\:hover\:border-purple-600:hover {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .xs\:hover\:border-purple-700:hover {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .xs\:hover\:border-purple-800:hover {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .xs\:hover\:border-purple-900:hover {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .xs\:hover\:border-red-300:hover {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .xs\:hover\:border-red-500:hover {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .xs\:hover\:border-red-700:hover {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .xs\:hover\:border-teal-100:hover {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .xs\:hover\:border-teal-200:hover {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .xs\:hover\:border-teal-300:hover {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .xs\:hover\:border-teal-400:hover {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .xs\:hover\:border-teal-500:hover {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .xs\:hover\:border-teal-600:hover {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .xs\:hover\:border-teal-700:hover {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .xs\:hover\:border-teal-800:hover {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .xs\:hover\:border-teal-900:hover {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .xs\:hover\:border-yellow-100:hover {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .xs\:hover\:border-yellow-200:hover {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .xs\:hover\:border-yellow-300:hover {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .xs\:hover\:border-yellow-400:hover {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .xs\:hover\:border-yellow-500:hover {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .xs\:hover\:border-yellow-600:hover {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .xs\:hover\:border-yellow-700:hover {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .xs\:hover\:border-yellow-800:hover {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .xs\:hover\:border-yellow-900:hover {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .xs\:hover\:border-facebook-400:hover {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .xs\:hover\:border-facebook-500:hover {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xs\:hover\:border-snapchat-400:hover {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .xs\:hover\:border-snapchat-500:hover {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xs\:hover\:border-messenger-400:hover {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .xs\:hover\:border-messenger-500:hover {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .xs\:hover\:border-twitter-400:hover {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .xs\:hover\:border-twitter-500:hover {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .xs\:hover\:border-transparent-black-10:hover {
    border-color: rgba(0,0,0,0.1);
  }

  .xs\:hover\:border-transparent-black-30:hover {
    border-color: rgba(0,0,0,0.3);
  }

  .xs\:hover\:border-transparent-black-50:hover {
    border-color: rgba(0,0,0,0.5);
  }

  .xs\:hover\:border-transparent-black-70:hover {
    border-color: rgba(0,0,0,0.7);
  }

  .xs\:hover\:border-transparent-black-90:hover {
    border-color: rgba(0,0,0,0.9);
  }

  .xs\:hover\:border-transparent-white-10:hover {
    border-color: rgba(255,255,255,0.1);
  }

  .xs\:hover\:border-transparent-white-30:hover {
    border-color: rgba(255,255,255,0.3);
  }

  .xs\:hover\:border-transparent-white-50:hover {
    border-color: rgba(255,255,255,0.5);
  }

  .xs\:hover\:border-transparent-white-70:hover {
    border-color: rgba(255,255,255,0.7);
  }

  .xs\:hover\:border-transparent-white-90:hover {
    border-color: rgba(255,255,255,0.9);
  }

  .xs\:hover\:border-vr-dark-blue:hover {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .xs\:hover\:border-vr-neon-green:hover {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .xs\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .xs\:focus\:border-black:focus {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .xs\:focus\:border-white:focus {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xs\:focus\:border-gray-100:focus {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .xs\:focus\:border-gray-200:focus {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .xs\:focus\:border-gray-300:focus {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .xs\:focus\:border-gray-400:focus {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .xs\:focus\:border-gray-500:focus {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .xs\:focus\:border-gray-600:focus {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .xs\:focus\:border-gray-700:focus {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .xs\:focus\:border-gray-800:focus {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .xs\:focus\:border-gray-900:focus {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .xs\:focus\:border-blue-100:focus {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .xs\:focus\:border-blue-200:focus {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .xs\:focus\:border-blue-300:focus {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .xs\:focus\:border-blue-400:focus {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .xs\:focus\:border-blue-500:focus {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .xs\:focus\:border-blue-600:focus {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .xs\:focus\:border-blue-700:focus {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .xs\:focus\:border-blue-800:focus {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .xs\:focus\:border-blue-900:focus {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .xs\:focus\:border-blurple-100:focus {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .xs\:focus\:border-blurple-200:focus {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .xs\:focus\:border-blurple-300:focus {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .xs\:focus\:border-blurple-400:focus {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .xs\:focus\:border-blurple-500:focus {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .xs\:focus\:border-blurple-700:focus {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .xs\:focus\:border-green-300:focus {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .xs\:focus\:border-green-500:focus {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .xs\:focus\:border-green-700:focus {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .xs\:focus\:border-orange-100:focus {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .xs\:focus\:border-orange-200:focus {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .xs\:focus\:border-orange-300:focus {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .xs\:focus\:border-orange-400:focus {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .xs\:focus\:border-orange-500:focus {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .xs\:focus\:border-orange-600:focus {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .xs\:focus\:border-orange-700:focus {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .xs\:focus\:border-orange-800:focus {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .xs\:focus\:border-orange-900:focus {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .xs\:focus\:border-purple-100:focus {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .xs\:focus\:border-purple-200:focus {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .xs\:focus\:border-purple-300:focus {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .xs\:focus\:border-purple-400:focus {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .xs\:focus\:border-purple-500:focus {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .xs\:focus\:border-purple-600:focus {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .xs\:focus\:border-purple-700:focus {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .xs\:focus\:border-purple-800:focus {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .xs\:focus\:border-purple-900:focus {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .xs\:focus\:border-red-300:focus {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .xs\:focus\:border-red-500:focus {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .xs\:focus\:border-red-700:focus {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .xs\:focus\:border-teal-100:focus {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .xs\:focus\:border-teal-200:focus {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .xs\:focus\:border-teal-300:focus {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .xs\:focus\:border-teal-400:focus {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .xs\:focus\:border-teal-500:focus {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .xs\:focus\:border-teal-600:focus {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .xs\:focus\:border-teal-700:focus {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .xs\:focus\:border-teal-800:focus {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .xs\:focus\:border-teal-900:focus {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .xs\:focus\:border-yellow-100:focus {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .xs\:focus\:border-yellow-200:focus {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .xs\:focus\:border-yellow-300:focus {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .xs\:focus\:border-yellow-400:focus {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .xs\:focus\:border-yellow-500:focus {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .xs\:focus\:border-yellow-600:focus {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .xs\:focus\:border-yellow-700:focus {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .xs\:focus\:border-yellow-800:focus {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .xs\:focus\:border-yellow-900:focus {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .xs\:focus\:border-facebook-400:focus {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .xs\:focus\:border-facebook-500:focus {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xs\:focus\:border-snapchat-400:focus {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .xs\:focus\:border-snapchat-500:focus {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xs\:focus\:border-messenger-400:focus {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .xs\:focus\:border-messenger-500:focus {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .xs\:focus\:border-twitter-400:focus {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .xs\:focus\:border-twitter-500:focus {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .xs\:focus\:border-transparent-black-10:focus {
    border-color: rgba(0,0,0,0.1);
  }

  .xs\:focus\:border-transparent-black-30:focus {
    border-color: rgba(0,0,0,0.3);
  }

  .xs\:focus\:border-transparent-black-50:focus {
    border-color: rgba(0,0,0,0.5);
  }

  .xs\:focus\:border-transparent-black-70:focus {
    border-color: rgba(0,0,0,0.7);
  }

  .xs\:focus\:border-transparent-black-90:focus {
    border-color: rgba(0,0,0,0.9);
  }

  .xs\:focus\:border-transparent-white-10:focus {
    border-color: rgba(255,255,255,0.1);
  }

  .xs\:focus\:border-transparent-white-30:focus {
    border-color: rgba(255,255,255,0.3);
  }

  .xs\:focus\:border-transparent-white-50:focus {
    border-color: rgba(255,255,255,0.5);
  }

  .xs\:focus\:border-transparent-white-70:focus {
    border-color: rgba(255,255,255,0.7);
  }

  .xs\:focus\:border-transparent-white-90:focus {
    border-color: rgba(255,255,255,0.9);
  }

  .xs\:focus\:border-vr-dark-blue:focus {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .xs\:focus\:border-vr-neon-green:focus {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .xs\:border-opacity-0 {
    --border-opacity: 0;
  }

  .xs\:border-opacity-25 {
    --border-opacity: 0.25;
  }

  .xs\:border-opacity-50 {
    --border-opacity: 0.5;
  }

  .xs\:border-opacity-75 {
    --border-opacity: 0.75;
  }

  .xs\:border-opacity-100 {
    --border-opacity: 1;
  }

  .xs\:hover\:border-opacity-0:hover {
    --border-opacity: 0;
  }

  .xs\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25;
  }

  .xs\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5;
  }

  .xs\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75;
  }

  .xs\:hover\:border-opacity-100:hover {
    --border-opacity: 1;
  }

  .xs\:focus\:border-opacity-0:focus {
    --border-opacity: 0;
  }

  .xs\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25;
  }

  .xs\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5;
  }

  .xs\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75;
  }

  .xs\:focus\:border-opacity-100:focus {
    --border-opacity: 1;
  }

  .xs\:rounded-none {
    border-radius: 0;
  }

  .xs\:rounded-sm {
    border-radius: 0.125rem;
  }

  .xs\:rounded {
    border-radius: 0.25rem;
  }

  .xs\:rounded-md {
    border-radius: 0.375rem;
  }

  .xs\:rounded-lg {
    border-radius: 0.5rem;
  }

  .xs\:rounded-xl {
    border-radius: 0.75rem;
  }

  .xs\:rounded-2xl {
    border-radius: 1rem;
  }

  .xs\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .xs\:rounded-full {
    border-radius: 9999px;
  }

  .xs\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .xs\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .xs\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xs\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xs\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .xs\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .xs\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .xs\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .xs\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .xs\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .xs\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .xs\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .xs\:rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .xs\:rounded-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .xs\:rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .xs\:rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .xs\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .xs\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .xs\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xs\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xs\:rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .xs\:rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .xs\:rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .xs\:rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .xs\:rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .xs\:rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .xs\:rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .xs\:rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .xs\:rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .xs\:rounded-r-3xl {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .xs\:rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .xs\:rounded-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .xs\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .xs\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .xs\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xs\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xs\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  .xs\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  .xs\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .xs\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .xs\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  .xs\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  .xs\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  .xs\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  .xs\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  .xs\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  .xs\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  .xs\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  .xs\:rounded-tl-md {
    border-top-left-radius: 0.375rem;
  }

  .xs\:rounded-tr-md {
    border-top-right-radius: 0.375rem;
  }

  .xs\:rounded-br-md {
    border-bottom-right-radius: 0.375rem;
  }

  .xs\:rounded-bl-md {
    border-bottom-left-radius: 0.375rem;
  }

  .xs\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .xs\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  .xs\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  .xs\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  .xs\:rounded-tl-xl {
    border-top-left-radius: 0.75rem;
  }

  .xs\:rounded-tr-xl {
    border-top-right-radius: 0.75rem;
  }

  .xs\:rounded-br-xl {
    border-bottom-right-radius: 0.75rem;
  }

  .xs\:rounded-bl-xl {
    border-bottom-left-radius: 0.75rem;
  }

  .xs\:rounded-tl-2xl {
    border-top-left-radius: 1rem;
  }

  .xs\:rounded-tr-2xl {
    border-top-right-radius: 1rem;
  }

  .xs\:rounded-br-2xl {
    border-bottom-right-radius: 1rem;
  }

  .xs\:rounded-bl-2xl {
    border-bottom-left-radius: 1rem;
  }

  .xs\:rounded-tl-3xl {
    border-top-left-radius: 1.5rem;
  }

  .xs\:rounded-tr-3xl {
    border-top-right-radius: 1.5rem;
  }

  .xs\:rounded-br-3xl {
    border-bottom-right-radius: 1.5rem;
  }

  .xs\:rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem;
  }

  .xs\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .xs\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .xs\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .xs\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .xs\:border-solid {
    border-style: solid;
  }

  .xs\:border-dashed {
    border-style: dashed;
  }

  .xs\:border-dotted {
    border-style: dotted;
  }

  .xs\:border-double {
    border-style: double;
  }

  .xs\:border-none {
    border-style: none;
  }

  .xs\:border-0 {
    border-width: 0;
  }

  .xs\:border-2 {
    border-width: 2px;
  }

  .xs\:border-4 {
    border-width: 4px;
  }

  .xs\:border-8 {
    border-width: 8px;
  }

  .xs\:border {
    border-width: 1px;
  }

  .xs\:border-t-0 {
    border-top-width: 0;
  }

  .xs\:border-r-0 {
    border-right-width: 0;
  }

  .xs\:border-b-0 {
    border-bottom-width: 0;
  }

  .xs\:border-l-0 {
    border-left-width: 0;
  }

  .xs\:border-t-2 {
    border-top-width: 2px;
  }

  .xs\:border-r-2 {
    border-right-width: 2px;
  }

  .xs\:border-b-2 {
    border-bottom-width: 2px;
  }

  .xs\:border-l-2 {
    border-left-width: 2px;
  }

  .xs\:border-t-4 {
    border-top-width: 4px;
  }

  .xs\:border-r-4 {
    border-right-width: 4px;
  }

  .xs\:border-b-4 {
    border-bottom-width: 4px;
  }

  .xs\:border-l-4 {
    border-left-width: 4px;
  }

  .xs\:border-t-8 {
    border-top-width: 8px;
  }

  .xs\:border-r-8 {
    border-right-width: 8px;
  }

  .xs\:border-b-8 {
    border-bottom-width: 8px;
  }

  .xs\:border-l-8 {
    border-left-width: 8px;
  }

  .xs\:border-t {
    border-top-width: 1px;
  }

  .xs\:border-r {
    border-right-width: 1px;
  }

  .xs\:border-b {
    border-bottom-width: 1px;
  }

  .xs\:border-l {
    border-left-width: 1px;
  }

  .xs\:box-border {
    box-sizing: border-box;
  }

  .xs\:box-content {
    box-sizing: content-box;
  }

  .xs\:cursor-auto {
    cursor: auto;
  }

  .xs\:cursor-default {
    cursor: default;
  }

  .xs\:cursor-pointer {
    cursor: pointer;
  }

  .xs\:cursor-wait {
    cursor: wait;
  }

  .xs\:cursor-text {
    cursor: text;
  }

  .xs\:cursor-move {
    cursor: move;
  }

  .xs\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .xs\:block {
    display: block;
  }

  .xs\:inline-block {
    display: inline-block;
  }

  .xs\:inline {
    display: inline;
  }

  .xs\:flex {
    display: flex;
  }

  .xs\:inline-flex {
    display: inline-flex;
  }

  .xs\:table {
    display: table;
  }

  .xs\:table-caption {
    display: table-caption;
  }

  .xs\:table-cell {
    display: table-cell;
  }

  .xs\:table-column {
    display: table-column;
  }

  .xs\:table-column-group {
    display: table-column-group;
  }

  .xs\:table-footer-group {
    display: table-footer-group;
  }

  .xs\:table-header-group {
    display: table-header-group;
  }

  .xs\:table-row-group {
    display: table-row-group;
  }

  .xs\:table-row {
    display: table-row;
  }

  .xs\:flow-root {
    display: flow-root;
  }

  .xs\:grid {
    display: grid;
  }

  .xs\:inline-grid {
    display: inline-grid;
  }

  .xs\:contents {
    display: contents;
  }

  .xs\:hidden {
    display: none;
  }

  .xs\:flex-row {
    flex-direction: row;
  }

  .xs\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .xs\:flex-col {
    flex-direction: column;
  }

  .xs\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .xs\:flex-wrap {
    flex-wrap: wrap;
  }

  .xs\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .xs\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  .xs\:place-items-auto {
    place-items: auto;
  }

  .xs\:place-items-start {
    place-items: start;
  }

  .xs\:place-items-end {
    place-items: end;
  }

  .xs\:place-items-center {
    place-items: center;
  }

  .xs\:place-items-stretch {
    place-items: stretch;
  }

  .xs\:place-content-center {
    place-content: center;
  }

  .xs\:place-content-start {
    place-content: start;
  }

  .xs\:place-content-end {
    place-content: end;
  }

  .xs\:place-content-between {
    place-content: space-between;
  }

  .xs\:place-content-around {
    place-content: space-around;
  }

  .xs\:place-content-evenly {
    place-content: space-evenly;
  }

  .xs\:place-content-stretch {
    place-content: stretch;
  }

  .xs\:place-self-auto {
    place-self: auto;
  }

  .xs\:place-self-start {
    place-self: start;
  }

  .xs\:place-self-end {
    place-self: end;
  }

  .xs\:place-self-center {
    place-self: center;
  }

  .xs\:place-self-stretch {
    place-self: stretch;
  }

  .xs\:items-start {
    align-items: flex-start;
  }

  .xs\:items-end {
    align-items: flex-end;
  }

  .xs\:items-center {
    align-items: center;
  }

  .xs\:items-baseline {
    align-items: baseline;
  }

  .xs\:items-stretch {
    align-items: stretch;
  }

  .xs\:content-center {
    align-content: center;
  }

  .xs\:content-start {
    align-content: flex-start;
  }

  .xs\:content-end {
    align-content: flex-end;
  }

  .xs\:content-between {
    align-content: space-between;
  }

  .xs\:content-around {
    align-content: space-around;
  }

  .xs\:content-evenly {
    align-content: space-evenly;
  }

  .xs\:self-auto {
    align-self: auto;
  }

  .xs\:self-start {
    align-self: flex-start;
  }

  .xs\:self-end {
    align-self: flex-end;
  }

  .xs\:self-center {
    align-self: center;
  }

  .xs\:self-stretch {
    align-self: stretch;
  }

  .xs\:justify-items-auto {
    justify-items: auto;
  }

  .xs\:justify-items-start {
    justify-items: start;
  }

  .xs\:justify-items-end {
    justify-items: end;
  }

  .xs\:justify-items-center {
    justify-items: center;
  }

  .xs\:justify-items-stretch {
    justify-items: stretch;
  }

  .xs\:justify-start {
    justify-content: flex-start;
  }

  .xs\:justify-end {
    justify-content: flex-end;
  }

  .xs\:justify-center {
    justify-content: center;
  }

  .xs\:justify-between {
    justify-content: space-between;
  }

  .xs\:justify-around {
    justify-content: space-around;
  }

  .xs\:justify-evenly {
    justify-content: space-evenly;
  }

  .xs\:justify-self-auto {
    justify-self: auto;
  }

  .xs\:justify-self-start {
    justify-self: start;
  }

  .xs\:justify-self-end {
    justify-self: end;
  }

  .xs\:justify-self-center {
    justify-self: center;
  }

  .xs\:justify-self-stretch {
    justify-self: stretch;
  }

  .xs\:flex-1 {
    flex: 1 1 0%;
  }

  .xs\:flex-auto {
    flex: 1 1 auto;
  }

  .xs\:flex-initial {
    flex: 0 1 auto;
  }

  .xs\:flex-none {
    flex: none;
  }

  .xs\:flex-grow-0 {
    flex-grow: 0;
  }

  .xs\:flex-grow {
    flex-grow: 1;
  }

  .xs\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .xs\:flex-shrink {
    flex-shrink: 1;
  }

  .xs\:order-1 {
    order: 1;
  }

  .xs\:order-2 {
    order: 2;
  }

  .xs\:order-3 {
    order: 3;
  }

  .xs\:order-4 {
    order: 4;
  }

  .xs\:order-5 {
    order: 5;
  }

  .xs\:order-6 {
    order: 6;
  }

  .xs\:order-7 {
    order: 7;
  }

  .xs\:order-8 {
    order: 8;
  }

  .xs\:order-9 {
    order: 9;
  }

  .xs\:order-10 {
    order: 10;
  }

  .xs\:order-11 {
    order: 11;
  }

  .xs\:order-12 {
    order: 12;
  }

  .xs\:order-first {
    order: -9999;
  }

  .xs\:order-last {
    order: 9999;
  }

  .xs\:order-none {
    order: 0;
  }

  .xs\:float-right {
    float: right;
  }

  .xs\:float-left {
    float: left;
  }

  .xs\:float-none {
    float: none;
  }

  .xs\:clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  .xs\:clear-left {
    clear: left;
  }

  .xs\:clear-right {
    clear: right;
  }

  .xs\:clear-both {
    clear: both;
  }

  .xs\:clear-none {
    clear: none;
  }

  .xs\:font-source-sans {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .xs\:font-league-gothic {
    font-family: "League Gothic", Impact, "Franklin Gothic Bold", "Arial Black", sans-serif;
  }

  .xs\:font-hairline {
    font-weight: 100;
  }

  .xs\:font-thin {
    font-weight: 200;
  }

  .xs\:font-light {
    font-weight: 300;
  }

  .xs\:font-normal {
    font-weight: 400;
  }

  .xs\:font-medium {
    font-weight: 500;
  }

  .xs\:font-semibold {
    font-weight: 600;
  }

  .xs\:font-bold {
    font-weight: 700;
  }

  .xs\:font-extrabold {
    font-weight: 800;
  }

  .xs\:font-black {
    font-weight: 900;
  }

  .xs\:hover\:font-hairline:hover {
    font-weight: 100;
  }

  .xs\:hover\:font-thin:hover {
    font-weight: 200;
  }

  .xs\:hover\:font-light:hover {
    font-weight: 300;
  }

  .xs\:hover\:font-normal:hover {
    font-weight: 400;
  }

  .xs\:hover\:font-medium:hover {
    font-weight: 500;
  }

  .xs\:hover\:font-semibold:hover {
    font-weight: 600;
  }

  .xs\:hover\:font-bold:hover {
    font-weight: 700;
  }

  .xs\:hover\:font-extrabold:hover {
    font-weight: 800;
  }

  .xs\:hover\:font-black:hover {
    font-weight: 900;
  }

  .xs\:focus\:font-hairline:focus {
    font-weight: 100;
  }

  .xs\:focus\:font-thin:focus {
    font-weight: 200;
  }

  .xs\:focus\:font-light:focus {
    font-weight: 300;
  }

  .xs\:focus\:font-normal:focus {
    font-weight: 400;
  }

  .xs\:focus\:font-medium:focus {
    font-weight: 500;
  }

  .xs\:focus\:font-semibold:focus {
    font-weight: 600;
  }

  .xs\:focus\:font-bold:focus {
    font-weight: 700;
  }

  .xs\:focus\:font-extrabold:focus {
    font-weight: 800;
  }

  .xs\:focus\:font-black:focus {
    font-weight: 900;
  }

  .xs\:h-0 {
    height: 0;
  }

  .xs\:h-1 {
    height: 0.25rem;
  }

  .xs\:h-2 {
    height: 0.5rem;
  }

  .xs\:h-3 {
    height: 0.75rem;
  }

  .xs\:h-4 {
    height: 1rem;
  }

  .xs\:h-5 {
    height: 1.25rem;
  }

  .xs\:h-6 {
    height: 1.5rem;
  }

  .xs\:h-8 {
    height: 2rem;
  }

  .xs\:h-10 {
    height: 2.5rem;
  }

  .xs\:h-12 {
    height: 3rem;
  }

  .xs\:h-16 {
    height: 4rem;
  }

  .xs\:h-20 {
    height: 5rem;
  }

  .xs\:h-24 {
    height: 6rem;
  }

  .xs\:h-32 {
    height: 8rem;
  }

  .xs\:h-40 {
    height: 10rem;
  }

  .xs\:h-48 {
    height: 12rem;
  }

  .xs\:h-56 {
    height: 14rem;
  }

  .xs\:h-64 {
    height: 16rem;
  }

  .xs\:h-auto {
    height: auto;
  }

  .xs\:h-px {
    height: 1px;
  }

  .xs\:h-full {
    height: 100%;
  }

  .xs\:h-screen {
    height: 100vh;
  }

  .xs\:text-xs {
    font-size: 12px;
  }

  .xs\:text-sm {
    font-size: 14px;
  }

  .xs\:text-base {
    font-size: 18px;
  }

  .xs\:text-lg {
    font-size: 22px;
  }

  .xs\:text-xl {
    font-size: 28px;
  }

  .xs\:text-2xl {
    font-size: 35px;
  }

  .xs\:text-3xl {
    font-size: 44px;
  }

  .xs\:text-4xl {
    font-size: 55px;
  }

  .xs\:text-5xl {
    font-size: 69px;
  }

  .xs\:text-6xl {
    font-size: 84px;
  }

  .xs\:leading-3 {
    line-height: .75rem;
  }

  .xs\:leading-4 {
    line-height: 1rem;
  }

  .xs\:leading-5 {
    line-height: 1.25rem;
  }

  .xs\:leading-6 {
    line-height: 1.5rem;
  }

  .xs\:leading-7 {
    line-height: 1.75rem;
  }

  .xs\:leading-8 {
    line-height: 2rem;
  }

  .xs\:leading-9 {
    line-height: 2.25rem;
  }

  .xs\:leading-10 {
    line-height: 2.5rem;
  }

  .xs\:leading-none {
    line-height: 1;
  }

  .xs\:leading-tight {
    line-height: 1.25;
  }

  .xs\:leading-snug {
    line-height: 1.375;
  }

  .xs\:leading-normal {
    line-height: 1.5;
  }

  .xs\:leading-relaxed {
    line-height: 1.625;
  }

  .xs\:leading-loose {
    line-height: 2;
  }

  .xs\:list-inside {
    list-style-position: inside;
  }

  .xs\:list-outside {
    list-style-position: outside;
  }

  .xs\:list-none {
    list-style-type: none;
  }

  .xs\:list-disc {
    list-style-type: disc;
  }

  .xs\:list-decimal {
    list-style-type: decimal;
  }

  .xs\:m-0 {
    margin: 0;
  }

  .xs\:m-1 {
    margin: 0.25rem;
  }

  .xs\:m-2 {
    margin: 0.5rem;
  }

  .xs\:m-3 {
    margin: 0.75rem;
  }

  .xs\:m-4 {
    margin: 1rem;
  }

  .xs\:m-5 {
    margin: 1.25rem;
  }

  .xs\:m-6 {
    margin: 1.5rem;
  }

  .xs\:m-8 {
    margin: 2rem;
  }

  .xs\:m-10 {
    margin: 2.5rem;
  }

  .xs\:m-12 {
    margin: 3rem;
  }

  .xs\:m-16 {
    margin: 4rem;
  }

  .xs\:m-20 {
    margin: 5rem;
  }

  .xs\:m-24 {
    margin: 6rem;
  }

  .xs\:m-32 {
    margin: 8rem;
  }

  .xs\:m-40 {
    margin: 10rem;
  }

  .xs\:m-48 {
    margin: 12rem;
  }

  .xs\:m-56 {
    margin: 14rem;
  }

  .xs\:m-64 {
    margin: 16rem;
  }

  .xs\:m-auto {
    margin: auto;
  }

  .xs\:m-px {
    margin: 1px;
  }

  .xs\:-m-1 {
    margin: -0.25rem;
  }

  .xs\:-m-2 {
    margin: -0.5rem;
  }

  .xs\:-m-3 {
    margin: -0.75rem;
  }

  .xs\:-m-4 {
    margin: -1rem;
  }

  .xs\:-m-5 {
    margin: -1.25rem;
  }

  .xs\:-m-6 {
    margin: -1.5rem;
  }

  .xs\:-m-8 {
    margin: -2rem;
  }

  .xs\:-m-10 {
    margin: -2.5rem;
  }

  .xs\:-m-12 {
    margin: -3rem;
  }

  .xs\:-m-16 {
    margin: -4rem;
  }

  .xs\:-m-20 {
    margin: -5rem;
  }

  .xs\:-m-24 {
    margin: -6rem;
  }

  .xs\:-m-32 {
    margin: -8rem;
  }

  .xs\:-m-40 {
    margin: -10rem;
  }

  .xs\:-m-48 {
    margin: -12rem;
  }

  .xs\:-m-56 {
    margin: -14rem;
  }

  .xs\:-m-64 {
    margin: -16rem;
  }

  .xs\:-m-px {
    margin: -1px;
  }

  .xs\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .xs\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .xs\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .xs\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .xs\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .xs\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .xs\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .xs\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .xs\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .xs\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .xs\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .xs\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .xs\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .xs\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .xs\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .xs\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .xs\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .xs\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .xs\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .xs\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .xs\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .xs\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .xs\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .xs\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .xs\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .xs\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .xs\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .xs\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .xs\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .xs\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .xs\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .xs\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .xs\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .xs\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .xs\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .xs\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .xs\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .xs\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xs\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .xs\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .xs\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .xs\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .xs\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .xs\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .xs\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .xs\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .xs\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .xs\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .xs\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .xs\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .xs\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .xs\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .xs\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .xs\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .xs\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .xs\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .xs\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .xs\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .xs\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .xs\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .xs\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .xs\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .xs\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .xs\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .xs\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .xs\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .xs\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .xs\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .xs\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .xs\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .xs\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .xs\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .xs\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .xs\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .xs\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .xs\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .xs\:mt-0 {
    margin-top: 0;
  }

  .xs\:mr-0 {
    margin-right: 0;
  }

  .xs\:mb-0 {
    margin-bottom: 0;
  }

  .xs\:ml-0 {
    margin-left: 0;
  }

  .xs\:mt-1 {
    margin-top: 0.25rem;
  }

  .xs\:mr-1 {
    margin-right: 0.25rem;
  }

  .xs\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .xs\:ml-1 {
    margin-left: 0.25rem;
  }

  .xs\:mt-2 {
    margin-top: 0.5rem;
  }

  .xs\:mr-2 {
    margin-right: 0.5rem;
  }

  .xs\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .xs\:ml-2 {
    margin-left: 0.5rem;
  }

  .xs\:mt-3 {
    margin-top: 0.75rem;
  }

  .xs\:mr-3 {
    margin-right: 0.75rem;
  }

  .xs\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .xs\:ml-3 {
    margin-left: 0.75rem;
  }

  .xs\:mt-4 {
    margin-top: 1rem;
  }

  .xs\:mr-4 {
    margin-right: 1rem;
  }

  .xs\:mb-4 {
    margin-bottom: 1rem;
  }

  .xs\:ml-4 {
    margin-left: 1rem;
  }

  .xs\:mt-5 {
    margin-top: 1.25rem;
  }

  .xs\:mr-5 {
    margin-right: 1.25rem;
  }

  .xs\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .xs\:ml-5 {
    margin-left: 1.25rem;
  }

  .xs\:mt-6 {
    margin-top: 1.5rem;
  }

  .xs\:mr-6 {
    margin-right: 1.5rem;
  }

  .xs\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .xs\:ml-6 {
    margin-left: 1.5rem;
  }

  .xs\:mt-8 {
    margin-top: 2rem;
  }

  .xs\:mr-8 {
    margin-right: 2rem;
  }

  .xs\:mb-8 {
    margin-bottom: 2rem;
  }

  .xs\:ml-8 {
    margin-left: 2rem;
  }

  .xs\:mt-10 {
    margin-top: 2.5rem;
  }

  .xs\:mr-10 {
    margin-right: 2.5rem;
  }

  .xs\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .xs\:ml-10 {
    margin-left: 2.5rem;
  }

  .xs\:mt-12 {
    margin-top: 3rem;
  }

  .xs\:mr-12 {
    margin-right: 3rem;
  }

  .xs\:mb-12 {
    margin-bottom: 3rem;
  }

  .xs\:ml-12 {
    margin-left: 3rem;
  }

  .xs\:mt-16 {
    margin-top: 4rem;
  }

  .xs\:mr-16 {
    margin-right: 4rem;
  }

  .xs\:mb-16 {
    margin-bottom: 4rem;
  }

  .xs\:ml-16 {
    margin-left: 4rem;
  }

  .xs\:mt-20 {
    margin-top: 5rem;
  }

  .xs\:mr-20 {
    margin-right: 5rem;
  }

  .xs\:mb-20 {
    margin-bottom: 5rem;
  }

  .xs\:ml-20 {
    margin-left: 5rem;
  }

  .xs\:mt-24 {
    margin-top: 6rem;
  }

  .xs\:mr-24 {
    margin-right: 6rem;
  }

  .xs\:mb-24 {
    margin-bottom: 6rem;
  }

  .xs\:ml-24 {
    margin-left: 6rem;
  }

  .xs\:mt-32 {
    margin-top: 8rem;
  }

  .xs\:mr-32 {
    margin-right: 8rem;
  }

  .xs\:mb-32 {
    margin-bottom: 8rem;
  }

  .xs\:ml-32 {
    margin-left: 8rem;
  }

  .xs\:mt-40 {
    margin-top: 10rem;
  }

  .xs\:mr-40 {
    margin-right: 10rem;
  }

  .xs\:mb-40 {
    margin-bottom: 10rem;
  }

  .xs\:ml-40 {
    margin-left: 10rem;
  }

  .xs\:mt-48 {
    margin-top: 12rem;
  }

  .xs\:mr-48 {
    margin-right: 12rem;
  }

  .xs\:mb-48 {
    margin-bottom: 12rem;
  }

  .xs\:ml-48 {
    margin-left: 12rem;
  }

  .xs\:mt-56 {
    margin-top: 14rem;
  }

  .xs\:mr-56 {
    margin-right: 14rem;
  }

  .xs\:mb-56 {
    margin-bottom: 14rem;
  }

  .xs\:ml-56 {
    margin-left: 14rem;
  }

  .xs\:mt-64 {
    margin-top: 16rem;
  }

  .xs\:mr-64 {
    margin-right: 16rem;
  }

  .xs\:mb-64 {
    margin-bottom: 16rem;
  }

  .xs\:ml-64 {
    margin-left: 16rem;
  }

  .xs\:mt-auto {
    margin-top: auto;
  }

  .xs\:mr-auto {
    margin-right: auto;
  }

  .xs\:mb-auto {
    margin-bottom: auto;
  }

  .xs\:ml-auto {
    margin-left: auto;
  }

  .xs\:mt-px {
    margin-top: 1px;
  }

  .xs\:mr-px {
    margin-right: 1px;
  }

  .xs\:mb-px {
    margin-bottom: 1px;
  }

  .xs\:ml-px {
    margin-left: 1px;
  }

  .xs\:-mt-1 {
    margin-top: -0.25rem;
  }

  .xs\:-mr-1 {
    margin-right: -0.25rem;
  }

  .xs\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  .xs\:-ml-1 {
    margin-left: -0.25rem;
  }

  .xs\:-mt-2 {
    margin-top: -0.5rem;
  }

  .xs\:-mr-2 {
    margin-right: -0.5rem;
  }

  .xs\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  .xs\:-ml-2 {
    margin-left: -0.5rem;
  }

  .xs\:-mt-3 {
    margin-top: -0.75rem;
  }

  .xs\:-mr-3 {
    margin-right: -0.75rem;
  }

  .xs\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  .xs\:-ml-3 {
    margin-left: -0.75rem;
  }

  .xs\:-mt-4 {
    margin-top: -1rem;
  }

  .xs\:-mr-4 {
    margin-right: -1rem;
  }

  .xs\:-mb-4 {
    margin-bottom: -1rem;
  }

  .xs\:-ml-4 {
    margin-left: -1rem;
  }

  .xs\:-mt-5 {
    margin-top: -1.25rem;
  }

  .xs\:-mr-5 {
    margin-right: -1.25rem;
  }

  .xs\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  .xs\:-ml-5 {
    margin-left: -1.25rem;
  }

  .xs\:-mt-6 {
    margin-top: -1.5rem;
  }

  .xs\:-mr-6 {
    margin-right: -1.5rem;
  }

  .xs\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .xs\:-ml-6 {
    margin-left: -1.5rem;
  }

  .xs\:-mt-8 {
    margin-top: -2rem;
  }

  .xs\:-mr-8 {
    margin-right: -2rem;
  }

  .xs\:-mb-8 {
    margin-bottom: -2rem;
  }

  .xs\:-ml-8 {
    margin-left: -2rem;
  }

  .xs\:-mt-10 {
    margin-top: -2.5rem;
  }

  .xs\:-mr-10 {
    margin-right: -2.5rem;
  }

  .xs\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  .xs\:-ml-10 {
    margin-left: -2.5rem;
  }

  .xs\:-mt-12 {
    margin-top: -3rem;
  }

  .xs\:-mr-12 {
    margin-right: -3rem;
  }

  .xs\:-mb-12 {
    margin-bottom: -3rem;
  }

  .xs\:-ml-12 {
    margin-left: -3rem;
  }

  .xs\:-mt-16 {
    margin-top: -4rem;
  }

  .xs\:-mr-16 {
    margin-right: -4rem;
  }

  .xs\:-mb-16 {
    margin-bottom: -4rem;
  }

  .xs\:-ml-16 {
    margin-left: -4rem;
  }

  .xs\:-mt-20 {
    margin-top: -5rem;
  }

  .xs\:-mr-20 {
    margin-right: -5rem;
  }

  .xs\:-mb-20 {
    margin-bottom: -5rem;
  }

  .xs\:-ml-20 {
    margin-left: -5rem;
  }

  .xs\:-mt-24 {
    margin-top: -6rem;
  }

  .xs\:-mr-24 {
    margin-right: -6rem;
  }

  .xs\:-mb-24 {
    margin-bottom: -6rem;
  }

  .xs\:-ml-24 {
    margin-left: -6rem;
  }

  .xs\:-mt-32 {
    margin-top: -8rem;
  }

  .xs\:-mr-32 {
    margin-right: -8rem;
  }

  .xs\:-mb-32 {
    margin-bottom: -8rem;
  }

  .xs\:-ml-32 {
    margin-left: -8rem;
  }

  .xs\:-mt-40 {
    margin-top: -10rem;
  }

  .xs\:-mr-40 {
    margin-right: -10rem;
  }

  .xs\:-mb-40 {
    margin-bottom: -10rem;
  }

  .xs\:-ml-40 {
    margin-left: -10rem;
  }

  .xs\:-mt-48 {
    margin-top: -12rem;
  }

  .xs\:-mr-48 {
    margin-right: -12rem;
  }

  .xs\:-mb-48 {
    margin-bottom: -12rem;
  }

  .xs\:-ml-48 {
    margin-left: -12rem;
  }

  .xs\:-mt-56 {
    margin-top: -14rem;
  }

  .xs\:-mr-56 {
    margin-right: -14rem;
  }

  .xs\:-mb-56 {
    margin-bottom: -14rem;
  }

  .xs\:-ml-56 {
    margin-left: -14rem;
  }

  .xs\:-mt-64 {
    margin-top: -16rem;
  }

  .xs\:-mr-64 {
    margin-right: -16rem;
  }

  .xs\:-mb-64 {
    margin-bottom: -16rem;
  }

  .xs\:-ml-64 {
    margin-left: -16rem;
  }

  .xs\:-mt-px {
    margin-top: -1px;
  }

  .xs\:-mr-px {
    margin-right: -1px;
  }

  .xs\:-mb-px {
    margin-bottom: -1px;
  }

  .xs\:-ml-px {
    margin-left: -1px;
  }

  .xs\:max-h-full {
    max-height: 100%;
  }

  .xs\:max-h-screen {
    max-height: 100vh;
  }

  .xs\:max-w-none {
    max-width: none;
  }

  .xs\:max-w-xs {
    max-width: 20rem;
  }

  .xs\:max-w-sm {
    max-width: 24rem;
  }

  .xs\:max-w-md {
    max-width: 28rem;
  }

  .xs\:max-w-lg {
    max-width: 32rem;
  }

  .xs\:max-w-xl {
    max-width: 36rem;
  }

  .xs\:max-w-2xl {
    max-width: 42rem;
  }

  .xs\:max-w-3xl {
    max-width: 48rem;
  }

  .xs\:max-w-4xl {
    max-width: 56rem;
  }

  .xs\:max-w-5xl {
    max-width: 64rem;
  }

  .xs\:max-w-6xl {
    max-width: 72rem;
  }

  .xs\:max-w-full {
    max-width: 100%;
  }

  .xs\:max-w-screen-xs {
    max-width: 360px;
  }

  .xs\:max-w-screen-sm {
    max-width: 480px;
  }

  .xs\:max-w-screen-md {
    max-width: 760px;
  }

  .xs\:max-w-screen-lg {
    max-width: 960px;
  }

  .xs\:max-w-screen-xl {
    max-width: 1060px;
  }

  .xs\:max-w-screen-xxl {
    max-width: 1280px;
  }

  .xs\:min-h-0 {
    min-height: 0;
  }

  .xs\:min-h-full {
    min-height: 100%;
  }

  .xs\:min-h-screen {
    min-height: 100vh;
  }

  .xs\:min-w-0 {
    min-width: 0;
  }

  .xs\:min-w-full {
    min-width: 100%;
  }

  .xs\:object-contain {
    object-fit: contain;
  }

  .xs\:object-cover {
    object-fit: cover;
  }

  .xs\:object-fill {
    object-fit: fill;
  }

  .xs\:object-none {
    object-fit: none;
  }

  .xs\:object-scale-down {
    object-fit: scale-down;
  }

  .xs\:object-bottom {
    object-position: bottom;
  }

  .xs\:object-center {
    object-position: center;
  }

  .xs\:object-left {
    object-position: left;
  }

  .xs\:object-left-bottom {
    object-position: left bottom;
  }

  .xs\:object-left-top {
    object-position: left top;
  }

  .xs\:object-right {
    object-position: right;
  }

  .xs\:object-right-bottom {
    object-position: right bottom;
  }

  .xs\:object-right-top {
    object-position: right top;
  }

  .xs\:object-top {
    object-position: top;
  }

  .xs\:opacity-0 {
    opacity: 0;
  }

  .xs\:opacity-25 {
    opacity: 0.25;
  }

  .xs\:opacity-50 {
    opacity: 0.5;
  }

  .xs\:opacity-75 {
    opacity: 0.75;
  }

  .xs\:opacity-100 {
    opacity: 1;
  }

  .xs\:hover\:opacity-0:hover {
    opacity: 0;
  }

  .xs\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  .xs\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  .xs\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  .xs\:hover\:opacity-100:hover {
    opacity: 1;
  }

  .xs\:focus\:opacity-0:focus {
    opacity: 0;
  }

  .xs\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  .xs\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  .xs\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  .xs\:focus\:opacity-100:focus {
    opacity: 1;
  }

  .xs\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .xs\:outline-white {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .xs\:outline-black {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .xs\:focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .xs\:focus\:outline-white:focus {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .xs\:focus\:outline-black:focus {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .xs\:overflow-auto {
    overflow: auto;
  }

  .xs\:overflow-hidden {
    overflow: hidden;
  }

  .xs\:overflow-visible {
    overflow: visible;
  }

  .xs\:overflow-scroll {
    overflow: scroll;
  }

  .xs\:overflow-x-auto {
    overflow-x: auto;
  }

  .xs\:overflow-y-auto {
    overflow-y: auto;
  }

  .xs\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .xs\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .xs\:overflow-x-visible {
    overflow-x: visible;
  }

  .xs\:overflow-y-visible {
    overflow-y: visible;
  }

  .xs\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .xs\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .xs\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .xs\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .xs\:overscroll-auto {
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }

  .xs\:overscroll-contain {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  .xs\:overscroll-none {
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }

  .xs\:overscroll-y-auto {
    overscroll-behavior-y: auto;
  }

  .xs\:overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  .xs\:overscroll-y-none {
    overscroll-behavior-y: none;
  }

  .xs\:overscroll-x-auto {
    overscroll-behavior-x: auto;
  }

  .xs\:overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .xs\:overscroll-x-none {
    overscroll-behavior-x: none;
  }

  .xs\:p-0 {
    padding: 0;
  }

  .xs\:p-1 {
    padding: 0.25rem;
  }

  .xs\:p-2 {
    padding: 0.5rem;
  }

  .xs\:p-3 {
    padding: 0.75rem;
  }

  .xs\:p-4 {
    padding: 1rem;
  }

  .xs\:p-5 {
    padding: 1.25rem;
  }

  .xs\:p-6 {
    padding: 1.5rem;
  }

  .xs\:p-8 {
    padding: 2rem;
  }

  .xs\:p-10 {
    padding: 2.5rem;
  }

  .xs\:p-12 {
    padding: 3rem;
  }

  .xs\:p-16 {
    padding: 4rem;
  }

  .xs\:p-20 {
    padding: 5rem;
  }

  .xs\:p-24 {
    padding: 6rem;
  }

  .xs\:p-32 {
    padding: 8rem;
  }

  .xs\:p-40 {
    padding: 10rem;
  }

  .xs\:p-48 {
    padding: 12rem;
  }

  .xs\:p-56 {
    padding: 14rem;
  }

  .xs\:p-64 {
    padding: 16rem;
  }

  .xs\:p-px {
    padding: 1px;
  }

  .xs\:p-1\/4 {
    padding: 25%;
  }

  .xs\:p-1\/3 {
    padding: 33.333333333%;
  }

  .xs\:p-1\/2 {
    padding: 50%;
  }

  .xs\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .xs\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .xs\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .xs\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .xs\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .xs\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .xs\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .xs\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .xs\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xs\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xs\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .xs\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .xs\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .xs\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xs\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xs\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xs\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .xs\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xs\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .xs\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .xs\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .xs\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xs\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .xs\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .xs\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .xs\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .xs\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .xs\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .xs\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .xs\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .xs\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .xs\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .xs\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .xs\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .xs\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .xs\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .xs\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .xs\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .xs\:py-1\/4 {
    padding-top: 25%;
    padding-bottom: 25%;
  }

  .xs\:px-1\/4 {
    padding-left: 25%;
    padding-right: 25%;
  }

  .xs\:py-1\/3 {
    padding-top: 33.333333333%;
    padding-bottom: 33.333333333%;
  }

  .xs\:px-1\/3 {
    padding-left: 33.333333333%;
    padding-right: 33.333333333%;
  }

  .xs\:py-1\/2 {
    padding-top: 50%;
    padding-bottom: 50%;
  }

  .xs\:px-1\/2 {
    padding-left: 50%;
    padding-right: 50%;
  }

  .xs\:pt-0 {
    padding-top: 0;
  }

  .xs\:pr-0 {
    padding-right: 0;
  }

  .xs\:pb-0 {
    padding-bottom: 0;
  }

  .xs\:pl-0 {
    padding-left: 0;
  }

  .xs\:pt-1 {
    padding-top: 0.25rem;
  }

  .xs\:pr-1 {
    padding-right: 0.25rem;
  }

  .xs\:pb-1 {
    padding-bottom: 0.25rem;
  }

  .xs\:pl-1 {
    padding-left: 0.25rem;
  }

  .xs\:pt-2 {
    padding-top: 0.5rem;
  }

  .xs\:pr-2 {
    padding-right: 0.5rem;
  }

  .xs\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .xs\:pl-2 {
    padding-left: 0.5rem;
  }

  .xs\:pt-3 {
    padding-top: 0.75rem;
  }

  .xs\:pr-3 {
    padding-right: 0.75rem;
  }

  .xs\:pb-3 {
    padding-bottom: 0.75rem;
  }

  .xs\:pl-3 {
    padding-left: 0.75rem;
  }

  .xs\:pt-4 {
    padding-top: 1rem;
  }

  .xs\:pr-4 {
    padding-right: 1rem;
  }

  .xs\:pb-4 {
    padding-bottom: 1rem;
  }

  .xs\:pl-4 {
    padding-left: 1rem;
  }

  .xs\:pt-5 {
    padding-top: 1.25rem;
  }

  .xs\:pr-5 {
    padding-right: 1.25rem;
  }

  .xs\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .xs\:pl-5 {
    padding-left: 1.25rem;
  }

  .xs\:pt-6 {
    padding-top: 1.5rem;
  }

  .xs\:pr-6 {
    padding-right: 1.5rem;
  }

  .xs\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .xs\:pl-6 {
    padding-left: 1.5rem;
  }

  .xs\:pt-8 {
    padding-top: 2rem;
  }

  .xs\:pr-8 {
    padding-right: 2rem;
  }

  .xs\:pb-8 {
    padding-bottom: 2rem;
  }

  .xs\:pl-8 {
    padding-left: 2rem;
  }

  .xs\:pt-10 {
    padding-top: 2.5rem;
  }

  .xs\:pr-10 {
    padding-right: 2.5rem;
  }

  .xs\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .xs\:pl-10 {
    padding-left: 2.5rem;
  }

  .xs\:pt-12 {
    padding-top: 3rem;
  }

  .xs\:pr-12 {
    padding-right: 3rem;
  }

  .xs\:pb-12 {
    padding-bottom: 3rem;
  }

  .xs\:pl-12 {
    padding-left: 3rem;
  }

  .xs\:pt-16 {
    padding-top: 4rem;
  }

  .xs\:pr-16 {
    padding-right: 4rem;
  }

  .xs\:pb-16 {
    padding-bottom: 4rem;
  }

  .xs\:pl-16 {
    padding-left: 4rem;
  }

  .xs\:pt-20 {
    padding-top: 5rem;
  }

  .xs\:pr-20 {
    padding-right: 5rem;
  }

  .xs\:pb-20 {
    padding-bottom: 5rem;
  }

  .xs\:pl-20 {
    padding-left: 5rem;
  }

  .xs\:pt-24 {
    padding-top: 6rem;
  }

  .xs\:pr-24 {
    padding-right: 6rem;
  }

  .xs\:pb-24 {
    padding-bottom: 6rem;
  }

  .xs\:pl-24 {
    padding-left: 6rem;
  }

  .xs\:pt-32 {
    padding-top: 8rem;
  }

  .xs\:pr-32 {
    padding-right: 8rem;
  }

  .xs\:pb-32 {
    padding-bottom: 8rem;
  }

  .xs\:pl-32 {
    padding-left: 8rem;
  }

  .xs\:pt-40 {
    padding-top: 10rem;
  }

  .xs\:pr-40 {
    padding-right: 10rem;
  }

  .xs\:pb-40 {
    padding-bottom: 10rem;
  }

  .xs\:pl-40 {
    padding-left: 10rem;
  }

  .xs\:pt-48 {
    padding-top: 12rem;
  }

  .xs\:pr-48 {
    padding-right: 12rem;
  }

  .xs\:pb-48 {
    padding-bottom: 12rem;
  }

  .xs\:pl-48 {
    padding-left: 12rem;
  }

  .xs\:pt-56 {
    padding-top: 14rem;
  }

  .xs\:pr-56 {
    padding-right: 14rem;
  }

  .xs\:pb-56 {
    padding-bottom: 14rem;
  }

  .xs\:pl-56 {
    padding-left: 14rem;
  }

  .xs\:pt-64 {
    padding-top: 16rem;
  }

  .xs\:pr-64 {
    padding-right: 16rem;
  }

  .xs\:pb-64 {
    padding-bottom: 16rem;
  }

  .xs\:pl-64 {
    padding-left: 16rem;
  }

  .xs\:pt-px {
    padding-top: 1px;
  }

  .xs\:pr-px {
    padding-right: 1px;
  }

  .xs\:pb-px {
    padding-bottom: 1px;
  }

  .xs\:pl-px {
    padding-left: 1px;
  }

  .xs\:pt-1\/4 {
    padding-top: 25%;
  }

  .xs\:pr-1\/4 {
    padding-right: 25%;
  }

  .xs\:pb-1\/4 {
    padding-bottom: 25%;
  }

  .xs\:pl-1\/4 {
    padding-left: 25%;
  }

  .xs\:pt-1\/3 {
    padding-top: 33.333333333%;
  }

  .xs\:pr-1\/3 {
    padding-right: 33.333333333%;
  }

  .xs\:pb-1\/3 {
    padding-bottom: 33.333333333%;
  }

  .xs\:pl-1\/3 {
    padding-left: 33.333333333%;
  }

  .xs\:pt-1\/2 {
    padding-top: 50%;
  }

  .xs\:pr-1\/2 {
    padding-right: 50%;
  }

  .xs\:pb-1\/2 {
    padding-bottom: 50%;
  }

  .xs\:pl-1\/2 {
    padding-left: 50%;
  }

  .xs\:placeholder-transparent:-ms-input-placeholder {
    color: transparent;
  }

  .xs\:placeholder-transparent::placeholder {
    color: transparent;
  }

  .xs\:placeholder-black:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xs\:placeholder-black::placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xs\:placeholder-white:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-white::placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-100::placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-200::placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-300::placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-400::placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-500::placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-600::placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-700::placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-800::placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xs\:placeholder-gray-900::placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-100::placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-200::placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-300::placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-400::placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-500::placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-600::placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-700::placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-800::placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .xs\:placeholder-blue-900::placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .xs\:placeholder-blurple-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .xs\:placeholder-blurple-100::placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .xs\:placeholder-blurple-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .xs\:placeholder-blurple-200::placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .xs\:placeholder-blurple-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .xs\:placeholder-blurple-300::placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .xs\:placeholder-blurple-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .xs\:placeholder-blurple-400::placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .xs\:placeholder-blurple-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .xs\:placeholder-blurple-500::placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .xs\:placeholder-blurple-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .xs\:placeholder-blurple-700::placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .xs\:placeholder-green-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .xs\:placeholder-green-300::placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .xs\:placeholder-green-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .xs\:placeholder-green-500::placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .xs\:placeholder-green-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .xs\:placeholder-green-700::placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-100::placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-200::placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-300::placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-400::placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-500::placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-600::placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-700::placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-800::placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .xs\:placeholder-orange-900::placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-100::placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-200::placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-300::placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-400::placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-500::placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-600::placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-700::placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-800::placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .xs\:placeholder-purple-900::placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .xs\:placeholder-red-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .xs\:placeholder-red-300::placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .xs\:placeholder-red-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .xs\:placeholder-red-500::placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .xs\:placeholder-red-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .xs\:placeholder-red-700::placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-100::placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-200::placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-300::placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-400::placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-500::placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-600::placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-700::placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-800::placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .xs\:placeholder-teal-900::placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-100::placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-200::placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-300::placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-400::placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-500::placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-600::placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-700::placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-800::placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .xs\:placeholder-yellow-900::placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .xs\:placeholder-facebook-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .xs\:placeholder-facebook-400::placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .xs\:placeholder-facebook-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xs\:placeholder-facebook-500::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xs\:placeholder-snapchat-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .xs\:placeholder-snapchat-400::placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .xs\:placeholder-snapchat-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xs\:placeholder-snapchat-500::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xs\:placeholder-messenger-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-messenger-400::placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-messenger-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-messenger-500::placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-twitter-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-twitter-400::placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .xs\:placeholder-twitter-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .xs\:placeholder-twitter-500::placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .xs\:placeholder-transparent-black-10:-ms-input-placeholder {
    color: rgba(0,0,0,0.1);
  }

  .xs\:placeholder-transparent-black-10::placeholder {
    color: rgba(0,0,0,0.1);
  }

  .xs\:placeholder-transparent-black-30:-ms-input-placeholder {
    color: rgba(0,0,0,0.3);
  }

  .xs\:placeholder-transparent-black-30::placeholder {
    color: rgba(0,0,0,0.3);
  }

  .xs\:placeholder-transparent-black-50:-ms-input-placeholder {
    color: rgba(0,0,0,0.5);
  }

  .xs\:placeholder-transparent-black-50::placeholder {
    color: rgba(0,0,0,0.5);
  }

  .xs\:placeholder-transparent-black-70:-ms-input-placeholder {
    color: rgba(0,0,0,0.7);
  }

  .xs\:placeholder-transparent-black-70::placeholder {
    color: rgba(0,0,0,0.7);
  }

  .xs\:placeholder-transparent-black-90:-ms-input-placeholder {
    color: rgba(0,0,0,0.9);
  }

  .xs\:placeholder-transparent-black-90::placeholder {
    color: rgba(0,0,0,0.9);
  }

  .xs\:placeholder-transparent-white-10:-ms-input-placeholder {
    color: rgba(255,255,255,0.1);
  }

  .xs\:placeholder-transparent-white-10::placeholder {
    color: rgba(255,255,255,0.1);
  }

  .xs\:placeholder-transparent-white-30:-ms-input-placeholder {
    color: rgba(255,255,255,0.3);
  }

  .xs\:placeholder-transparent-white-30::placeholder {
    color: rgba(255,255,255,0.3);
  }

  .xs\:placeholder-transparent-white-50:-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
  }

  .xs\:placeholder-transparent-white-50::placeholder {
    color: rgba(255,255,255,0.5);
  }

  .xs\:placeholder-transparent-white-70:-ms-input-placeholder {
    color: rgba(255,255,255,0.7);
  }

  .xs\:placeholder-transparent-white-70::placeholder {
    color: rgba(255,255,255,0.7);
  }

  .xs\:placeholder-transparent-white-90:-ms-input-placeholder {
    color: rgba(255,255,255,0.9);
  }

  .xs\:placeholder-transparent-white-90::placeholder {
    color: rgba(255,255,255,0.9);
  }

  .xs\:placeholder-vr-dark-blue:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .xs\:placeholder-vr-dark-blue::placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .xs\:placeholder-vr-neon-green:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .xs\:placeholder-vr-neon-green::placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent;
  }

  .xs\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  .xs\:focus\:placeholder-black:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-black:focus::placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-white:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-white:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-gray-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blue-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blurple-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blurple-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blurple-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blurple-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blurple-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blurple-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blurple-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blurple-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blurple-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blurple-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blurple-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-blurple-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-green-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-green-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-green-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-orange-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-purple-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-red-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-red-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-red-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-teal-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-yellow-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-facebook-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-facebook-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-facebook-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-facebook-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-snapchat-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-snapchat-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-snapchat-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-snapchat-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-messenger-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-messenger-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-messenger-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-messenger-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-twitter-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-twitter-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-twitter-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-twitter-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-transparent-black-10:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.1);
  }

  .xs\:focus\:placeholder-transparent-black-10:focus::placeholder {
    color: rgba(0,0,0,0.1);
  }

  .xs\:focus\:placeholder-transparent-black-30:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.3);
  }

  .xs\:focus\:placeholder-transparent-black-30:focus::placeholder {
    color: rgba(0,0,0,0.3);
  }

  .xs\:focus\:placeholder-transparent-black-50:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.5);
  }

  .xs\:focus\:placeholder-transparent-black-50:focus::placeholder {
    color: rgba(0,0,0,0.5);
  }

  .xs\:focus\:placeholder-transparent-black-70:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.7);
  }

  .xs\:focus\:placeholder-transparent-black-70:focus::placeholder {
    color: rgba(0,0,0,0.7);
  }

  .xs\:focus\:placeholder-transparent-black-90:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.9);
  }

  .xs\:focus\:placeholder-transparent-black-90:focus::placeholder {
    color: rgba(0,0,0,0.9);
  }

  .xs\:focus\:placeholder-transparent-white-10:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.1);
  }

  .xs\:focus\:placeholder-transparent-white-10:focus::placeholder {
    color: rgba(255,255,255,0.1);
  }

  .xs\:focus\:placeholder-transparent-white-30:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.3);
  }

  .xs\:focus\:placeholder-transparent-white-30:focus::placeholder {
    color: rgba(255,255,255,0.3);
  }

  .xs\:focus\:placeholder-transparent-white-50:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
  }

  .xs\:focus\:placeholder-transparent-white-50:focus::placeholder {
    color: rgba(255,255,255,0.5);
  }

  .xs\:focus\:placeholder-transparent-white-70:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.7);
  }

  .xs\:focus\:placeholder-transparent-white-70:focus::placeholder {
    color: rgba(255,255,255,0.7);
  }

  .xs\:focus\:placeholder-transparent-white-90:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.9);
  }

  .xs\:focus\:placeholder-transparent-white-90:focus::placeholder {
    color: rgba(255,255,255,0.9);
  }

  .xs\:focus\:placeholder-vr-dark-blue:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-vr-dark-blue:focus::placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-vr-neon-green:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .xs\:focus\:placeholder-vr-neon-green:focus::placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .xs\:placeholder-opacity-0:-ms-input-placeholder {
    --placeholder-opacity: 0;
  }

  .xs\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0;
  }

  .xs\:placeholder-opacity-25:-ms-input-placeholder {
    --placeholder-opacity: 0.25;
  }

  .xs\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25;
  }

  .xs\:placeholder-opacity-50:-ms-input-placeholder {
    --placeholder-opacity: 0.5;
  }

  .xs\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5;
  }

  .xs\:placeholder-opacity-75:-ms-input-placeholder {
    --placeholder-opacity: 0.75;
  }

  .xs\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75;
  }

  .xs\:placeholder-opacity-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
  }

  .xs\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1;
  }

  .xs\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
    --placeholder-opacity: 0;
  }

  .xs\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0;
  }

  .xs\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.25;
  }

  .xs\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25;
  }

  .xs\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.5;
  }

  .xs\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5;
  }

  .xs\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.75;
  }

  .xs\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75;
  }

  .xs\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
  }

  .xs\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1;
  }

  .xs\:pointer-events-none {
    pointer-events: none;
  }

  .xs\:pointer-events-auto {
    pointer-events: auto;
  }

  .xs\:static {
    position: static;
  }

  .xs\:fixed {
    position: fixed;
  }

  .xs\:absolute {
    position: absolute;
  }

  .xs\:relative {
    position: relative;
  }

  .xs\:sticky {
    position: sticky;
  }

  .xs\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .xs\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .xs\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  .xs\:inset-x-0 {
    right: 0;
    left: 0;
  }

  .xs\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .xs\:inset-x-auto {
    right: auto;
    left: auto;
  }

  .xs\:top-0 {
    top: 0;
  }

  .xs\:right-0 {
    right: 0;
  }

  .xs\:bottom-0 {
    bottom: 0;
  }

  .xs\:left-0 {
    left: 0;
  }

  .xs\:top-auto {
    top: auto;
  }

  .xs\:right-auto {
    right: auto;
  }

  .xs\:bottom-auto {
    bottom: auto;
  }

  .xs\:left-auto {
    left: auto;
  }

  .xs\:resize-none {
    resize: none;
  }

  .xs\:resize-y {
    resize: vertical;
  }

  .xs\:resize-x {
    resize: horizontal;
  }

  .xs\:resize {
    resize: both;
  }

  .xs\:shadow-xs {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .xs\:shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .xs\:shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .xs\:shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .xs\:shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .xs\:shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .xs\:shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .xs\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .xs\:shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .xs\:shadow-none {
    box-shadow: none;
  }

  .xs\:hover\:shadow-xs:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .xs\:hover\:shadow-sm:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .xs\:hover\:shadow:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .xs\:hover\:shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .xs\:hover\:shadow-lg:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .xs\:hover\:shadow-xl:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .xs\:hover\:shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .xs\:hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .xs\:hover\:shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .xs\:hover\:shadow-none:hover {
    box-shadow: none;
  }

  .xs\:focus\:shadow-xs:focus {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .xs\:focus\:shadow-sm:focus {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .xs\:focus\:shadow:focus {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .xs\:focus\:shadow-md:focus {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .xs\:focus\:shadow-lg:focus {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .xs\:focus\:shadow-xl:focus {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .xs\:focus\:shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .xs\:focus\:shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .xs\:focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .xs\:focus\:shadow-none:focus {
    box-shadow: none;
  }

  .xs\:fill-current {
    fill: currentColor;
  }

  .xs\:stroke-current {
    stroke: currentColor;
  }

  .xs\:stroke-0 {
    stroke-width: 0;
  }

  .xs\:stroke-1 {
    stroke-width: 1;
  }

  .xs\:stroke-2 {
    stroke-width: 2;
  }

  .xs\:table-auto {
    table-layout: auto;
  }

  .xs\:table-fixed {
    table-layout: fixed;
  }

  .xs\:text-left {
    text-align: left;
  }

  .xs\:text-center {
    text-align: center;
  }

  .xs\:text-right {
    text-align: right;
  }

  .xs\:text-justify {
    text-align: justify;
  }

  .xs\:text-transparent {
    color: transparent;
  }

  .xs\:text-black {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .xs\:text-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xs\:text-gray-100 {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .xs\:text-gray-200 {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .xs\:text-gray-300 {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .xs\:text-gray-400 {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .xs\:text-gray-500 {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .xs\:text-gray-600 {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .xs\:text-gray-700 {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .xs\:text-gray-800 {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .xs\:text-gray-900 {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .xs\:text-blue-100 {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .xs\:text-blue-200 {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .xs\:text-blue-300 {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .xs\:text-blue-400 {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .xs\:text-blue-500 {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .xs\:text-blue-600 {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .xs\:text-blue-700 {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .xs\:text-blue-800 {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .xs\:text-blue-900 {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .xs\:text-blurple-100 {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .xs\:text-blurple-200 {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .xs\:text-blurple-300 {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .xs\:text-blurple-400 {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .xs\:text-blurple-500 {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .xs\:text-blurple-700 {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .xs\:text-green-300 {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .xs\:text-green-500 {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .xs\:text-green-700 {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .xs\:text-orange-100 {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .xs\:text-orange-200 {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .xs\:text-orange-300 {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .xs\:text-orange-400 {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .xs\:text-orange-500 {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .xs\:text-orange-600 {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .xs\:text-orange-700 {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .xs\:text-orange-800 {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .xs\:text-orange-900 {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .xs\:text-purple-100 {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .xs\:text-purple-200 {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .xs\:text-purple-300 {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .xs\:text-purple-400 {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .xs\:text-purple-500 {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .xs\:text-purple-600 {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .xs\:text-purple-700 {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .xs\:text-purple-800 {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .xs\:text-purple-900 {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .xs\:text-red-300 {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .xs\:text-red-500 {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .xs\:text-red-700 {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .xs\:text-teal-100 {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .xs\:text-teal-200 {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .xs\:text-teal-300 {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .xs\:text-teal-400 {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .xs\:text-teal-500 {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .xs\:text-teal-600 {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .xs\:text-teal-700 {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .xs\:text-teal-800 {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .xs\:text-teal-900 {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .xs\:text-yellow-100 {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .xs\:text-yellow-200 {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .xs\:text-yellow-300 {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .xs\:text-yellow-400 {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .xs\:text-yellow-500 {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .xs\:text-yellow-600 {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .xs\:text-yellow-700 {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .xs\:text-yellow-800 {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .xs\:text-yellow-900 {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .xs\:text-facebook-400 {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .xs\:text-facebook-500 {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xs\:text-snapchat-400 {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .xs\:text-snapchat-500 {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xs\:text-messenger-400 {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .xs\:text-messenger-500 {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .xs\:text-twitter-400 {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .xs\:text-twitter-500 {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .xs\:text-transparent-black-10 {
    color: rgba(0,0,0,0.1);
  }

  .xs\:text-transparent-black-30 {
    color: rgba(0,0,0,0.3);
  }

  .xs\:text-transparent-black-50 {
    color: rgba(0,0,0,0.5);
  }

  .xs\:text-transparent-black-70 {
    color: rgba(0,0,0,0.7);
  }

  .xs\:text-transparent-black-90 {
    color: rgba(0,0,0,0.9);
  }

  .xs\:text-transparent-white-10 {
    color: rgba(255,255,255,0.1);
  }

  .xs\:text-transparent-white-30 {
    color: rgba(255,255,255,0.3);
  }

  .xs\:text-transparent-white-50 {
    color: rgba(255,255,255,0.5);
  }

  .xs\:text-transparent-white-70 {
    color: rgba(255,255,255,0.7);
  }

  .xs\:text-transparent-white-90 {
    color: rgba(255,255,255,0.9);
  }

  .xs\:text-vr-dark-blue {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .xs\:text-vr-neon-green {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .xs\:active\:text-transparent:active {
    color: transparent;
  }

  .xs\:active\:text-black:active {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .xs\:active\:text-white:active {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xs\:active\:text-gray-100:active {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .xs\:active\:text-gray-200:active {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .xs\:active\:text-gray-300:active {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .xs\:active\:text-gray-400:active {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .xs\:active\:text-gray-500:active {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .xs\:active\:text-gray-600:active {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .xs\:active\:text-gray-700:active {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .xs\:active\:text-gray-800:active {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .xs\:active\:text-gray-900:active {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .xs\:active\:text-blue-100:active {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .xs\:active\:text-blue-200:active {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .xs\:active\:text-blue-300:active {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .xs\:active\:text-blue-400:active {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .xs\:active\:text-blue-500:active {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .xs\:active\:text-blue-600:active {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .xs\:active\:text-blue-700:active {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .xs\:active\:text-blue-800:active {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .xs\:active\:text-blue-900:active {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .xs\:active\:text-blurple-100:active {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .xs\:active\:text-blurple-200:active {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .xs\:active\:text-blurple-300:active {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .xs\:active\:text-blurple-400:active {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .xs\:active\:text-blurple-500:active {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .xs\:active\:text-blurple-700:active {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .xs\:active\:text-green-300:active {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .xs\:active\:text-green-500:active {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .xs\:active\:text-green-700:active {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .xs\:active\:text-orange-100:active {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .xs\:active\:text-orange-200:active {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .xs\:active\:text-orange-300:active {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .xs\:active\:text-orange-400:active {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .xs\:active\:text-orange-500:active {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .xs\:active\:text-orange-600:active {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .xs\:active\:text-orange-700:active {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .xs\:active\:text-orange-800:active {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .xs\:active\:text-orange-900:active {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .xs\:active\:text-purple-100:active {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .xs\:active\:text-purple-200:active {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .xs\:active\:text-purple-300:active {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .xs\:active\:text-purple-400:active {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .xs\:active\:text-purple-500:active {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .xs\:active\:text-purple-600:active {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .xs\:active\:text-purple-700:active {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .xs\:active\:text-purple-800:active {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .xs\:active\:text-purple-900:active {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .xs\:active\:text-red-300:active {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .xs\:active\:text-red-500:active {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .xs\:active\:text-red-700:active {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .xs\:active\:text-teal-100:active {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .xs\:active\:text-teal-200:active {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .xs\:active\:text-teal-300:active {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .xs\:active\:text-teal-400:active {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .xs\:active\:text-teal-500:active {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .xs\:active\:text-teal-600:active {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .xs\:active\:text-teal-700:active {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .xs\:active\:text-teal-800:active {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .xs\:active\:text-teal-900:active {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .xs\:active\:text-yellow-100:active {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .xs\:active\:text-yellow-200:active {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .xs\:active\:text-yellow-300:active {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .xs\:active\:text-yellow-400:active {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .xs\:active\:text-yellow-500:active {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .xs\:active\:text-yellow-600:active {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .xs\:active\:text-yellow-700:active {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .xs\:active\:text-yellow-800:active {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .xs\:active\:text-yellow-900:active {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .xs\:active\:text-facebook-400:active {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .xs\:active\:text-facebook-500:active {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xs\:active\:text-snapchat-400:active {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .xs\:active\:text-snapchat-500:active {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xs\:active\:text-messenger-400:active {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .xs\:active\:text-messenger-500:active {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .xs\:active\:text-twitter-400:active {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .xs\:active\:text-twitter-500:active {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .xs\:active\:text-transparent-black-10:active {
    color: rgba(0,0,0,0.1);
  }

  .xs\:active\:text-transparent-black-30:active {
    color: rgba(0,0,0,0.3);
  }

  .xs\:active\:text-transparent-black-50:active {
    color: rgba(0,0,0,0.5);
  }

  .xs\:active\:text-transparent-black-70:active {
    color: rgba(0,0,0,0.7);
  }

  .xs\:active\:text-transparent-black-90:active {
    color: rgba(0,0,0,0.9);
  }

  .xs\:active\:text-transparent-white-10:active {
    color: rgba(255,255,255,0.1);
  }

  .xs\:active\:text-transparent-white-30:active {
    color: rgba(255,255,255,0.3);
  }

  .xs\:active\:text-transparent-white-50:active {
    color: rgba(255,255,255,0.5);
  }

  .xs\:active\:text-transparent-white-70:active {
    color: rgba(255,255,255,0.7);
  }

  .xs\:active\:text-transparent-white-90:active {
    color: rgba(255,255,255,0.9);
  }

  .xs\:active\:text-vr-dark-blue:active {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .xs\:active\:text-vr-neon-green:active {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .xs\:hover\:text-transparent:hover {
    color: transparent;
  }

  .xs\:hover\:text-black:hover {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .xs\:hover\:text-white:hover {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xs\:hover\:text-gray-100:hover {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .xs\:hover\:text-gray-200:hover {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .xs\:hover\:text-gray-300:hover {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .xs\:hover\:text-gray-400:hover {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .xs\:hover\:text-gray-500:hover {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .xs\:hover\:text-gray-600:hover {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .xs\:hover\:text-gray-700:hover {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .xs\:hover\:text-gray-800:hover {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .xs\:hover\:text-gray-900:hover {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .xs\:hover\:text-blue-100:hover {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .xs\:hover\:text-blue-200:hover {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .xs\:hover\:text-blue-300:hover {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .xs\:hover\:text-blue-400:hover {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .xs\:hover\:text-blue-500:hover {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .xs\:hover\:text-blue-600:hover {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .xs\:hover\:text-blue-700:hover {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .xs\:hover\:text-blue-800:hover {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .xs\:hover\:text-blue-900:hover {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .xs\:hover\:text-blurple-100:hover {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .xs\:hover\:text-blurple-200:hover {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .xs\:hover\:text-blurple-300:hover {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .xs\:hover\:text-blurple-400:hover {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .xs\:hover\:text-blurple-500:hover {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .xs\:hover\:text-blurple-700:hover {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .xs\:hover\:text-green-300:hover {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .xs\:hover\:text-green-500:hover {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .xs\:hover\:text-green-700:hover {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .xs\:hover\:text-orange-100:hover {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .xs\:hover\:text-orange-200:hover {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .xs\:hover\:text-orange-300:hover {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .xs\:hover\:text-orange-400:hover {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .xs\:hover\:text-orange-500:hover {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .xs\:hover\:text-orange-600:hover {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .xs\:hover\:text-orange-700:hover {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .xs\:hover\:text-orange-800:hover {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .xs\:hover\:text-orange-900:hover {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .xs\:hover\:text-purple-100:hover {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .xs\:hover\:text-purple-200:hover {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .xs\:hover\:text-purple-300:hover {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .xs\:hover\:text-purple-400:hover {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .xs\:hover\:text-purple-500:hover {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .xs\:hover\:text-purple-600:hover {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .xs\:hover\:text-purple-700:hover {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .xs\:hover\:text-purple-800:hover {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .xs\:hover\:text-purple-900:hover {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .xs\:hover\:text-red-300:hover {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .xs\:hover\:text-red-500:hover {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .xs\:hover\:text-red-700:hover {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .xs\:hover\:text-teal-100:hover {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .xs\:hover\:text-teal-200:hover {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .xs\:hover\:text-teal-300:hover {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .xs\:hover\:text-teal-400:hover {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .xs\:hover\:text-teal-500:hover {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .xs\:hover\:text-teal-600:hover {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .xs\:hover\:text-teal-700:hover {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .xs\:hover\:text-teal-800:hover {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .xs\:hover\:text-teal-900:hover {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .xs\:hover\:text-yellow-100:hover {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .xs\:hover\:text-yellow-200:hover {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .xs\:hover\:text-yellow-300:hover {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .xs\:hover\:text-yellow-400:hover {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .xs\:hover\:text-yellow-500:hover {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .xs\:hover\:text-yellow-600:hover {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .xs\:hover\:text-yellow-700:hover {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .xs\:hover\:text-yellow-800:hover {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .xs\:hover\:text-yellow-900:hover {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .xs\:hover\:text-facebook-400:hover {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .xs\:hover\:text-facebook-500:hover {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xs\:hover\:text-snapchat-400:hover {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .xs\:hover\:text-snapchat-500:hover {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xs\:hover\:text-messenger-400:hover {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .xs\:hover\:text-messenger-500:hover {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .xs\:hover\:text-twitter-400:hover {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .xs\:hover\:text-twitter-500:hover {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .xs\:hover\:text-transparent-black-10:hover {
    color: rgba(0,0,0,0.1);
  }

  .xs\:hover\:text-transparent-black-30:hover {
    color: rgba(0,0,0,0.3);
  }

  .xs\:hover\:text-transparent-black-50:hover {
    color: rgba(0,0,0,0.5);
  }

  .xs\:hover\:text-transparent-black-70:hover {
    color: rgba(0,0,0,0.7);
  }

  .xs\:hover\:text-transparent-black-90:hover {
    color: rgba(0,0,0,0.9);
  }

  .xs\:hover\:text-transparent-white-10:hover {
    color: rgba(255,255,255,0.1);
  }

  .xs\:hover\:text-transparent-white-30:hover {
    color: rgba(255,255,255,0.3);
  }

  .xs\:hover\:text-transparent-white-50:hover {
    color: rgba(255,255,255,0.5);
  }

  .xs\:hover\:text-transparent-white-70:hover {
    color: rgba(255,255,255,0.7);
  }

  .xs\:hover\:text-transparent-white-90:hover {
    color: rgba(255,255,255,0.9);
  }

  .xs\:hover\:text-vr-dark-blue:hover {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .xs\:hover\:text-vr-neon-green:hover {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .xs\:focus\:text-transparent:focus {
    color: transparent;
  }

  .xs\:focus\:text-black:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .xs\:focus\:text-white:focus {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xs\:focus\:text-gray-100:focus {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .xs\:focus\:text-gray-200:focus {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .xs\:focus\:text-gray-300:focus {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .xs\:focus\:text-gray-400:focus {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .xs\:focus\:text-gray-500:focus {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .xs\:focus\:text-gray-600:focus {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .xs\:focus\:text-gray-700:focus {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .xs\:focus\:text-gray-800:focus {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .xs\:focus\:text-gray-900:focus {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .xs\:focus\:text-blue-100:focus {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .xs\:focus\:text-blue-200:focus {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .xs\:focus\:text-blue-300:focus {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .xs\:focus\:text-blue-400:focus {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .xs\:focus\:text-blue-500:focus {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .xs\:focus\:text-blue-600:focus {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .xs\:focus\:text-blue-700:focus {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .xs\:focus\:text-blue-800:focus {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .xs\:focus\:text-blue-900:focus {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .xs\:focus\:text-blurple-100:focus {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .xs\:focus\:text-blurple-200:focus {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .xs\:focus\:text-blurple-300:focus {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .xs\:focus\:text-blurple-400:focus {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .xs\:focus\:text-blurple-500:focus {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .xs\:focus\:text-blurple-700:focus {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .xs\:focus\:text-green-300:focus {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .xs\:focus\:text-green-500:focus {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .xs\:focus\:text-green-700:focus {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .xs\:focus\:text-orange-100:focus {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .xs\:focus\:text-orange-200:focus {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .xs\:focus\:text-orange-300:focus {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .xs\:focus\:text-orange-400:focus {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .xs\:focus\:text-orange-500:focus {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .xs\:focus\:text-orange-600:focus {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .xs\:focus\:text-orange-700:focus {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .xs\:focus\:text-orange-800:focus {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .xs\:focus\:text-orange-900:focus {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .xs\:focus\:text-purple-100:focus {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .xs\:focus\:text-purple-200:focus {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .xs\:focus\:text-purple-300:focus {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .xs\:focus\:text-purple-400:focus {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .xs\:focus\:text-purple-500:focus {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .xs\:focus\:text-purple-600:focus {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .xs\:focus\:text-purple-700:focus {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .xs\:focus\:text-purple-800:focus {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .xs\:focus\:text-purple-900:focus {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .xs\:focus\:text-red-300:focus {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .xs\:focus\:text-red-500:focus {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .xs\:focus\:text-red-700:focus {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .xs\:focus\:text-teal-100:focus {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .xs\:focus\:text-teal-200:focus {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .xs\:focus\:text-teal-300:focus {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .xs\:focus\:text-teal-400:focus {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .xs\:focus\:text-teal-500:focus {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .xs\:focus\:text-teal-600:focus {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .xs\:focus\:text-teal-700:focus {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .xs\:focus\:text-teal-800:focus {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .xs\:focus\:text-teal-900:focus {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .xs\:focus\:text-yellow-100:focus {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .xs\:focus\:text-yellow-200:focus {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .xs\:focus\:text-yellow-300:focus {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .xs\:focus\:text-yellow-400:focus {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .xs\:focus\:text-yellow-500:focus {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .xs\:focus\:text-yellow-600:focus {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .xs\:focus\:text-yellow-700:focus {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .xs\:focus\:text-yellow-800:focus {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .xs\:focus\:text-yellow-900:focus {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .xs\:focus\:text-facebook-400:focus {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .xs\:focus\:text-facebook-500:focus {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xs\:focus\:text-snapchat-400:focus {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .xs\:focus\:text-snapchat-500:focus {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xs\:focus\:text-messenger-400:focus {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .xs\:focus\:text-messenger-500:focus {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .xs\:focus\:text-twitter-400:focus {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .xs\:focus\:text-twitter-500:focus {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .xs\:focus\:text-transparent-black-10:focus {
    color: rgba(0,0,0,0.1);
  }

  .xs\:focus\:text-transparent-black-30:focus {
    color: rgba(0,0,0,0.3);
  }

  .xs\:focus\:text-transparent-black-50:focus {
    color: rgba(0,0,0,0.5);
  }

  .xs\:focus\:text-transparent-black-70:focus {
    color: rgba(0,0,0,0.7);
  }

  .xs\:focus\:text-transparent-black-90:focus {
    color: rgba(0,0,0,0.9);
  }

  .xs\:focus\:text-transparent-white-10:focus {
    color: rgba(255,255,255,0.1);
  }

  .xs\:focus\:text-transparent-white-30:focus {
    color: rgba(255,255,255,0.3);
  }

  .xs\:focus\:text-transparent-white-50:focus {
    color: rgba(255,255,255,0.5);
  }

  .xs\:focus\:text-transparent-white-70:focus {
    color: rgba(255,255,255,0.7);
  }

  .xs\:focus\:text-transparent-white-90:focus {
    color: rgba(255,255,255,0.9);
  }

  .xs\:focus\:text-vr-dark-blue:focus {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .xs\:focus\:text-vr-neon-green:focus {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .xs\:text-opacity-0 {
    --text-opacity: 0;
  }

  .xs\:text-opacity-25 {
    --text-opacity: 0.25;
  }

  .xs\:text-opacity-50 {
    --text-opacity: 0.5;
  }

  .xs\:text-opacity-75 {
    --text-opacity: 0.75;
  }

  .xs\:text-opacity-100 {
    --text-opacity: 1;
  }

  .xs\:hover\:text-opacity-0:hover {
    --text-opacity: 0;
  }

  .xs\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25;
  }

  .xs\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5;
  }

  .xs\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75;
  }

  .xs\:hover\:text-opacity-100:hover {
    --text-opacity: 1;
  }

  .xs\:focus\:text-opacity-0:focus {
    --text-opacity: 0;
  }

  .xs\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25;
  }

  .xs\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5;
  }

  .xs\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75;
  }

  .xs\:focus\:text-opacity-100:focus {
    --text-opacity: 1;
  }

  .xs\:italic {
    font-style: italic;
  }

  .xs\:not-italic {
    font-style: normal;
  }

  .xs\:uppercase {
    text-transform: uppercase;
  }

  .xs\:lowercase {
    text-transform: lowercase;
  }

  .xs\:capitalize {
    text-transform: capitalize;
  }

  .xs\:normal-case {
    text-transform: none;
  }

  .xs\:underline {
    text-decoration: underline;
  }

  .xs\:line-through {
    text-decoration: line-through;
  }

  .xs\:no-underline {
    text-decoration: none;
  }

  .xs\:hover\:underline:hover {
    text-decoration: underline;
  }

  .xs\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .xs\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .xs\:focus\:underline:focus {
    text-decoration: underline;
  }

  .xs\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .xs\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .xs\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .xs\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .xs\:ordinal, .xs\:slashed-zero, .xs\:lining-nums, .xs\:oldstyle-nums, .xs\:proportional-nums, .xs\:tabular-nums, .xs\:diagonal-fractions, .xs\:stacked-fractions {
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    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);
  }

  .xs\:normal-nums {
    font-variant-numeric: normal;
  }

  .xs\:ordinal {
    --font-variant-numeric-ordinal: ordinal;
  }

  .xs\:slashed-zero {
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  .xs\:lining-nums {
    --font-variant-numeric-figure: lining-nums;
  }

  .xs\:oldstyle-nums {
    --font-variant-numeric-figure: oldstyle-nums;
  }

  .xs\:proportional-nums {
    --font-variant-numeric-spacing: proportional-nums;
  }

  .xs\:tabular-nums {
    --font-variant-numeric-spacing: tabular-nums;
  }

  .xs\:diagonal-fractions {
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  .xs\:stacked-fractions {
    --font-variant-numeric-fraction: stacked-fractions;
  }

  .xs\:tracking-tighter {
    letter-spacing: -0.05em;
  }

  .xs\:tracking-tight {
    letter-spacing: -0.025em;
  }

  .xs\:tracking-normal {
    letter-spacing: 0;
  }

  .xs\:tracking-wide {
    letter-spacing: 0.025em;
  }

  .xs\:tracking-wider {
    letter-spacing: 0.05em;
  }

  .xs\:tracking-widest {
    letter-spacing: 0.1em;
  }

  .xs\:select-none {
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .xs\:select-text {
    -webkit-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }

  .xs\:select-all {
    -webkit-user-select: all;
        -ms-user-select: all;
            user-select: all;
  }

  .xs\:select-auto {
    -webkit-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
  }

  .xs\:align-baseline {
    vertical-align: baseline;
  }

  .xs\:align-top {
    vertical-align: top;
  }

  .xs\:align-middle {
    vertical-align: middle;
  }

  .xs\:align-bottom {
    vertical-align: bottom;
  }

  .xs\:align-text-top {
    vertical-align: text-top;
  }

  .xs\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .xs\:visible {
    visibility: visible;
  }

  .xs\:invisible {
    visibility: hidden;
  }

  .xs\:whitespace-normal {
    white-space: normal;
  }

  .xs\:whitespace-no-wrap {
    white-space: nowrap;
  }

  .xs\:whitespace-pre {
    white-space: pre;
  }

  .xs\:whitespace-pre-line {
    white-space: pre-line;
  }

  .xs\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .xs\:break-normal {
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .xs\:break-words {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .xs\:break-all {
    word-break: break-all;
  }

  .xs\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .xs\:w-0 {
    width: 0;
  }

  .xs\:w-1 {
    width: 0.25rem;
  }

  .xs\:w-2 {
    width: 0.5rem;
  }

  .xs\:w-3 {
    width: 0.75rem;
  }

  .xs\:w-4 {
    width: 1rem;
  }

  .xs\:w-5 {
    width: 1.25rem;
  }

  .xs\:w-6 {
    width: 1.5rem;
  }

  .xs\:w-8 {
    width: 2rem;
  }

  .xs\:w-10 {
    width: 2.5rem;
  }

  .xs\:w-12 {
    width: 3rem;
  }

  .xs\:w-16 {
    width: 4rem;
  }

  .xs\:w-20 {
    width: 5rem;
  }

  .xs\:w-24 {
    width: 6rem;
  }

  .xs\:w-32 {
    width: 8rem;
  }

  .xs\:w-40 {
    width: 10rem;
  }

  .xs\:w-48 {
    width: 12rem;
  }

  .xs\:w-56 {
    width: 14rem;
  }

  .xs\:w-64 {
    width: 16rem;
  }

  .xs\:w-auto {
    width: auto;
  }

  .xs\:w-px {
    width: 1px;
  }

  .xs\:w-1\/2 {
    width: 50%;
  }

  .xs\:w-1\/3 {
    width: 33.333333%;
  }

  .xs\:w-2\/3 {
    width: 66.666667%;
  }

  .xs\:w-1\/4 {
    width: 25%;
  }

  .xs\:w-2\/4 {
    width: 50%;
  }

  .xs\:w-3\/4 {
    width: 75%;
  }

  .xs\:w-1\/5 {
    width: 20%;
  }

  .xs\:w-2\/5 {
    width: 40%;
  }

  .xs\:w-3\/5 {
    width: 60%;
  }

  .xs\:w-4\/5 {
    width: 80%;
  }

  .xs\:w-1\/6 {
    width: 16.666667%;
  }

  .xs\:w-2\/6 {
    width: 33.333333%;
  }

  .xs\:w-3\/6 {
    width: 50%;
  }

  .xs\:w-4\/6 {
    width: 66.666667%;
  }

  .xs\:w-5\/6 {
    width: 83.333333%;
  }

  .xs\:w-1\/12 {
    width: 8.333333%;
  }

  .xs\:w-2\/12 {
    width: 16.666667%;
  }

  .xs\:w-3\/12 {
    width: 25%;
  }

  .xs\:w-4\/12 {
    width: 33.333333%;
  }

  .xs\:w-5\/12 {
    width: 41.666667%;
  }

  .xs\:w-6\/12 {
    width: 50%;
  }

  .xs\:w-7\/12 {
    width: 58.333333%;
  }

  .xs\:w-8\/12 {
    width: 66.666667%;
  }

  .xs\:w-9\/12 {
    width: 75%;
  }

  .xs\:w-10\/12 {
    width: 83.333333%;
  }

  .xs\:w-11\/12 {
    width: 91.666667%;
  }

  .xs\:w-full {
    width: 100%;
  }

  .xs\:w-screen {
    width: 100vw;
  }

  .xs\:z-0 {
    z-index: 0;
  }

  .xs\:z-10 {
    z-index: 10;
  }

  .xs\:z-20 {
    z-index: 20;
  }

  .xs\:z-30 {
    z-index: 30;
  }

  .xs\:z-40 {
    z-index: 40;
  }

  .xs\:z-50 {
    z-index: 50;
  }

  .xs\:z-auto {
    z-index: auto;
  }

  .xs\:gap-0 {
    grid-gap: 0;
    gap: 0;
  }

  .xs\:gap-1 {
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  .xs\:gap-2 {
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .xs\:gap-3 {
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  .xs\:gap-4 {
    grid-gap: 1rem;
    gap: 1rem;
  }

  .xs\:gap-5 {
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  .xs\:gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  .xs\:gap-8 {
    grid-gap: 2rem;
    gap: 2rem;
  }

  .xs\:gap-10 {
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  .xs\:gap-12 {
    grid-gap: 3rem;
    gap: 3rem;
  }

  .xs\:gap-16 {
    grid-gap: 4rem;
    gap: 4rem;
  }

  .xs\:gap-20 {
    grid-gap: 5rem;
    gap: 5rem;
  }

  .xs\:gap-24 {
    grid-gap: 6rem;
    gap: 6rem;
  }

  .xs\:gap-32 {
    grid-gap: 8rem;
    gap: 8rem;
  }

  .xs\:gap-40 {
    grid-gap: 10rem;
    gap: 10rem;
  }

  .xs\:gap-48 {
    grid-gap: 12rem;
    gap: 12rem;
  }

  .xs\:gap-56 {
    grid-gap: 14rem;
    gap: 14rem;
  }

  .xs\:gap-64 {
    grid-gap: 16rem;
    gap: 16rem;
  }

  .xs\:gap-px {
    grid-gap: 1px;
    gap: 1px;
  }

  .xs\:col-gap-0 {
    grid-column-gap: 0;
    column-gap: 0;
  }

  .xs\:col-gap-1 {
    grid-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }

  .xs\:col-gap-2 {
    grid-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .xs\:col-gap-3 {
    grid-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  .xs\:col-gap-4 {
    grid-column-gap: 1rem;
    column-gap: 1rem;
  }

  .xs\:col-gap-5 {
    grid-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .xs\:col-gap-6 {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .xs\:col-gap-8 {
    grid-column-gap: 2rem;
    column-gap: 2rem;
  }

  .xs\:col-gap-10 {
    grid-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .xs\:col-gap-12 {
    grid-column-gap: 3rem;
    column-gap: 3rem;
  }

  .xs\:col-gap-16 {
    grid-column-gap: 4rem;
    column-gap: 4rem;
  }

  .xs\:col-gap-20 {
    grid-column-gap: 5rem;
    column-gap: 5rem;
  }

  .xs\:col-gap-24 {
    grid-column-gap: 6rem;
    column-gap: 6rem;
  }

  .xs\:col-gap-32 {
    grid-column-gap: 8rem;
    column-gap: 8rem;
  }

  .xs\:col-gap-40 {
    grid-column-gap: 10rem;
    column-gap: 10rem;
  }

  .xs\:col-gap-48 {
    grid-column-gap: 12rem;
    column-gap: 12rem;
  }

  .xs\:col-gap-56 {
    grid-column-gap: 14rem;
    column-gap: 14rem;
  }

  .xs\:col-gap-64 {
    grid-column-gap: 16rem;
    column-gap: 16rem;
  }

  .xs\:col-gap-px {
    grid-column-gap: 1px;
    column-gap: 1px;
  }

  .xs\:gap-x-0 {
    grid-column-gap: 0;
    column-gap: 0;
  }

  .xs\:gap-x-1 {
    grid-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }

  .xs\:gap-x-2 {
    grid-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .xs\:gap-x-3 {
    grid-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  .xs\:gap-x-4 {
    grid-column-gap: 1rem;
    column-gap: 1rem;
  }

  .xs\:gap-x-5 {
    grid-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .xs\:gap-x-6 {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .xs\:gap-x-8 {
    grid-column-gap: 2rem;
    column-gap: 2rem;
  }

  .xs\:gap-x-10 {
    grid-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .xs\:gap-x-12 {
    grid-column-gap: 3rem;
    column-gap: 3rem;
  }

  .xs\:gap-x-16 {
    grid-column-gap: 4rem;
    column-gap: 4rem;
  }

  .xs\:gap-x-20 {
    grid-column-gap: 5rem;
    column-gap: 5rem;
  }

  .xs\:gap-x-24 {
    grid-column-gap: 6rem;
    column-gap: 6rem;
  }

  .xs\:gap-x-32 {
    grid-column-gap: 8rem;
    column-gap: 8rem;
  }

  .xs\:gap-x-40 {
    grid-column-gap: 10rem;
    column-gap: 10rem;
  }

  .xs\:gap-x-48 {
    grid-column-gap: 12rem;
    column-gap: 12rem;
  }

  .xs\:gap-x-56 {
    grid-column-gap: 14rem;
    column-gap: 14rem;
  }

  .xs\:gap-x-64 {
    grid-column-gap: 16rem;
    column-gap: 16rem;
  }

  .xs\:gap-x-px {
    grid-column-gap: 1px;
    column-gap: 1px;
  }

  .xs\:row-gap-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

  .xs\:row-gap-1 {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .xs\:row-gap-2 {
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .xs\:row-gap-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .xs\:row-gap-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .xs\:row-gap-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .xs\:row-gap-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .xs\:row-gap-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .xs\:row-gap-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .xs\:row-gap-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .xs\:row-gap-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .xs\:row-gap-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .xs\:row-gap-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .xs\:row-gap-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .xs\:row-gap-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .xs\:row-gap-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .xs\:row-gap-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .xs\:row-gap-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .xs\:row-gap-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .xs\:gap-y-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

  .xs\:gap-y-1 {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .xs\:gap-y-2 {
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .xs\:gap-y-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .xs\:gap-y-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .xs\:gap-y-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .xs\:gap-y-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .xs\:gap-y-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .xs\:gap-y-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .xs\:gap-y-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .xs\:gap-y-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .xs\:gap-y-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .xs\:gap-y-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .xs\:gap-y-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .xs\:gap-y-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .xs\:gap-y-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .xs\:gap-y-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .xs\:gap-y-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .xs\:gap-y-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .xs\:grid-flow-row {
    grid-auto-flow: row;
  }

  .xs\:grid-flow-col {
    grid-auto-flow: column;
  }

  .xs\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .xs\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .xs\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .xs\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xs\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xs\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xs\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xs\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xs\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .xs\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .xs\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .xs\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .xs\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .xs\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .xs\:grid-cols-none {
    grid-template-columns: none;
  }

  .xs\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  .xs\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  .xs\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  .xs\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .xs\:col-auto {
    grid-column: auto;
  }

  .xs\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .xs\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xs\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xs\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xs\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .xs\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .xs\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .xs\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .xs\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .xs\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .xs\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .xs\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .xs\:col-span-full {
    grid-column: 1 / -1;
  }

  .xs\:col-start-1 {
    grid-column-start: 1;
  }

  .xs\:col-start-2 {
    grid-column-start: 2;
  }

  .xs\:col-start-3 {
    grid-column-start: 3;
  }

  .xs\:col-start-4 {
    grid-column-start: 4;
  }

  .xs\:col-start-5 {
    grid-column-start: 5;
  }

  .xs\:col-start-6 {
    grid-column-start: 6;
  }

  .xs\:col-start-7 {
    grid-column-start: 7;
  }

  .xs\:col-start-8 {
    grid-column-start: 8;
  }

  .xs\:col-start-9 {
    grid-column-start: 9;
  }

  .xs\:col-start-10 {
    grid-column-start: 10;
  }

  .xs\:col-start-11 {
    grid-column-start: 11;
  }

  .xs\:col-start-12 {
    grid-column-start: 12;
  }

  .xs\:col-start-13 {
    grid-column-start: 13;
  }

  .xs\:col-start-auto {
    grid-column-start: auto;
  }

  .xs\:col-end-1 {
    grid-column-end: 1;
  }

  .xs\:col-end-2 {
    grid-column-end: 2;
  }

  .xs\:col-end-3 {
    grid-column-end: 3;
  }

  .xs\:col-end-4 {
    grid-column-end: 4;
  }

  .xs\:col-end-5 {
    grid-column-end: 5;
  }

  .xs\:col-end-6 {
    grid-column-end: 6;
  }

  .xs\:col-end-7 {
    grid-column-end: 7;
  }

  .xs\:col-end-8 {
    grid-column-end: 8;
  }

  .xs\:col-end-9 {
    grid-column-end: 9;
  }

  .xs\:col-end-10 {
    grid-column-end: 10;
  }

  .xs\:col-end-11 {
    grid-column-end: 11;
  }

  .xs\:col-end-12 {
    grid-column-end: 12;
  }

  .xs\:col-end-13 {
    grid-column-end: 13;
  }

  .xs\:col-end-auto {
    grid-column-end: auto;
  }

  .xs\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .xs\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .xs\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .xs\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .xs\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .xs\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .xs\:grid-rows-none {
    grid-template-rows: none;
  }

  .xs\:auto-rows-auto {
    grid-auto-rows: auto;
  }

  .xs\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  .xs\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  .xs\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .xs\:row-auto {
    grid-row: auto;
  }

  .xs\:row-span-1 {
    grid-row: span 1 / span 1;
  }

  .xs\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .xs\:row-span-3 {
    grid-row: span 3 / span 3;
  }

  .xs\:row-span-4 {
    grid-row: span 4 / span 4;
  }

  .xs\:row-span-5 {
    grid-row: span 5 / span 5;
  }

  .xs\:row-span-6 {
    grid-row: span 6 / span 6;
  }

  .xs\:row-span-full {
    grid-row: 1 / -1;
  }

  .xs\:row-start-1 {
    grid-row-start: 1;
  }

  .xs\:row-start-2 {
    grid-row-start: 2;
  }

  .xs\:row-start-3 {
    grid-row-start: 3;
  }

  .xs\:row-start-4 {
    grid-row-start: 4;
  }

  .xs\:row-start-5 {
    grid-row-start: 5;
  }

  .xs\:row-start-6 {
    grid-row-start: 6;
  }

  .xs\:row-start-7 {
    grid-row-start: 7;
  }

  .xs\:row-start-auto {
    grid-row-start: auto;
  }

  .xs\:row-end-1 {
    grid-row-end: 1;
  }

  .xs\:row-end-2 {
    grid-row-end: 2;
  }

  .xs\:row-end-3 {
    grid-row-end: 3;
  }

  .xs\:row-end-4 {
    grid-row-end: 4;
  }

  .xs\:row-end-5 {
    grid-row-end: 5;
  }

  .xs\:row-end-6 {
    grid-row-end: 6;
  }

  .xs\:row-end-7 {
    grid-row-end: 7;
  }

  .xs\:row-end-auto {
    grid-row-end: auto;
  }

  .xs\:transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    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));
  }

  .xs\:transform-none {
    transform: none;
  }

  .xs\:origin-center {
    transform-origin: center;
  }

  .xs\:origin-top {
    transform-origin: top;
  }

  .xs\:origin-top-right {
    transform-origin: top right;
  }

  .xs\:origin-right {
    transform-origin: right;
  }

  .xs\:origin-bottom-right {
    transform-origin: bottom right;
  }

  .xs\:origin-bottom {
    transform-origin: bottom;
  }

  .xs\:origin-bottom-left {
    transform-origin: bottom left;
  }

  .xs\:origin-left {
    transform-origin: left;
  }

  .xs\:origin-top-left {
    transform-origin: top left;
  }

  .xs\:scale-0 {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .xs\:scale-50 {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .xs\:scale-75 {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .xs\:scale-90 {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .xs\:scale-95 {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .xs\:scale-100 {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .xs\:scale-105 {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .xs\:scale-110 {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .xs\:scale-125 {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .xs\:scale-150 {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .xs\:scale-x-0 {
    --transform-scale-x: 0;
  }

  .xs\:scale-x-50 {
    --transform-scale-x: .5;
  }

  .xs\:scale-x-75 {
    --transform-scale-x: .75;
  }

  .xs\:scale-x-90 {
    --transform-scale-x: .9;
  }

  .xs\:scale-x-95 {
    --transform-scale-x: .95;
  }

  .xs\:scale-x-100 {
    --transform-scale-x: 1;
  }

  .xs\:scale-x-105 {
    --transform-scale-x: 1.05;
  }

  .xs\:scale-x-110 {
    --transform-scale-x: 1.1;
  }

  .xs\:scale-x-125 {
    --transform-scale-x: 1.25;
  }

  .xs\:scale-x-150 {
    --transform-scale-x: 1.5;
  }

  .xs\:scale-y-0 {
    --transform-scale-y: 0;
  }

  .xs\:scale-y-50 {
    --transform-scale-y: .5;
  }

  .xs\:scale-y-75 {
    --transform-scale-y: .75;
  }

  .xs\:scale-y-90 {
    --transform-scale-y: .9;
  }

  .xs\:scale-y-95 {
    --transform-scale-y: .95;
  }

  .xs\:scale-y-100 {
    --transform-scale-y: 1;
  }

  .xs\:scale-y-105 {
    --transform-scale-y: 1.05;
  }

  .xs\:scale-y-110 {
    --transform-scale-y: 1.1;
  }

  .xs\:scale-y-125 {
    --transform-scale-y: 1.25;
  }

  .xs\:scale-y-150 {
    --transform-scale-y: 1.5;
  }

  .xs\:hover\:scale-0:hover {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .xs\:hover\:scale-50:hover {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .xs\:hover\:scale-75:hover {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .xs\:hover\:scale-90:hover {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .xs\:hover\:scale-95:hover {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .xs\:hover\:scale-100:hover {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .xs\:hover\:scale-105:hover {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .xs\:hover\:scale-110:hover {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .xs\:hover\:scale-125:hover {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .xs\:hover\:scale-150:hover {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .xs\:hover\:scale-x-0:hover {
    --transform-scale-x: 0;
  }

  .xs\:hover\:scale-x-50:hover {
    --transform-scale-x: .5;
  }

  .xs\:hover\:scale-x-75:hover {
    --transform-scale-x: .75;
  }

  .xs\:hover\:scale-x-90:hover {
    --transform-scale-x: .9;
  }

  .xs\:hover\:scale-x-95:hover {
    --transform-scale-x: .95;
  }

  .xs\:hover\:scale-x-100:hover {
    --transform-scale-x: 1;
  }

  .xs\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05;
  }

  .xs\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1;
  }

  .xs\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25;
  }

  .xs\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5;
  }

  .xs\:hover\:scale-y-0:hover {
    --transform-scale-y: 0;
  }

  .xs\:hover\:scale-y-50:hover {
    --transform-scale-y: .5;
  }

  .xs\:hover\:scale-y-75:hover {
    --transform-scale-y: .75;
  }

  .xs\:hover\:scale-y-90:hover {
    --transform-scale-y: .9;
  }

  .xs\:hover\:scale-y-95:hover {
    --transform-scale-y: .95;
  }

  .xs\:hover\:scale-y-100:hover {
    --transform-scale-y: 1;
  }

  .xs\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05;
  }

  .xs\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1;
  }

  .xs\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25;
  }

  .xs\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5;
  }

  .xs\:focus\:scale-0:focus {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .xs\:focus\:scale-50:focus {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .xs\:focus\:scale-75:focus {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .xs\:focus\:scale-90:focus {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .xs\:focus\:scale-95:focus {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .xs\:focus\:scale-100:focus {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .xs\:focus\:scale-105:focus {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .xs\:focus\:scale-110:focus {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .xs\:focus\:scale-125:focus {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .xs\:focus\:scale-150:focus {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .xs\:focus\:scale-x-0:focus {
    --transform-scale-x: 0;
  }

  .xs\:focus\:scale-x-50:focus {
    --transform-scale-x: .5;
  }

  .xs\:focus\:scale-x-75:focus {
    --transform-scale-x: .75;
  }

  .xs\:focus\:scale-x-90:focus {
    --transform-scale-x: .9;
  }

  .xs\:focus\:scale-x-95:focus {
    --transform-scale-x: .95;
  }

  .xs\:focus\:scale-x-100:focus {
    --transform-scale-x: 1;
  }

  .xs\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05;
  }

  .xs\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1;
  }

  .xs\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25;
  }

  .xs\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5;
  }

  .xs\:focus\:scale-y-0:focus {
    --transform-scale-y: 0;
  }

  .xs\:focus\:scale-y-50:focus {
    --transform-scale-y: .5;
  }

  .xs\:focus\:scale-y-75:focus {
    --transform-scale-y: .75;
  }

  .xs\:focus\:scale-y-90:focus {
    --transform-scale-y: .9;
  }

  .xs\:focus\:scale-y-95:focus {
    --transform-scale-y: .95;
  }

  .xs\:focus\:scale-y-100:focus {
    --transform-scale-y: 1;
  }

  .xs\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05;
  }

  .xs\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1;
  }

  .xs\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25;
  }

  .xs\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5;
  }

  .xs\:rotate-0 {
    --transform-rotate: 0;
  }

  .xs\:rotate-1 {
    --transform-rotate: 1deg;
  }

  .xs\:rotate-2 {
    --transform-rotate: 2deg;
  }

  .xs\:rotate-3 {
    --transform-rotate: 3deg;
  }

  .xs\:rotate-6 {
    --transform-rotate: 6deg;
  }

  .xs\:rotate-12 {
    --transform-rotate: 12deg;
  }

  .xs\:rotate-45 {
    --transform-rotate: 45deg;
  }

  .xs\:rotate-90 {
    --transform-rotate: 90deg;
  }

  .xs\:rotate-180 {
    --transform-rotate: 180deg;
  }

  .xs\:-rotate-180 {
    --transform-rotate: -180deg;
  }

  .xs\:-rotate-90 {
    --transform-rotate: -90deg;
  }

  .xs\:-rotate-45 {
    --transform-rotate: -45deg;
  }

  .xs\:-rotate-12 {
    --transform-rotate: -12deg;
  }

  .xs\:-rotate-6 {
    --transform-rotate: -6deg;
  }

  .xs\:-rotate-3 {
    --transform-rotate: -3deg;
  }

  .xs\:-rotate-2 {
    --transform-rotate: -2deg;
  }

  .xs\:-rotate-1 {
    --transform-rotate: -1deg;
  }

  .xs\:hover\:rotate-0:hover {
    --transform-rotate: 0;
  }

  .xs\:hover\:rotate-1:hover {
    --transform-rotate: 1deg;
  }

  .xs\:hover\:rotate-2:hover {
    --transform-rotate: 2deg;
  }

  .xs\:hover\:rotate-3:hover {
    --transform-rotate: 3deg;
  }

  .xs\:hover\:rotate-6:hover {
    --transform-rotate: 6deg;
  }

  .xs\:hover\:rotate-12:hover {
    --transform-rotate: 12deg;
  }

  .xs\:hover\:rotate-45:hover {
    --transform-rotate: 45deg;
  }

  .xs\:hover\:rotate-90:hover {
    --transform-rotate: 90deg;
  }

  .xs\:hover\:rotate-180:hover {
    --transform-rotate: 180deg;
  }

  .xs\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg;
  }

  .xs\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg;
  }

  .xs\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg;
  }

  .xs\:hover\:-rotate-12:hover {
    --transform-rotate: -12deg;
  }

  .xs\:hover\:-rotate-6:hover {
    --transform-rotate: -6deg;
  }

  .xs\:hover\:-rotate-3:hover {
    --transform-rotate: -3deg;
  }

  .xs\:hover\:-rotate-2:hover {
    --transform-rotate: -2deg;
  }

  .xs\:hover\:-rotate-1:hover {
    --transform-rotate: -1deg;
  }

  .xs\:focus\:rotate-0:focus {
    --transform-rotate: 0;
  }

  .xs\:focus\:rotate-1:focus {
    --transform-rotate: 1deg;
  }

  .xs\:focus\:rotate-2:focus {
    --transform-rotate: 2deg;
  }

  .xs\:focus\:rotate-3:focus {
    --transform-rotate: 3deg;
  }

  .xs\:focus\:rotate-6:focus {
    --transform-rotate: 6deg;
  }

  .xs\:focus\:rotate-12:focus {
    --transform-rotate: 12deg;
  }

  .xs\:focus\:rotate-45:focus {
    --transform-rotate: 45deg;
  }

  .xs\:focus\:rotate-90:focus {
    --transform-rotate: 90deg;
  }

  .xs\:focus\:rotate-180:focus {
    --transform-rotate: 180deg;
  }

  .xs\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg;
  }

  .xs\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg;
  }

  .xs\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg;
  }

  .xs\:focus\:-rotate-12:focus {
    --transform-rotate: -12deg;
  }

  .xs\:focus\:-rotate-6:focus {
    --transform-rotate: -6deg;
  }

  .xs\:focus\:-rotate-3:focus {
    --transform-rotate: -3deg;
  }

  .xs\:focus\:-rotate-2:focus {
    --transform-rotate: -2deg;
  }

  .xs\:focus\:-rotate-1:focus {
    --transform-rotate: -1deg;
  }

  .xs\:translate-x-0 {
    --transform-translate-x: 0;
  }

  .xs\:translate-x-1 {
    --transform-translate-x: 0.25rem;
  }

  .xs\:translate-x-2 {
    --transform-translate-x: 0.5rem;
  }

  .xs\:translate-x-3 {
    --transform-translate-x: 0.75rem;
  }

  .xs\:translate-x-4 {
    --transform-translate-x: 1rem;
  }

  .xs\:translate-x-5 {
    --transform-translate-x: 1.25rem;
  }

  .xs\:translate-x-6 {
    --transform-translate-x: 1.5rem;
  }

  .xs\:translate-x-8 {
    --transform-translate-x: 2rem;
  }

  .xs\:translate-x-10 {
    --transform-translate-x: 2.5rem;
  }

  .xs\:translate-x-12 {
    --transform-translate-x: 3rem;
  }

  .xs\:translate-x-16 {
    --transform-translate-x: 4rem;
  }

  .xs\:translate-x-20 {
    --transform-translate-x: 5rem;
  }

  .xs\:translate-x-24 {
    --transform-translate-x: 6rem;
  }

  .xs\:translate-x-32 {
    --transform-translate-x: 8rem;
  }

  .xs\:translate-x-40 {
    --transform-translate-x: 10rem;
  }

  .xs\:translate-x-48 {
    --transform-translate-x: 12rem;
  }

  .xs\:translate-x-56 {
    --transform-translate-x: 14rem;
  }

  .xs\:translate-x-64 {
    --transform-translate-x: 16rem;
  }

  .xs\:translate-x-px {
    --transform-translate-x: 1px;
  }

  .xs\:-translate-x-1 {
    --transform-translate-x: -0.25rem;
  }

  .xs\:-translate-x-2 {
    --transform-translate-x: -0.5rem;
  }

  .xs\:-translate-x-3 {
    --transform-translate-x: -0.75rem;
  }

  .xs\:-translate-x-4 {
    --transform-translate-x: -1rem;
  }

  .xs\:-translate-x-5 {
    --transform-translate-x: -1.25rem;
  }

  .xs\:-translate-x-6 {
    --transform-translate-x: -1.5rem;
  }

  .xs\:-translate-x-8 {
    --transform-translate-x: -2rem;
  }

  .xs\:-translate-x-10 {
    --transform-translate-x: -2.5rem;
  }

  .xs\:-translate-x-12 {
    --transform-translate-x: -3rem;
  }

  .xs\:-translate-x-16 {
    --transform-translate-x: -4rem;
  }

  .xs\:-translate-x-20 {
    --transform-translate-x: -5rem;
  }

  .xs\:-translate-x-24 {
    --transform-translate-x: -6rem;
  }

  .xs\:-translate-x-32 {
    --transform-translate-x: -8rem;
  }

  .xs\:-translate-x-40 {
    --transform-translate-x: -10rem;
  }

  .xs\:-translate-x-48 {
    --transform-translate-x: -12rem;
  }

  .xs\:-translate-x-56 {
    --transform-translate-x: -14rem;
  }

  .xs\:-translate-x-64 {
    --transform-translate-x: -16rem;
  }

  .xs\:-translate-x-px {
    --transform-translate-x: -1px;
  }

  .xs\:-translate-x-full {
    --transform-translate-x: -100%;
  }

  .xs\:-translate-x-1\/2 {
    --transform-translate-x: -50%;
  }

  .xs\:translate-x-1\/2 {
    --transform-translate-x: 50%;
  }

  .xs\:translate-x-full {
    --transform-translate-x: 100%;
  }

  .xs\:translate-y-0 {
    --transform-translate-y: 0;
  }

  .xs\:translate-y-1 {
    --transform-translate-y: 0.25rem;
  }

  .xs\:translate-y-2 {
    --transform-translate-y: 0.5rem;
  }

  .xs\:translate-y-3 {
    --transform-translate-y: 0.75rem;
  }

  .xs\:translate-y-4 {
    --transform-translate-y: 1rem;
  }

  .xs\:translate-y-5 {
    --transform-translate-y: 1.25rem;
  }

  .xs\:translate-y-6 {
    --transform-translate-y: 1.5rem;
  }

  .xs\:translate-y-8 {
    --transform-translate-y: 2rem;
  }

  .xs\:translate-y-10 {
    --transform-translate-y: 2.5rem;
  }

  .xs\:translate-y-12 {
    --transform-translate-y: 3rem;
  }

  .xs\:translate-y-16 {
    --transform-translate-y: 4rem;
  }

  .xs\:translate-y-20 {
    --transform-translate-y: 5rem;
  }

  .xs\:translate-y-24 {
    --transform-translate-y: 6rem;
  }

  .xs\:translate-y-32 {
    --transform-translate-y: 8rem;
  }

  .xs\:translate-y-40 {
    --transform-translate-y: 10rem;
  }

  .xs\:translate-y-48 {
    --transform-translate-y: 12rem;
  }

  .xs\:translate-y-56 {
    --transform-translate-y: 14rem;
  }

  .xs\:translate-y-64 {
    --transform-translate-y: 16rem;
  }

  .xs\:translate-y-px {
    --transform-translate-y: 1px;
  }

  .xs\:-translate-y-1 {
    --transform-translate-y: -0.25rem;
  }

  .xs\:-translate-y-2 {
    --transform-translate-y: -0.5rem;
  }

  .xs\:-translate-y-3 {
    --transform-translate-y: -0.75rem;
  }

  .xs\:-translate-y-4 {
    --transform-translate-y: -1rem;
  }

  .xs\:-translate-y-5 {
    --transform-translate-y: -1.25rem;
  }

  .xs\:-translate-y-6 {
    --transform-translate-y: -1.5rem;
  }

  .xs\:-translate-y-8 {
    --transform-translate-y: -2rem;
  }

  .xs\:-translate-y-10 {
    --transform-translate-y: -2.5rem;
  }

  .xs\:-translate-y-12 {
    --transform-translate-y: -3rem;
  }

  .xs\:-translate-y-16 {
    --transform-translate-y: -4rem;
  }

  .xs\:-translate-y-20 {
    --transform-translate-y: -5rem;
  }

  .xs\:-translate-y-24 {
    --transform-translate-y: -6rem;
  }

  .xs\:-translate-y-32 {
    --transform-translate-y: -8rem;
  }

  .xs\:-translate-y-40 {
    --transform-translate-y: -10rem;
  }

  .xs\:-translate-y-48 {
    --transform-translate-y: -12rem;
  }

  .xs\:-translate-y-56 {
    --transform-translate-y: -14rem;
  }

  .xs\:-translate-y-64 {
    --transform-translate-y: -16rem;
  }

  .xs\:-translate-y-px {
    --transform-translate-y: -1px;
  }

  .xs\:-translate-y-full {
    --transform-translate-y: -100%;
  }

  .xs\:-translate-y-1\/2 {
    --transform-translate-y: -50%;
  }

  .xs\:translate-y-1\/2 {
    --transform-translate-y: 50%;
  }

  .xs\:translate-y-full {
    --transform-translate-y: 100%;
  }

  .xs\:hover\:translate-x-0:hover {
    --transform-translate-x: 0;
  }

  .xs\:hover\:translate-x-1:hover {
    --transform-translate-x: 0.25rem;
  }

  .xs\:hover\:translate-x-2:hover {
    --transform-translate-x: 0.5rem;
  }

  .xs\:hover\:translate-x-3:hover {
    --transform-translate-x: 0.75rem;
  }

  .xs\:hover\:translate-x-4:hover {
    --transform-translate-x: 1rem;
  }

  .xs\:hover\:translate-x-5:hover {
    --transform-translate-x: 1.25rem;
  }

  .xs\:hover\:translate-x-6:hover {
    --transform-translate-x: 1.5rem;
  }

  .xs\:hover\:translate-x-8:hover {
    --transform-translate-x: 2rem;
  }

  .xs\:hover\:translate-x-10:hover {
    --transform-translate-x: 2.5rem;
  }

  .xs\:hover\:translate-x-12:hover {
    --transform-translate-x: 3rem;
  }

  .xs\:hover\:translate-x-16:hover {
    --transform-translate-x: 4rem;
  }

  .xs\:hover\:translate-x-20:hover {
    --transform-translate-x: 5rem;
  }

  .xs\:hover\:translate-x-24:hover {
    --transform-translate-x: 6rem;
  }

  .xs\:hover\:translate-x-32:hover {
    --transform-translate-x: 8rem;
  }

  .xs\:hover\:translate-x-40:hover {
    --transform-translate-x: 10rem;
  }

  .xs\:hover\:translate-x-48:hover {
    --transform-translate-x: 12rem;
  }

  .xs\:hover\:translate-x-56:hover {
    --transform-translate-x: 14rem;
  }

  .xs\:hover\:translate-x-64:hover {
    --transform-translate-x: 16rem;
  }

  .xs\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px;
  }

  .xs\:hover\:-translate-x-1:hover {
    --transform-translate-x: -0.25rem;
  }

  .xs\:hover\:-translate-x-2:hover {
    --transform-translate-x: -0.5rem;
  }

  .xs\:hover\:-translate-x-3:hover {
    --transform-translate-x: -0.75rem;
  }

  .xs\:hover\:-translate-x-4:hover {
    --transform-translate-x: -1rem;
  }

  .xs\:hover\:-translate-x-5:hover {
    --transform-translate-x: -1.25rem;
  }

  .xs\:hover\:-translate-x-6:hover {
    --transform-translate-x: -1.5rem;
  }

  .xs\:hover\:-translate-x-8:hover {
    --transform-translate-x: -2rem;
  }

  .xs\:hover\:-translate-x-10:hover {
    --transform-translate-x: -2.5rem;
  }

  .xs\:hover\:-translate-x-12:hover {
    --transform-translate-x: -3rem;
  }

  .xs\:hover\:-translate-x-16:hover {
    --transform-translate-x: -4rem;
  }

  .xs\:hover\:-translate-x-20:hover {
    --transform-translate-x: -5rem;
  }

  .xs\:hover\:-translate-x-24:hover {
    --transform-translate-x: -6rem;
  }

  .xs\:hover\:-translate-x-32:hover {
    --transform-translate-x: -8rem;
  }

  .xs\:hover\:-translate-x-40:hover {
    --transform-translate-x: -10rem;
  }

  .xs\:hover\:-translate-x-48:hover {
    --transform-translate-x: -12rem;
  }

  .xs\:hover\:-translate-x-56:hover {
    --transform-translate-x: -14rem;
  }

  .xs\:hover\:-translate-x-64:hover {
    --transform-translate-x: -16rem;
  }

  .xs\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px;
  }

  .xs\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100%;
  }

  .xs\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50%;
  }

  .xs\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50%;
  }

  .xs\:hover\:translate-x-full:hover {
    --transform-translate-x: 100%;
  }

  .xs\:hover\:translate-y-0:hover {
    --transform-translate-y: 0;
  }

  .xs\:hover\:translate-y-1:hover {
    --transform-translate-y: 0.25rem;
  }

  .xs\:hover\:translate-y-2:hover {
    --transform-translate-y: 0.5rem;
  }

  .xs\:hover\:translate-y-3:hover {
    --transform-translate-y: 0.75rem;
  }

  .xs\:hover\:translate-y-4:hover {
    --transform-translate-y: 1rem;
  }

  .xs\:hover\:translate-y-5:hover {
    --transform-translate-y: 1.25rem;
  }

  .xs\:hover\:translate-y-6:hover {
    --transform-translate-y: 1.5rem;
  }

  .xs\:hover\:translate-y-8:hover {
    --transform-translate-y: 2rem;
  }

  .xs\:hover\:translate-y-10:hover {
    --transform-translate-y: 2.5rem;
  }

  .xs\:hover\:translate-y-12:hover {
    --transform-translate-y: 3rem;
  }

  .xs\:hover\:translate-y-16:hover {
    --transform-translate-y: 4rem;
  }

  .xs\:hover\:translate-y-20:hover {
    --transform-translate-y: 5rem;
  }

  .xs\:hover\:translate-y-24:hover {
    --transform-translate-y: 6rem;
  }

  .xs\:hover\:translate-y-32:hover {
    --transform-translate-y: 8rem;
  }

  .xs\:hover\:translate-y-40:hover {
    --transform-translate-y: 10rem;
  }

  .xs\:hover\:translate-y-48:hover {
    --transform-translate-y: 12rem;
  }

  .xs\:hover\:translate-y-56:hover {
    --transform-translate-y: 14rem;
  }

  .xs\:hover\:translate-y-64:hover {
    --transform-translate-y: 16rem;
  }

  .xs\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px;
  }

  .xs\:hover\:-translate-y-1:hover {
    --transform-translate-y: -0.25rem;
  }

  .xs\:hover\:-translate-y-2:hover {
    --transform-translate-y: -0.5rem;
  }

  .xs\:hover\:-translate-y-3:hover {
    --transform-translate-y: -0.75rem;
  }

  .xs\:hover\:-translate-y-4:hover {
    --transform-translate-y: -1rem;
  }

  .xs\:hover\:-translate-y-5:hover {
    --transform-translate-y: -1.25rem;
  }

  .xs\:hover\:-translate-y-6:hover {
    --transform-translate-y: -1.5rem;
  }

  .xs\:hover\:-translate-y-8:hover {
    --transform-translate-y: -2rem;
  }

  .xs\:hover\:-translate-y-10:hover {
    --transform-translate-y: -2.5rem;
  }

  .xs\:hover\:-translate-y-12:hover {
    --transform-translate-y: -3rem;
  }

  .xs\:hover\:-translate-y-16:hover {
    --transform-translate-y: -4rem;
  }

  .xs\:hover\:-translate-y-20:hover {
    --transform-translate-y: -5rem;
  }

  .xs\:hover\:-translate-y-24:hover {
    --transform-translate-y: -6rem;
  }

  .xs\:hover\:-translate-y-32:hover {
    --transform-translate-y: -8rem;
  }

  .xs\:hover\:-translate-y-40:hover {
    --transform-translate-y: -10rem;
  }

  .xs\:hover\:-translate-y-48:hover {
    --transform-translate-y: -12rem;
  }

  .xs\:hover\:-translate-y-56:hover {
    --transform-translate-y: -14rem;
  }

  .xs\:hover\:-translate-y-64:hover {
    --transform-translate-y: -16rem;
  }

  .xs\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px;
  }

  .xs\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100%;
  }

  .xs\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50%;
  }

  .xs\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50%;
  }

  .xs\:hover\:translate-y-full:hover {
    --transform-translate-y: 100%;
  }

  .xs\:focus\:translate-x-0:focus {
    --transform-translate-x: 0;
  }

  .xs\:focus\:translate-x-1:focus {
    --transform-translate-x: 0.25rem;
  }

  .xs\:focus\:translate-x-2:focus {
    --transform-translate-x: 0.5rem;
  }

  .xs\:focus\:translate-x-3:focus {
    --transform-translate-x: 0.75rem;
  }

  .xs\:focus\:translate-x-4:focus {
    --transform-translate-x: 1rem;
  }

  .xs\:focus\:translate-x-5:focus {
    --transform-translate-x: 1.25rem;
  }

  .xs\:focus\:translate-x-6:focus {
    --transform-translate-x: 1.5rem;
  }

  .xs\:focus\:translate-x-8:focus {
    --transform-translate-x: 2rem;
  }

  .xs\:focus\:translate-x-10:focus {
    --transform-translate-x: 2.5rem;
  }

  .xs\:focus\:translate-x-12:focus {
    --transform-translate-x: 3rem;
  }

  .xs\:focus\:translate-x-16:focus {
    --transform-translate-x: 4rem;
  }

  .xs\:focus\:translate-x-20:focus {
    --transform-translate-x: 5rem;
  }

  .xs\:focus\:translate-x-24:focus {
    --transform-translate-x: 6rem;
  }

  .xs\:focus\:translate-x-32:focus {
    --transform-translate-x: 8rem;
  }

  .xs\:focus\:translate-x-40:focus {
    --transform-translate-x: 10rem;
  }

  .xs\:focus\:translate-x-48:focus {
    --transform-translate-x: 12rem;
  }

  .xs\:focus\:translate-x-56:focus {
    --transform-translate-x: 14rem;
  }

  .xs\:focus\:translate-x-64:focus {
    --transform-translate-x: 16rem;
  }

  .xs\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px;
  }

  .xs\:focus\:-translate-x-1:focus {
    --transform-translate-x: -0.25rem;
  }

  .xs\:focus\:-translate-x-2:focus {
    --transform-translate-x: -0.5rem;
  }

  .xs\:focus\:-translate-x-3:focus {
    --transform-translate-x: -0.75rem;
  }

  .xs\:focus\:-translate-x-4:focus {
    --transform-translate-x: -1rem;
  }

  .xs\:focus\:-translate-x-5:focus {
    --transform-translate-x: -1.25rem;
  }

  .xs\:focus\:-translate-x-6:focus {
    --transform-translate-x: -1.5rem;
  }

  .xs\:focus\:-translate-x-8:focus {
    --transform-translate-x: -2rem;
  }

  .xs\:focus\:-translate-x-10:focus {
    --transform-translate-x: -2.5rem;
  }

  .xs\:focus\:-translate-x-12:focus {
    --transform-translate-x: -3rem;
  }

  .xs\:focus\:-translate-x-16:focus {
    --transform-translate-x: -4rem;
  }

  .xs\:focus\:-translate-x-20:focus {
    --transform-translate-x: -5rem;
  }

  .xs\:focus\:-translate-x-24:focus {
    --transform-translate-x: -6rem;
  }

  .xs\:focus\:-translate-x-32:focus {
    --transform-translate-x: -8rem;
  }

  .xs\:focus\:-translate-x-40:focus {
    --transform-translate-x: -10rem;
  }

  .xs\:focus\:-translate-x-48:focus {
    --transform-translate-x: -12rem;
  }

  .xs\:focus\:-translate-x-56:focus {
    --transform-translate-x: -14rem;
  }

  .xs\:focus\:-translate-x-64:focus {
    --transform-translate-x: -16rem;
  }

  .xs\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px;
  }

  .xs\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100%;
  }

  .xs\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50%;
  }

  .xs\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50%;
  }

  .xs\:focus\:translate-x-full:focus {
    --transform-translate-x: 100%;
  }

  .xs\:focus\:translate-y-0:focus {
    --transform-translate-y: 0;
  }

  .xs\:focus\:translate-y-1:focus {
    --transform-translate-y: 0.25rem;
  }

  .xs\:focus\:translate-y-2:focus {
    --transform-translate-y: 0.5rem;
  }

  .xs\:focus\:translate-y-3:focus {
    --transform-translate-y: 0.75rem;
  }

  .xs\:focus\:translate-y-4:focus {
    --transform-translate-y: 1rem;
  }

  .xs\:focus\:translate-y-5:focus {
    --transform-translate-y: 1.25rem;
  }

  .xs\:focus\:translate-y-6:focus {
    --transform-translate-y: 1.5rem;
  }

  .xs\:focus\:translate-y-8:focus {
    --transform-translate-y: 2rem;
  }

  .xs\:focus\:translate-y-10:focus {
    --transform-translate-y: 2.5rem;
  }

  .xs\:focus\:translate-y-12:focus {
    --transform-translate-y: 3rem;
  }

  .xs\:focus\:translate-y-16:focus {
    --transform-translate-y: 4rem;
  }

  .xs\:focus\:translate-y-20:focus {
    --transform-translate-y: 5rem;
  }

  .xs\:focus\:translate-y-24:focus {
    --transform-translate-y: 6rem;
  }

  .xs\:focus\:translate-y-32:focus {
    --transform-translate-y: 8rem;
  }

  .xs\:focus\:translate-y-40:focus {
    --transform-translate-y: 10rem;
  }

  .xs\:focus\:translate-y-48:focus {
    --transform-translate-y: 12rem;
  }

  .xs\:focus\:translate-y-56:focus {
    --transform-translate-y: 14rem;
  }

  .xs\:focus\:translate-y-64:focus {
    --transform-translate-y: 16rem;
  }

  .xs\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px;
  }

  .xs\:focus\:-translate-y-1:focus {
    --transform-translate-y: -0.25rem;
  }

  .xs\:focus\:-translate-y-2:focus {
    --transform-translate-y: -0.5rem;
  }

  .xs\:focus\:-translate-y-3:focus {
    --transform-translate-y: -0.75rem;
  }

  .xs\:focus\:-translate-y-4:focus {
    --transform-translate-y: -1rem;
  }

  .xs\:focus\:-translate-y-5:focus {
    --transform-translate-y: -1.25rem;
  }

  .xs\:focus\:-translate-y-6:focus {
    --transform-translate-y: -1.5rem;
  }

  .xs\:focus\:-translate-y-8:focus {
    --transform-translate-y: -2rem;
  }

  .xs\:focus\:-translate-y-10:focus {
    --transform-translate-y: -2.5rem;
  }

  .xs\:focus\:-translate-y-12:focus {
    --transform-translate-y: -3rem;
  }

  .xs\:focus\:-translate-y-16:focus {
    --transform-translate-y: -4rem;
  }

  .xs\:focus\:-translate-y-20:focus {
    --transform-translate-y: -5rem;
  }

  .xs\:focus\:-translate-y-24:focus {
    --transform-translate-y: -6rem;
  }

  .xs\:focus\:-translate-y-32:focus {
    --transform-translate-y: -8rem;
  }

  .xs\:focus\:-translate-y-40:focus {
    --transform-translate-y: -10rem;
  }

  .xs\:focus\:-translate-y-48:focus {
    --transform-translate-y: -12rem;
  }

  .xs\:focus\:-translate-y-56:focus {
    --transform-translate-y: -14rem;
  }

  .xs\:focus\:-translate-y-64:focus {
    --transform-translate-y: -16rem;
  }

  .xs\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px;
  }

  .xs\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100%;
  }

  .xs\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50%;
  }

  .xs\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50%;
  }

  .xs\:focus\:translate-y-full:focus {
    --transform-translate-y: 100%;
  }

  .xs\:skew-x-0 {
    --transform-skew-x: 0;
  }

  .xs\:skew-x-1 {
    --transform-skew-x: 1deg;
  }

  .xs\:skew-x-2 {
    --transform-skew-x: 2deg;
  }

  .xs\:skew-x-3 {
    --transform-skew-x: 3deg;
  }

  .xs\:skew-x-6 {
    --transform-skew-x: 6deg;
  }

  .xs\:skew-x-12 {
    --transform-skew-x: 12deg;
  }

  .xs\:-skew-x-12 {
    --transform-skew-x: -12deg;
  }

  .xs\:-skew-x-6 {
    --transform-skew-x: -6deg;
  }

  .xs\:-skew-x-3 {
    --transform-skew-x: -3deg;
  }

  .xs\:-skew-x-2 {
    --transform-skew-x: -2deg;
  }

  .xs\:-skew-x-1 {
    --transform-skew-x: -1deg;
  }

  .xs\:skew-y-0 {
    --transform-skew-y: 0;
  }

  .xs\:skew-y-1 {
    --transform-skew-y: 1deg;
  }

  .xs\:skew-y-2 {
    --transform-skew-y: 2deg;
  }

  .xs\:skew-y-3 {
    --transform-skew-y: 3deg;
  }

  .xs\:skew-y-6 {
    --transform-skew-y: 6deg;
  }

  .xs\:skew-y-12 {
    --transform-skew-y: 12deg;
  }

  .xs\:-skew-y-12 {
    --transform-skew-y: -12deg;
  }

  .xs\:-skew-y-6 {
    --transform-skew-y: -6deg;
  }

  .xs\:-skew-y-3 {
    --transform-skew-y: -3deg;
  }

  .xs\:-skew-y-2 {
    --transform-skew-y: -2deg;
  }

  .xs\:-skew-y-1 {
    --transform-skew-y: -1deg;
  }

  .xs\:hover\:skew-x-0:hover {
    --transform-skew-x: 0;
  }

  .xs\:hover\:skew-x-1:hover {
    --transform-skew-x: 1deg;
  }

  .xs\:hover\:skew-x-2:hover {
    --transform-skew-x: 2deg;
  }

  .xs\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg;
  }

  .xs\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg;
  }

  .xs\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg;
  }

  .xs\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg;
  }

  .xs\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg;
  }

  .xs\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg;
  }

  .xs\:hover\:-skew-x-2:hover {
    --transform-skew-x: -2deg;
  }

  .xs\:hover\:-skew-x-1:hover {
    --transform-skew-x: -1deg;
  }

  .xs\:hover\:skew-y-0:hover {
    --transform-skew-y: 0;
  }

  .xs\:hover\:skew-y-1:hover {
    --transform-skew-y: 1deg;
  }

  .xs\:hover\:skew-y-2:hover {
    --transform-skew-y: 2deg;
  }

  .xs\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg;
  }

  .xs\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg;
  }

  .xs\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg;
  }

  .xs\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg;
  }

  .xs\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg;
  }

  .xs\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg;
  }

  .xs\:hover\:-skew-y-2:hover {
    --transform-skew-y: -2deg;
  }

  .xs\:hover\:-skew-y-1:hover {
    --transform-skew-y: -1deg;
  }

  .xs\:focus\:skew-x-0:focus {
    --transform-skew-x: 0;
  }

  .xs\:focus\:skew-x-1:focus {
    --transform-skew-x: 1deg;
  }

  .xs\:focus\:skew-x-2:focus {
    --transform-skew-x: 2deg;
  }

  .xs\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg;
  }

  .xs\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg;
  }

  .xs\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg;
  }

  .xs\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg;
  }

  .xs\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg;
  }

  .xs\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg;
  }

  .xs\:focus\:-skew-x-2:focus {
    --transform-skew-x: -2deg;
  }

  .xs\:focus\:-skew-x-1:focus {
    --transform-skew-x: -1deg;
  }

  .xs\:focus\:skew-y-0:focus {
    --transform-skew-y: 0;
  }

  .xs\:focus\:skew-y-1:focus {
    --transform-skew-y: 1deg;
  }

  .xs\:focus\:skew-y-2:focus {
    --transform-skew-y: 2deg;
  }

  .xs\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg;
  }

  .xs\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg;
  }

  .xs\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg;
  }

  .xs\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg;
  }

  .xs\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg;
  }

  .xs\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg;
  }

  .xs\:focus\:-skew-y-2:focus {
    --transform-skew-y: -2deg;
  }

  .xs\:focus\:-skew-y-1:focus {
    --transform-skew-y: -1deg;
  }

  .xs\:transition-none {
    transition-property: none;
  }

  .xs\:transition-all {
    transition-property: all;
  }

  .xs\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  .xs\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
  }

  .xs\:transition-opacity {
    transition-property: opacity;
  }

  .xs\:transition-shadow {
    transition-property: box-shadow;
  }

  .xs\:transition-transform {
    transition-property: transform;
  }

  .xs\:ease-linear {
    transition-timing-function: linear;
  }

  .xs\:ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .xs\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .xs\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .xs\:duration-75 {
    transition-duration: 75ms;
  }

  .xs\:duration-100 {
    transition-duration: 100ms;
  }

  .xs\:duration-150 {
    transition-duration: 150ms;
  }

  .xs\:duration-200 {
    transition-duration: 200ms;
  }

  .xs\:duration-300 {
    transition-duration: 300ms;
  }

  .xs\:duration-500 {
    transition-duration: 500ms;
  }

  .xs\:duration-700 {
    transition-duration: 700ms;
  }

  .xs\:duration-1000 {
    transition-duration: 1000ms;
  }

  .xs\:delay-75 {
    transition-delay: 75ms;
  }

  .xs\:delay-100 {
    transition-delay: 100ms;
  }

  .xs\:delay-150 {
    transition-delay: 150ms;
  }

  .xs\:delay-200 {
    transition-delay: 200ms;
  }

  .xs\:delay-300 {
    transition-delay: 300ms;
  }

  .xs\:delay-500 {
    transition-delay: 500ms;
  }

  .xs\:delay-700 {
    transition-delay: 700ms;
  }

  .xs\:delay-1000 {
    transition-delay: 1000ms;
  }

  .xs\:animate-none {
    animation: none;
  }

  .xs\:animate-spin {
    animation: spin 1s linear infinite;
  }

  .xs\:animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .xs\:animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .xs\:animate-bounce {
    animation: bounce 1s infinite;
  }
}

@media (min-width: 480px) {
  .sm\:container {
    width: 100%;
  }

  @media (min-width: 360px) {
    .sm\:container {
      max-width: 360px;
    }
  }

  @media (min-width: 480px) {
    .sm\:container {
      max-width: 480px;
    }
  }

  @media (min-width: 760px) {
    .sm\:container {
      max-width: 760px;
    }
  }

  @media (min-width: 960px) {
    .sm\:container {
      max-width: 960px;
    }
  }

  @media (min-width: 1060px) {
    .sm\:container {
      max-width: 1060px;
    }
  }

  @media (min-width: 1280px) {
    .sm\:container {
      max-width: 1280px;
    }
  }

  .sm\:space-y-0 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  .sm\:space-x-0 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  .sm\:space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  .sm\:space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  .sm\:space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  .sm\:space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  .sm\:space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  .sm\:space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  .sm\:space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  .sm\:space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  .sm\:space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  .sm\:space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  .sm\:space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  .sm\:space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  .sm\:space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  .sm\:space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  .sm\:space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  .sm\:space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  .sm\:space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  .sm\:space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  .sm\:-space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  .sm\:-space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  .sm\:-space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  .sm\:-space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  .sm\:-space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  .sm\:-space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  .sm\:-space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  .sm\:-space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  .sm\:-space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  .sm\:-space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  .sm\:-space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  .sm\:-space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  .sm\:-space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  .sm\:-space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  .sm\:-space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  .sm\:-space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  .sm\:-space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  .sm\:-space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-reverse > :not(template) ~ :not(template) {
    --space-y-reverse: 1;
  }

  .sm\:space-x-reverse > :not(template) ~ :not(template) {
    --space-x-reverse: 1;
  }

  .sm\:divide-y-0 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  .sm\:divide-x-0 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  .sm\:divide-y-2 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  .sm\:divide-x-2 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  .sm\:divide-y-4 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  .sm\:divide-x-4 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  .sm\:divide-y-8 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  .sm\:divide-x-8 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  .sm\:divide-y > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  .sm\:divide-x > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  .sm\:divide-y-reverse > :not(template) ~ :not(template) {
    --divide-y-reverse: 1;
  }

  .sm\:divide-x-reverse > :not(template) ~ :not(template) {
    --divide-x-reverse: 1;
  }

  .sm\:divide-transparent > :not(template) ~ :not(template) {
    border-color: transparent;
  }

  .sm\:divide-black > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--divide-opacity));
  }

  .sm\:divide-white > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .sm\:divide-gray-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--divide-opacity));
  }

  .sm\:divide-gray-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--divide-opacity));
  }

  .sm\:divide-gray-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--divide-opacity));
  }

  .sm\:divide-gray-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--divide-opacity));
  }

  .sm\:divide-gray-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--divide-opacity));
  }

  .sm\:divide-gray-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--divide-opacity));
  }

  .sm\:divide-gray-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--divide-opacity));
  }

  .sm\:divide-gray-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--divide-opacity));
  }

  .sm\:divide-gray-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--divide-opacity));
  }

  .sm\:divide-blue-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--divide-opacity));
  }

  .sm\:divide-blue-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--divide-opacity));
  }

  .sm\:divide-blue-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--divide-opacity));
  }

  .sm\:divide-blue-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--divide-opacity));
  }

  .sm\:divide-blue-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--divide-opacity));
  }

  .sm\:divide-blue-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--divide-opacity));
  }

  .sm\:divide-blue-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--divide-opacity));
  }

  .sm\:divide-blue-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--divide-opacity));
  }

  .sm\:divide-blue-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--divide-opacity));
  }

  .sm\:divide-blurple-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--divide-opacity));
  }

  .sm\:divide-blurple-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--divide-opacity));
  }

  .sm\:divide-blurple-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--divide-opacity));
  }

  .sm\:divide-blurple-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--divide-opacity));
  }

  .sm\:divide-blurple-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--divide-opacity));
  }

  .sm\:divide-blurple-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--divide-opacity));
  }

  .sm\:divide-green-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--divide-opacity));
  }

  .sm\:divide-green-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--divide-opacity));
  }

  .sm\:divide-green-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--divide-opacity));
  }

  .sm\:divide-orange-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--divide-opacity));
  }

  .sm\:divide-orange-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--divide-opacity));
  }

  .sm\:divide-orange-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--divide-opacity));
  }

  .sm\:divide-orange-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--divide-opacity));
  }

  .sm\:divide-orange-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--divide-opacity));
  }

  .sm\:divide-orange-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--divide-opacity));
  }

  .sm\:divide-orange-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--divide-opacity));
  }

  .sm\:divide-orange-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--divide-opacity));
  }

  .sm\:divide-orange-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--divide-opacity));
  }

  .sm\:divide-purple-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--divide-opacity));
  }

  .sm\:divide-purple-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--divide-opacity));
  }

  .sm\:divide-purple-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--divide-opacity));
  }

  .sm\:divide-purple-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--divide-opacity));
  }

  .sm\:divide-purple-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--divide-opacity));
  }

  .sm\:divide-purple-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--divide-opacity));
  }

  .sm\:divide-purple-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--divide-opacity));
  }

  .sm\:divide-purple-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--divide-opacity));
  }

  .sm\:divide-purple-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--divide-opacity));
  }

  .sm\:divide-red-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--divide-opacity));
  }

  .sm\:divide-red-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--divide-opacity));
  }

  .sm\:divide-red-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--divide-opacity));
  }

  .sm\:divide-teal-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--divide-opacity));
  }

  .sm\:divide-teal-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--divide-opacity));
  }

  .sm\:divide-teal-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--divide-opacity));
  }

  .sm\:divide-teal-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--divide-opacity));
  }

  .sm\:divide-teal-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--divide-opacity));
  }

  .sm\:divide-teal-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--divide-opacity));
  }

  .sm\:divide-teal-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--divide-opacity));
  }

  .sm\:divide-teal-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--divide-opacity));
  }

  .sm\:divide-teal-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--divide-opacity));
  }

  .sm\:divide-yellow-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--divide-opacity));
  }

  .sm\:divide-yellow-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--divide-opacity));
  }

  .sm\:divide-yellow-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--divide-opacity));
  }

  .sm\:divide-yellow-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--divide-opacity));
  }

  .sm\:divide-yellow-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--divide-opacity));
  }

  .sm\:divide-yellow-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--divide-opacity));
  }

  .sm\:divide-yellow-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--divide-opacity));
  }

  .sm\:divide-yellow-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--divide-opacity));
  }

  .sm\:divide-yellow-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--divide-opacity));
  }

  .sm\:divide-facebook-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--divide-opacity));
  }

  .sm\:divide-facebook-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--divide-opacity));
  }

  .sm\:divide-snapchat-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--divide-opacity));
  }

  .sm\:divide-snapchat-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--divide-opacity));
  }

  .sm\:divide-messenger-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--divide-opacity));
  }

  .sm\:divide-messenger-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--divide-opacity));
  }

  .sm\:divide-twitter-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--divide-opacity));
  }

  .sm\:divide-twitter-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--divide-opacity));
  }

  .sm\:divide-transparent-black-10 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.1);
  }

  .sm\:divide-transparent-black-30 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.3);
  }

  .sm\:divide-transparent-black-50 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.5);
  }

  .sm\:divide-transparent-black-70 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.7);
  }

  .sm\:divide-transparent-black-90 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.9);
  }

  .sm\:divide-transparent-white-10 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.1);
  }

  .sm\:divide-transparent-white-30 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.3);
  }

  .sm\:divide-transparent-white-50 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.5);
  }

  .sm\:divide-transparent-white-70 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.7);
  }

  .sm\:divide-transparent-white-90 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.9);
  }

  .sm\:divide-vr-dark-blue > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--divide-opacity));
  }

  .sm\:divide-vr-neon-green > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--divide-opacity));
  }

  .sm\:divide-solid > :not(template) ~ :not(template) {
    border-style: solid;
  }

  .sm\:divide-dashed > :not(template) ~ :not(template) {
    border-style: dashed;
  }

  .sm\:divide-dotted > :not(template) ~ :not(template) {
    border-style: dotted;
  }

  .sm\:divide-double > :not(template) ~ :not(template) {
    border-style: double;
  }

  .sm\:divide-none > :not(template) ~ :not(template) {
    border-style: none;
  }

  .sm\:divide-opacity-0 > :not(template) ~ :not(template) {
    --divide-opacity: 0;
  }

  .sm\:divide-opacity-25 > :not(template) ~ :not(template) {
    --divide-opacity: 0.25;
  }

  .sm\:divide-opacity-50 > :not(template) ~ :not(template) {
    --divide-opacity: 0.5;
  }

  .sm\:divide-opacity-75 > :not(template) ~ :not(template) {
    --divide-opacity: 0.75;
  }

  .sm\:divide-opacity-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
  }

  .sm\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .sm\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .sm\:focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .sm\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .sm\:appearance-none {
    -webkit-appearance: none;
            appearance: none;
  }

  .sm\:bg-fixed {
    background-attachment: fixed;
  }

  .sm\:bg-local {
    background-attachment: local;
  }

  .sm\:bg-scroll {
    background-attachment: scroll;
  }

  .sm\:bg-clip-border {
    background-clip: border-box;
  }

  .sm\:bg-clip-padding {
    background-clip: padding-box;
  }

  .sm\:bg-clip-content {
    background-clip: content-box;
  }

  .sm\:bg-clip-text {
    -webkit-background-clip: text;
            background-clip: text;
  }

  .sm\:bg-transparent {
    background-color: transparent;
  }

  .sm\:bg-black {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .sm\:bg-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .sm\:bg-gray-100 {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .sm\:bg-gray-200 {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .sm\:bg-gray-300 {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .sm\:bg-gray-400 {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .sm\:bg-gray-500 {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .sm\:bg-gray-600 {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .sm\:bg-gray-700 {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .sm\:bg-gray-800 {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .sm\:bg-gray-900 {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .sm\:bg-blue-100 {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .sm\:bg-blue-200 {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .sm\:bg-blue-300 {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .sm\:bg-blue-400 {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .sm\:bg-blue-500 {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .sm\:bg-blue-600 {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .sm\:bg-blue-700 {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .sm\:bg-blue-800 {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .sm\:bg-blue-900 {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .sm\:bg-blurple-100 {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .sm\:bg-blurple-200 {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .sm\:bg-blurple-300 {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .sm\:bg-blurple-400 {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .sm\:bg-blurple-500 {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .sm\:bg-blurple-700 {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .sm\:bg-green-300 {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .sm\:bg-green-500 {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .sm\:bg-green-700 {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .sm\:bg-orange-100 {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .sm\:bg-orange-200 {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .sm\:bg-orange-300 {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .sm\:bg-orange-400 {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .sm\:bg-orange-500 {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .sm\:bg-orange-600 {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .sm\:bg-orange-700 {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .sm\:bg-orange-800 {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .sm\:bg-orange-900 {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .sm\:bg-purple-100 {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .sm\:bg-purple-200 {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .sm\:bg-purple-300 {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .sm\:bg-purple-400 {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .sm\:bg-purple-500 {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .sm\:bg-purple-600 {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .sm\:bg-purple-700 {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .sm\:bg-purple-800 {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .sm\:bg-purple-900 {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .sm\:bg-red-300 {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .sm\:bg-red-500 {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .sm\:bg-red-700 {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .sm\:bg-teal-100 {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .sm\:bg-teal-200 {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .sm\:bg-teal-300 {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .sm\:bg-teal-400 {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .sm\:bg-teal-500 {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .sm\:bg-teal-600 {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .sm\:bg-teal-700 {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .sm\:bg-teal-800 {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .sm\:bg-teal-900 {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .sm\:bg-yellow-100 {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .sm\:bg-yellow-200 {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .sm\:bg-yellow-300 {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .sm\:bg-yellow-400 {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .sm\:bg-yellow-500 {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .sm\:bg-yellow-600 {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .sm\:bg-yellow-700 {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .sm\:bg-yellow-800 {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .sm\:bg-yellow-900 {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .sm\:bg-facebook-400 {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .sm\:bg-facebook-500 {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .sm\:bg-snapchat-400 {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .sm\:bg-snapchat-500 {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .sm\:bg-messenger-400 {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .sm\:bg-messenger-500 {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .sm\:bg-twitter-400 {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .sm\:bg-twitter-500 {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .sm\:bg-transparent-black-10 {
    background-color: rgba(0,0,0,0.1);
  }

  .sm\:bg-transparent-black-30 {
    background-color: rgba(0,0,0,0.3);
  }

  .sm\:bg-transparent-black-50 {
    background-color: rgba(0,0,0,0.5);
  }

  .sm\:bg-transparent-black-70 {
    background-color: rgba(0,0,0,0.7);
  }

  .sm\:bg-transparent-black-90 {
    background-color: rgba(0,0,0,0.9);
  }

  .sm\:bg-transparent-white-10 {
    background-color: rgba(255,255,255,0.1);
  }

  .sm\:bg-transparent-white-30 {
    background-color: rgba(255,255,255,0.3);
  }

  .sm\:bg-transparent-white-50 {
    background-color: rgba(255,255,255,0.5);
  }

  .sm\:bg-transparent-white-70 {
    background-color: rgba(255,255,255,0.7);
  }

  .sm\:bg-transparent-white-90 {
    background-color: rgba(255,255,255,0.9);
  }

  .sm\:bg-vr-dark-blue {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .sm\:bg-vr-neon-green {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .sm\:active\:bg-transparent:active {
    background-color: transparent;
  }

  .sm\:active\:bg-black:active {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .sm\:active\:bg-white:active {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .sm\:active\:bg-gray-100:active {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .sm\:active\:bg-gray-200:active {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .sm\:active\:bg-gray-300:active {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .sm\:active\:bg-gray-400:active {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .sm\:active\:bg-gray-500:active {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .sm\:active\:bg-gray-600:active {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .sm\:active\:bg-gray-700:active {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .sm\:active\:bg-gray-800:active {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .sm\:active\:bg-gray-900:active {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .sm\:active\:bg-blue-100:active {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .sm\:active\:bg-blue-200:active {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .sm\:active\:bg-blue-300:active {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .sm\:active\:bg-blue-400:active {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .sm\:active\:bg-blue-500:active {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .sm\:active\:bg-blue-600:active {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .sm\:active\:bg-blue-700:active {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .sm\:active\:bg-blue-800:active {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .sm\:active\:bg-blue-900:active {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .sm\:active\:bg-blurple-100:active {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .sm\:active\:bg-blurple-200:active {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .sm\:active\:bg-blurple-300:active {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .sm\:active\:bg-blurple-400:active {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .sm\:active\:bg-blurple-500:active {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .sm\:active\:bg-blurple-700:active {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .sm\:active\:bg-green-300:active {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .sm\:active\:bg-green-500:active {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .sm\:active\:bg-green-700:active {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .sm\:active\:bg-orange-100:active {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .sm\:active\:bg-orange-200:active {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .sm\:active\:bg-orange-300:active {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .sm\:active\:bg-orange-400:active {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .sm\:active\:bg-orange-500:active {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .sm\:active\:bg-orange-600:active {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .sm\:active\:bg-orange-700:active {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .sm\:active\:bg-orange-800:active {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .sm\:active\:bg-orange-900:active {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .sm\:active\:bg-purple-100:active {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .sm\:active\:bg-purple-200:active {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .sm\:active\:bg-purple-300:active {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .sm\:active\:bg-purple-400:active {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .sm\:active\:bg-purple-500:active {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .sm\:active\:bg-purple-600:active {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .sm\:active\:bg-purple-700:active {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .sm\:active\:bg-purple-800:active {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .sm\:active\:bg-purple-900:active {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .sm\:active\:bg-red-300:active {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .sm\:active\:bg-red-500:active {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .sm\:active\:bg-red-700:active {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .sm\:active\:bg-teal-100:active {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .sm\:active\:bg-teal-200:active {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .sm\:active\:bg-teal-300:active {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .sm\:active\:bg-teal-400:active {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .sm\:active\:bg-teal-500:active {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .sm\:active\:bg-teal-600:active {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .sm\:active\:bg-teal-700:active {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .sm\:active\:bg-teal-800:active {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .sm\:active\:bg-teal-900:active {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .sm\:active\:bg-yellow-100:active {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .sm\:active\:bg-yellow-200:active {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .sm\:active\:bg-yellow-300:active {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .sm\:active\:bg-yellow-400:active {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .sm\:active\:bg-yellow-500:active {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .sm\:active\:bg-yellow-600:active {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .sm\:active\:bg-yellow-700:active {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .sm\:active\:bg-yellow-800:active {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .sm\:active\:bg-yellow-900:active {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .sm\:active\:bg-facebook-400:active {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .sm\:active\:bg-facebook-500:active {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .sm\:active\:bg-snapchat-400:active {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .sm\:active\:bg-snapchat-500:active {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .sm\:active\:bg-messenger-400:active {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .sm\:active\:bg-messenger-500:active {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .sm\:active\:bg-twitter-400:active {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .sm\:active\:bg-twitter-500:active {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .sm\:active\:bg-transparent-black-10:active {
    background-color: rgba(0,0,0,0.1);
  }

  .sm\:active\:bg-transparent-black-30:active {
    background-color: rgba(0,0,0,0.3);
  }

  .sm\:active\:bg-transparent-black-50:active {
    background-color: rgba(0,0,0,0.5);
  }

  .sm\:active\:bg-transparent-black-70:active {
    background-color: rgba(0,0,0,0.7);
  }

  .sm\:active\:bg-transparent-black-90:active {
    background-color: rgba(0,0,0,0.9);
  }

  .sm\:active\:bg-transparent-white-10:active {
    background-color: rgba(255,255,255,0.1);
  }

  .sm\:active\:bg-transparent-white-30:active {
    background-color: rgba(255,255,255,0.3);
  }

  .sm\:active\:bg-transparent-white-50:active {
    background-color: rgba(255,255,255,0.5);
  }

  .sm\:active\:bg-transparent-white-70:active {
    background-color: rgba(255,255,255,0.7);
  }

  .sm\:active\:bg-transparent-white-90:active {
    background-color: rgba(255,255,255,0.9);
  }

  .sm\:active\:bg-vr-dark-blue:active {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .sm\:active\:bg-vr-neon-green:active {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .sm\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .sm\:hover\:bg-black:hover {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .sm\:hover\:bg-white:hover {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .sm\:hover\:bg-gray-100:hover {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .sm\:hover\:bg-gray-200:hover {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .sm\:hover\:bg-gray-300:hover {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .sm\:hover\:bg-gray-400:hover {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .sm\:hover\:bg-gray-500:hover {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .sm\:hover\:bg-gray-600:hover {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .sm\:hover\:bg-gray-700:hover {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .sm\:hover\:bg-gray-800:hover {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .sm\:hover\:bg-gray-900:hover {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .sm\:hover\:bg-blue-100:hover {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .sm\:hover\:bg-blue-200:hover {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .sm\:hover\:bg-blue-300:hover {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .sm\:hover\:bg-blue-400:hover {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .sm\:hover\:bg-blue-500:hover {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .sm\:hover\:bg-blue-600:hover {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .sm\:hover\:bg-blue-700:hover {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .sm\:hover\:bg-blue-800:hover {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .sm\:hover\:bg-blue-900:hover {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .sm\:hover\:bg-blurple-100:hover {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .sm\:hover\:bg-blurple-200:hover {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .sm\:hover\:bg-blurple-300:hover {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .sm\:hover\:bg-blurple-400:hover {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .sm\:hover\:bg-blurple-500:hover {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .sm\:hover\:bg-blurple-700:hover {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .sm\:hover\:bg-green-300:hover {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .sm\:hover\:bg-green-500:hover {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .sm\:hover\:bg-green-700:hover {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .sm\:hover\:bg-orange-100:hover {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .sm\:hover\:bg-orange-200:hover {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .sm\:hover\:bg-orange-300:hover {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .sm\:hover\:bg-orange-400:hover {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .sm\:hover\:bg-orange-500:hover {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .sm\:hover\:bg-orange-600:hover {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .sm\:hover\:bg-orange-700:hover {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .sm\:hover\:bg-orange-800:hover {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .sm\:hover\:bg-orange-900:hover {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .sm\:hover\:bg-purple-100:hover {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .sm\:hover\:bg-purple-200:hover {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .sm\:hover\:bg-purple-300:hover {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .sm\:hover\:bg-purple-400:hover {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .sm\:hover\:bg-purple-500:hover {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .sm\:hover\:bg-purple-600:hover {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .sm\:hover\:bg-purple-700:hover {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .sm\:hover\:bg-purple-800:hover {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .sm\:hover\:bg-purple-900:hover {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .sm\:hover\:bg-red-300:hover {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .sm\:hover\:bg-red-500:hover {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .sm\:hover\:bg-red-700:hover {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .sm\:hover\:bg-teal-100:hover {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .sm\:hover\:bg-teal-200:hover {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .sm\:hover\:bg-teal-300:hover {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .sm\:hover\:bg-teal-400:hover {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .sm\:hover\:bg-teal-500:hover {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .sm\:hover\:bg-teal-600:hover {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .sm\:hover\:bg-teal-700:hover {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .sm\:hover\:bg-teal-800:hover {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .sm\:hover\:bg-teal-900:hover {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .sm\:hover\:bg-yellow-100:hover {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .sm\:hover\:bg-yellow-200:hover {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .sm\:hover\:bg-yellow-300:hover {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .sm\:hover\:bg-yellow-400:hover {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .sm\:hover\:bg-yellow-500:hover {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .sm\:hover\:bg-yellow-600:hover {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .sm\:hover\:bg-yellow-700:hover {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .sm\:hover\:bg-yellow-800:hover {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .sm\:hover\:bg-yellow-900:hover {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .sm\:hover\:bg-facebook-400:hover {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .sm\:hover\:bg-facebook-500:hover {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .sm\:hover\:bg-snapchat-400:hover {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .sm\:hover\:bg-snapchat-500:hover {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .sm\:hover\:bg-messenger-400:hover {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .sm\:hover\:bg-messenger-500:hover {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .sm\:hover\:bg-twitter-400:hover {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .sm\:hover\:bg-twitter-500:hover {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .sm\:hover\:bg-transparent-black-10:hover {
    background-color: rgba(0,0,0,0.1);
  }

  .sm\:hover\:bg-transparent-black-30:hover {
    background-color: rgba(0,0,0,0.3);
  }

  .sm\:hover\:bg-transparent-black-50:hover {
    background-color: rgba(0,0,0,0.5);
  }

  .sm\:hover\:bg-transparent-black-70:hover {
    background-color: rgba(0,0,0,0.7);
  }

  .sm\:hover\:bg-transparent-black-90:hover {
    background-color: rgba(0,0,0,0.9);
  }

  .sm\:hover\:bg-transparent-white-10:hover {
    background-color: rgba(255,255,255,0.1);
  }

  .sm\:hover\:bg-transparent-white-30:hover {
    background-color: rgba(255,255,255,0.3);
  }

  .sm\:hover\:bg-transparent-white-50:hover {
    background-color: rgba(255,255,255,0.5);
  }

  .sm\:hover\:bg-transparent-white-70:hover {
    background-color: rgba(255,255,255,0.7);
  }

  .sm\:hover\:bg-transparent-white-90:hover {
    background-color: rgba(255,255,255,0.9);
  }

  .sm\:hover\:bg-vr-dark-blue:hover {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .sm\:hover\:bg-vr-neon-green:hover {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .sm\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .sm\:focus\:bg-black:focus {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .sm\:focus\:bg-white:focus {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .sm\:focus\:bg-gray-100:focus {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .sm\:focus\:bg-gray-200:focus {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .sm\:focus\:bg-gray-300:focus {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .sm\:focus\:bg-gray-400:focus {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .sm\:focus\:bg-gray-500:focus {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .sm\:focus\:bg-gray-600:focus {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .sm\:focus\:bg-gray-700:focus {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .sm\:focus\:bg-gray-800:focus {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .sm\:focus\:bg-gray-900:focus {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .sm\:focus\:bg-blue-100:focus {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .sm\:focus\:bg-blue-200:focus {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .sm\:focus\:bg-blue-300:focus {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .sm\:focus\:bg-blue-400:focus {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .sm\:focus\:bg-blue-500:focus {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .sm\:focus\:bg-blue-600:focus {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .sm\:focus\:bg-blue-700:focus {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .sm\:focus\:bg-blue-800:focus {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .sm\:focus\:bg-blue-900:focus {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .sm\:focus\:bg-blurple-100:focus {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .sm\:focus\:bg-blurple-200:focus {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .sm\:focus\:bg-blurple-300:focus {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .sm\:focus\:bg-blurple-400:focus {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .sm\:focus\:bg-blurple-500:focus {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .sm\:focus\:bg-blurple-700:focus {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .sm\:focus\:bg-green-300:focus {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .sm\:focus\:bg-green-500:focus {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .sm\:focus\:bg-green-700:focus {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .sm\:focus\:bg-orange-100:focus {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .sm\:focus\:bg-orange-200:focus {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .sm\:focus\:bg-orange-300:focus {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .sm\:focus\:bg-orange-400:focus {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .sm\:focus\:bg-orange-500:focus {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .sm\:focus\:bg-orange-600:focus {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .sm\:focus\:bg-orange-700:focus {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .sm\:focus\:bg-orange-800:focus {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .sm\:focus\:bg-orange-900:focus {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .sm\:focus\:bg-purple-100:focus {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .sm\:focus\:bg-purple-200:focus {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .sm\:focus\:bg-purple-300:focus {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .sm\:focus\:bg-purple-400:focus {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .sm\:focus\:bg-purple-500:focus {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .sm\:focus\:bg-purple-600:focus {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .sm\:focus\:bg-purple-700:focus {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .sm\:focus\:bg-purple-800:focus {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .sm\:focus\:bg-purple-900:focus {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .sm\:focus\:bg-red-300:focus {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .sm\:focus\:bg-red-500:focus {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .sm\:focus\:bg-red-700:focus {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .sm\:focus\:bg-teal-100:focus {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .sm\:focus\:bg-teal-200:focus {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .sm\:focus\:bg-teal-300:focus {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .sm\:focus\:bg-teal-400:focus {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .sm\:focus\:bg-teal-500:focus {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .sm\:focus\:bg-teal-600:focus {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .sm\:focus\:bg-teal-700:focus {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .sm\:focus\:bg-teal-800:focus {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .sm\:focus\:bg-teal-900:focus {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .sm\:focus\:bg-yellow-100:focus {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .sm\:focus\:bg-yellow-200:focus {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .sm\:focus\:bg-yellow-300:focus {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .sm\:focus\:bg-yellow-400:focus {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .sm\:focus\:bg-yellow-500:focus {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .sm\:focus\:bg-yellow-600:focus {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .sm\:focus\:bg-yellow-700:focus {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .sm\:focus\:bg-yellow-800:focus {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .sm\:focus\:bg-yellow-900:focus {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .sm\:focus\:bg-facebook-400:focus {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .sm\:focus\:bg-facebook-500:focus {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .sm\:focus\:bg-snapchat-400:focus {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .sm\:focus\:bg-snapchat-500:focus {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .sm\:focus\:bg-messenger-400:focus {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .sm\:focus\:bg-messenger-500:focus {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .sm\:focus\:bg-twitter-400:focus {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .sm\:focus\:bg-twitter-500:focus {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .sm\:focus\:bg-transparent-black-10:focus {
    background-color: rgba(0,0,0,0.1);
  }

  .sm\:focus\:bg-transparent-black-30:focus {
    background-color: rgba(0,0,0,0.3);
  }

  .sm\:focus\:bg-transparent-black-50:focus {
    background-color: rgba(0,0,0,0.5);
  }

  .sm\:focus\:bg-transparent-black-70:focus {
    background-color: rgba(0,0,0,0.7);
  }

  .sm\:focus\:bg-transparent-black-90:focus {
    background-color: rgba(0,0,0,0.9);
  }

  .sm\:focus\:bg-transparent-white-10:focus {
    background-color: rgba(255,255,255,0.1);
  }

  .sm\:focus\:bg-transparent-white-30:focus {
    background-color: rgba(255,255,255,0.3);
  }

  .sm\:focus\:bg-transparent-white-50:focus {
    background-color: rgba(255,255,255,0.5);
  }

  .sm\:focus\:bg-transparent-white-70:focus {
    background-color: rgba(255,255,255,0.7);
  }

  .sm\:focus\:bg-transparent-white-90:focus {
    background-color: rgba(255,255,255,0.9);
  }

  .sm\:focus\:bg-vr-dark-blue:focus {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .sm\:focus\:bg-vr-neon-green:focus {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .sm\:bg-none {
    background-image: none;
  }

  .sm\:bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  .sm\:bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  .sm\:bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  .sm\:bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  .sm\:bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  .sm\:bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  .sm\:bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  .sm\:bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  .sm\:from-transparent {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:from-black {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:from-white {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:from-gray-100 {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .sm\:from-gray-200 {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .sm\:from-gray-300 {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .sm\:from-gray-400 {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .sm\:from-gray-500 {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .sm\:from-gray-600 {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .sm\:from-gray-700 {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .sm\:from-gray-800 {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .sm\:from-gray-900 {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .sm\:from-blue-100 {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .sm\:from-blue-200 {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .sm\:from-blue-300 {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .sm\:from-blue-400 {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .sm\:from-blue-500 {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .sm\:from-blue-600 {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .sm\:from-blue-700 {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .sm\:from-blue-800 {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .sm\:from-blue-900 {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .sm\:from-blurple-100 {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .sm\:from-blurple-200 {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .sm\:from-blurple-300 {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .sm\:from-blurple-400 {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .sm\:from-blurple-500 {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .sm\:from-blurple-700 {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .sm\:from-green-300 {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .sm\:from-green-500 {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .sm\:from-green-700 {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .sm\:from-orange-100 {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .sm\:from-orange-200 {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .sm\:from-orange-300 {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .sm\:from-orange-400 {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .sm\:from-orange-500 {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .sm\:from-orange-600 {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .sm\:from-orange-700 {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .sm\:from-orange-800 {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .sm\:from-orange-900 {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .sm\:from-purple-100 {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .sm\:from-purple-200 {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .sm\:from-purple-300 {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .sm\:from-purple-400 {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .sm\:from-purple-500 {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .sm\:from-purple-600 {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .sm\:from-purple-700 {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .sm\:from-purple-800 {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .sm\:from-purple-900 {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .sm\:from-red-300 {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .sm\:from-red-500 {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .sm\:from-red-700 {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .sm\:from-teal-100 {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .sm\:from-teal-200 {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .sm\:from-teal-300 {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .sm\:from-teal-400 {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .sm\:from-teal-500 {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .sm\:from-teal-600 {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .sm\:from-teal-700 {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .sm\:from-teal-800 {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .sm\:from-teal-900 {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .sm\:from-yellow-100 {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .sm\:from-yellow-200 {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .sm\:from-yellow-300 {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .sm\:from-yellow-400 {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .sm\:from-yellow-500 {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .sm\:from-yellow-600 {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .sm\:from-yellow-700 {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .sm\:from-yellow-800 {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .sm\:from-yellow-900 {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .sm\:from-facebook-400 {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .sm\:from-facebook-500 {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .sm\:from-snapchat-400 {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .sm\:from-snapchat-500 {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .sm\:from-messenger-400 {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .sm\:from-messenger-500 {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .sm\:from-twitter-400 {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .sm\:from-twitter-500 {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .sm\:from-transparent-black-10 {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:from-transparent-black-30 {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:from-transparent-black-50 {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:from-transparent-black-70 {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:from-transparent-black-90 {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:from-transparent-white-10 {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:from-transparent-white-30 {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:from-transparent-white-50 {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:from-transparent-white-70 {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:from-transparent-white-90 {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:from-vr-dark-blue {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .sm\:from-vr-neon-green {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .sm\:via-transparent {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:via-black {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:via-white {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:via-gray-100 {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .sm\:via-gray-200 {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .sm\:via-gray-300 {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .sm\:via-gray-400 {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .sm\:via-gray-500 {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .sm\:via-gray-600 {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .sm\:via-gray-700 {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .sm\:via-gray-800 {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .sm\:via-gray-900 {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .sm\:via-blue-100 {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .sm\:via-blue-200 {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .sm\:via-blue-300 {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .sm\:via-blue-400 {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .sm\:via-blue-500 {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .sm\:via-blue-600 {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .sm\:via-blue-700 {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .sm\:via-blue-800 {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .sm\:via-blue-900 {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .sm\:via-blurple-100 {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .sm\:via-blurple-200 {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .sm\:via-blurple-300 {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .sm\:via-blurple-400 {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .sm\:via-blurple-500 {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .sm\:via-blurple-700 {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .sm\:via-green-300 {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .sm\:via-green-500 {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .sm\:via-green-700 {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .sm\:via-orange-100 {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .sm\:via-orange-200 {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .sm\:via-orange-300 {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .sm\:via-orange-400 {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .sm\:via-orange-500 {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .sm\:via-orange-600 {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .sm\:via-orange-700 {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .sm\:via-orange-800 {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .sm\:via-orange-900 {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .sm\:via-purple-100 {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .sm\:via-purple-200 {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .sm\:via-purple-300 {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .sm\:via-purple-400 {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .sm\:via-purple-500 {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .sm\:via-purple-600 {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .sm\:via-purple-700 {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .sm\:via-purple-800 {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .sm\:via-purple-900 {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .sm\:via-red-300 {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .sm\:via-red-500 {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .sm\:via-red-700 {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .sm\:via-teal-100 {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .sm\:via-teal-200 {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .sm\:via-teal-300 {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .sm\:via-teal-400 {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .sm\:via-teal-500 {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .sm\:via-teal-600 {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .sm\:via-teal-700 {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .sm\:via-teal-800 {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .sm\:via-teal-900 {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .sm\:via-yellow-100 {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .sm\:via-yellow-200 {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .sm\:via-yellow-300 {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .sm\:via-yellow-400 {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .sm\:via-yellow-500 {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .sm\:via-yellow-600 {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .sm\:via-yellow-700 {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .sm\:via-yellow-800 {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .sm\:via-yellow-900 {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .sm\:via-facebook-400 {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .sm\:via-facebook-500 {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .sm\:via-snapchat-400 {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .sm\:via-snapchat-500 {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .sm\:via-messenger-400 {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .sm\:via-messenger-500 {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .sm\:via-twitter-400 {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .sm\:via-twitter-500 {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .sm\:via-transparent-black-10 {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:via-transparent-black-30 {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:via-transparent-black-50 {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:via-transparent-black-70 {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:via-transparent-black-90 {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:via-transparent-white-10 {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:via-transparent-white-30 {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:via-transparent-white-50 {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:via-transparent-white-70 {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:via-transparent-white-90 {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:via-vr-dark-blue {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .sm\:via-vr-neon-green {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .sm\:to-transparent {
    --gradient-to-color: transparent;
  }

  .sm\:to-black {
    --gradient-to-color: #000;
  }

  .sm\:to-white {
    --gradient-to-color: #fff;
  }

  .sm\:to-gray-100 {
    --gradient-to-color: #f7fafc;
  }

  .sm\:to-gray-200 {
    --gradient-to-color: #edf2f7;
  }

  .sm\:to-gray-300 {
    --gradient-to-color: #e2e8f0;
  }

  .sm\:to-gray-400 {
    --gradient-to-color: #cbd5e0;
  }

  .sm\:to-gray-500 {
    --gradient-to-color: #a0aec0;
  }

  .sm\:to-gray-600 {
    --gradient-to-color: #718096;
  }

  .sm\:to-gray-700 {
    --gradient-to-color: #4a5568;
  }

  .sm\:to-gray-800 {
    --gradient-to-color: #2d3748;
  }

  .sm\:to-gray-900 {
    --gradient-to-color: #1a202c;
  }

  .sm\:to-blue-100 {
    --gradient-to-color: #86dfff;
  }

  .sm\:to-blue-200 {
    --gradient-to-color: #6bd6ff;
  }

  .sm\:to-blue-300 {
    --gradient-to-color: #52ccff;
  }

  .sm\:to-blue-400 {
    --gradient-to-color: #3ac2ff;
  }

  .sm\:to-blue-500 {
    --gradient-to-color: #23b7fb;
  }

  .sm\:to-blue-600 {
    --gradient-to-color: #1a9adf;
  }

  .sm\:to-blue-700 {
    --gradient-to-color: #127fbf;
  }

  .sm\:to-blue-800 {
    --gradient-to-color: #0c659f;
  }

  .sm\:to-blue-900 {
    --gradient-to-color: #074c80;
  }

  .sm\:to-blurple-100 {
    --gradient-to-color: #938FDB;
  }

  .sm\:to-blurple-200 {
    --gradient-to-color: #7A75D0;
  }

  .sm\:to-blurple-300 {
    --gradient-to-color: #615BC4;
  }

  .sm\:to-blurple-400 {
    --gradient-to-color: #4943B7;
  }

  .sm\:to-blurple-500 {
    --gradient-to-color: #322baa;
  }

  .sm\:to-blurple-700 {
    --gradient-to-color: #1c1e84;
  }

  .sm\:to-green-300 {
    --gradient-to-color: #42d86f;
  }

  .sm\:to-green-500 {
    --gradient-to-color: #0cc242;
  }

  .sm\:to-green-700 {
    --gradient-to-color: #02983a;
  }

  .sm\:to-orange-100 {
    --gradient-to-color: #ff6e4a;
  }

  .sm\:to-orange-200 {
    --gradient-to-color: #ff6640;
  }

  .sm\:to-orange-300 {
    --gradient-to-color: #ff5e36;
  }

  .sm\:to-orange-400 {
    --gradient-to-color: #ff562b;
  }

  .sm\:to-orange-500 {
    --gradient-to-color: #ff4d22;
  }

  .sm\:to-orange-600 {
    --gradient-to-color: #e5461e;
  }

  .sm\:to-orange-700 {
    --gradient-to-color: #cc3e1b;
  }

  .sm\:to-orange-800 {
    --gradient-to-color: #b33617;
  }

  .sm\:to-orange-900 {
    --gradient-to-color: #992f14;
  }

  .sm\:to-purple-100 {
    --gradient-to-color: #c861ff;
  }

  .sm\:to-purple-200 {
    --gradient-to-color: #c354ff;
  }

  .sm\:to-purple-300 {
    --gradient-to-color: #be49fc;
  }

  .sm\:to-purple-400 {
    --gradient-to-color: #ab42e3;
  }

  .sm\:to-purple-500 {
    --gradient-to-color: #983ac9;
  }

  .sm\:to-purple-600 {
    --gradient-to-color: #8433b0;
  }

  .sm\:to-purple-700 {
    --gradient-to-color: #712c96;
  }

  .sm\:to-purple-800 {
    --gradient-to-color: #5e247d;
  }

  .sm\:to-purple-900 {
    --gradient-to-color: #4b1d63;
  }

  .sm\:to-red-300 {
    --gradient-to-color: #ff6d69;
  }

  .sm\:to-red-500 {
    --gradient-to-color: #ff4540;
  }

  .sm\:to-red-700 {
    --gradient-to-color: #bf3929;
  }

  .sm\:to-teal-100 {
    --gradient-to-color: #8cfff9;
  }

  .sm\:to-teal-200 {
    --gradient-to-color: #66fff7;
  }

  .sm\:to-teal-300 {
    --gradient-to-color: #40fff5;
  }

  .sm\:to-teal-400 {
    --gradient-to-color: #35fcf2;
  }

  .sm\:to-teal-500 {
    --gradient-to-color: #30e3da;
  }

  .sm\:to-teal-600 {
    --gradient-to-color: #2ac9c1;
  }

  .sm\:to-teal-700 {
    --gradient-to-color: #25b0a9;
  }

  .sm\:to-teal-800 {
    --gradient-to-color: #209691;
  }

  .sm\:to-teal-900 {
    --gradient-to-color: #1a7d78;
  }

  .sm\:to-yellow-100 {
    --gradient-to-color: #ffe894;
  }

  .sm\:to-yellow-200 {
    --gradient-to-color: #ffe27a;
  }

  .sm\:to-yellow-300 {
    --gradient-to-color: #ffdd61;
  }

  .sm\:to-yellow-400 {
    --gradient-to-color: #ffd747;
  }

  .sm\:to-yellow-500 {
    --gradient-to-color: #fcce2f;
  }

  .sm\:to-yellow-600 {
    --gradient-to-color: #e3bb29;
  }

  .sm\:to-yellow-700 {
    --gradient-to-color: #c9a624;
  }

  .sm\:to-yellow-800 {
    --gradient-to-color: #b09120;
  }

  .sm\:to-yellow-900 {
    --gradient-to-color: #967c1b;
  }

  .sm\:to-facebook-400 {
    --gradient-to-color: #4a6dbc;
  }

  .sm\:to-facebook-500 {
    --gradient-to-color: #39579a;
  }

  .sm\:to-snapchat-400 {
    --gradient-to-color: #fffc00;
  }

  .sm\:to-snapchat-500 {
    --gradient-to-color: #39579a;
  }

  .sm\:to-messenger-400 {
    --gradient-to-color: #339dff;
  }

  .sm\:to-messenger-500 {
    --gradient-to-color: #0084ff;
  }

  .sm\:to-twitter-400 {
    --gradient-to-color: #21c2ff;
  }

  .sm\:to-twitter-500 {
    --gradient-to-color: #00aced;
  }

  .sm\:to-transparent-black-10 {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .sm\:to-transparent-black-30 {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .sm\:to-transparent-black-50 {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .sm\:to-transparent-black-70 {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .sm\:to-transparent-black-90 {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .sm\:to-transparent-white-10 {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .sm\:to-transparent-white-30 {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .sm\:to-transparent-white-50 {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .sm\:to-transparent-white-70 {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .sm\:to-transparent-white-90 {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .sm\:to-vr-dark-blue {
    --gradient-to-color: #000047;
  }

  .sm\:to-vr-neon-green {
    --gradient-to-color: #00ff75;
  }

  .sm\:hover\:from-transparent:hover {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:from-black:hover {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:from-white:hover {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:from-gray-100:hover {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .sm\:hover\:from-gray-200:hover {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .sm\:hover\:from-gray-300:hover {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .sm\:hover\:from-gray-400:hover {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .sm\:hover\:from-gray-500:hover {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .sm\:hover\:from-gray-600:hover {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .sm\:hover\:from-gray-700:hover {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .sm\:hover\:from-gray-800:hover {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .sm\:hover\:from-gray-900:hover {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .sm\:hover\:from-blue-100:hover {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .sm\:hover\:from-blue-200:hover {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .sm\:hover\:from-blue-300:hover {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .sm\:hover\:from-blue-400:hover {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .sm\:hover\:from-blue-500:hover {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .sm\:hover\:from-blue-600:hover {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .sm\:hover\:from-blue-700:hover {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .sm\:hover\:from-blue-800:hover {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .sm\:hover\:from-blue-900:hover {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .sm\:hover\:from-blurple-100:hover {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .sm\:hover\:from-blurple-200:hover {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .sm\:hover\:from-blurple-300:hover {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .sm\:hover\:from-blurple-400:hover {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .sm\:hover\:from-blurple-500:hover {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .sm\:hover\:from-blurple-700:hover {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .sm\:hover\:from-green-300:hover {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .sm\:hover\:from-green-500:hover {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .sm\:hover\:from-green-700:hover {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .sm\:hover\:from-orange-100:hover {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .sm\:hover\:from-orange-200:hover {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .sm\:hover\:from-orange-300:hover {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .sm\:hover\:from-orange-400:hover {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .sm\:hover\:from-orange-500:hover {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .sm\:hover\:from-orange-600:hover {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .sm\:hover\:from-orange-700:hover {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .sm\:hover\:from-orange-800:hover {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .sm\:hover\:from-orange-900:hover {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .sm\:hover\:from-purple-100:hover {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .sm\:hover\:from-purple-200:hover {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .sm\:hover\:from-purple-300:hover {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .sm\:hover\:from-purple-400:hover {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .sm\:hover\:from-purple-500:hover {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .sm\:hover\:from-purple-600:hover {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .sm\:hover\:from-purple-700:hover {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .sm\:hover\:from-purple-800:hover {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .sm\:hover\:from-purple-900:hover {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .sm\:hover\:from-red-300:hover {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .sm\:hover\:from-red-500:hover {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .sm\:hover\:from-red-700:hover {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .sm\:hover\:from-teal-100:hover {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .sm\:hover\:from-teal-200:hover {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .sm\:hover\:from-teal-300:hover {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .sm\:hover\:from-teal-400:hover {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .sm\:hover\:from-teal-500:hover {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .sm\:hover\:from-teal-600:hover {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .sm\:hover\:from-teal-700:hover {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .sm\:hover\:from-teal-800:hover {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .sm\:hover\:from-teal-900:hover {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .sm\:hover\:from-yellow-100:hover {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .sm\:hover\:from-yellow-200:hover {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .sm\:hover\:from-yellow-300:hover {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .sm\:hover\:from-yellow-400:hover {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .sm\:hover\:from-yellow-500:hover {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .sm\:hover\:from-yellow-600:hover {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .sm\:hover\:from-yellow-700:hover {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .sm\:hover\:from-yellow-800:hover {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .sm\:hover\:from-yellow-900:hover {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .sm\:hover\:from-facebook-400:hover {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .sm\:hover\:from-facebook-500:hover {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .sm\:hover\:from-snapchat-400:hover {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .sm\:hover\:from-snapchat-500:hover {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .sm\:hover\:from-messenger-400:hover {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .sm\:hover\:from-messenger-500:hover {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .sm\:hover\:from-twitter-400:hover {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .sm\:hover\:from-twitter-500:hover {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .sm\:hover\:from-transparent-black-10:hover {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:from-transparent-black-30:hover {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:from-transparent-black-50:hover {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:from-transparent-black-70:hover {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:from-transparent-black-90:hover {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:from-transparent-white-10:hover {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:from-transparent-white-30:hover {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:from-transparent-white-50:hover {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:from-transparent-white-70:hover {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:from-transparent-white-90:hover {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:from-vr-dark-blue:hover {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .sm\:hover\:from-vr-neon-green:hover {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .sm\:hover\:via-transparent:hover {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:via-black:hover {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:via-white:hover {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:via-gray-100:hover {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .sm\:hover\:via-gray-200:hover {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .sm\:hover\:via-gray-300:hover {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .sm\:hover\:via-gray-400:hover {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .sm\:hover\:via-gray-500:hover {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .sm\:hover\:via-gray-600:hover {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .sm\:hover\:via-gray-700:hover {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .sm\:hover\:via-gray-800:hover {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .sm\:hover\:via-gray-900:hover {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .sm\:hover\:via-blue-100:hover {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .sm\:hover\:via-blue-200:hover {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .sm\:hover\:via-blue-300:hover {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .sm\:hover\:via-blue-400:hover {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .sm\:hover\:via-blue-500:hover {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .sm\:hover\:via-blue-600:hover {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .sm\:hover\:via-blue-700:hover {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .sm\:hover\:via-blue-800:hover {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .sm\:hover\:via-blue-900:hover {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .sm\:hover\:via-blurple-100:hover {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .sm\:hover\:via-blurple-200:hover {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .sm\:hover\:via-blurple-300:hover {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .sm\:hover\:via-blurple-400:hover {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .sm\:hover\:via-blurple-500:hover {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .sm\:hover\:via-blurple-700:hover {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .sm\:hover\:via-green-300:hover {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .sm\:hover\:via-green-500:hover {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .sm\:hover\:via-green-700:hover {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .sm\:hover\:via-orange-100:hover {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .sm\:hover\:via-orange-200:hover {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .sm\:hover\:via-orange-300:hover {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .sm\:hover\:via-orange-400:hover {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .sm\:hover\:via-orange-500:hover {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .sm\:hover\:via-orange-600:hover {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .sm\:hover\:via-orange-700:hover {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .sm\:hover\:via-orange-800:hover {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .sm\:hover\:via-orange-900:hover {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .sm\:hover\:via-purple-100:hover {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .sm\:hover\:via-purple-200:hover {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .sm\:hover\:via-purple-300:hover {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .sm\:hover\:via-purple-400:hover {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .sm\:hover\:via-purple-500:hover {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .sm\:hover\:via-purple-600:hover {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .sm\:hover\:via-purple-700:hover {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .sm\:hover\:via-purple-800:hover {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .sm\:hover\:via-purple-900:hover {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .sm\:hover\:via-red-300:hover {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .sm\:hover\:via-red-500:hover {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .sm\:hover\:via-red-700:hover {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .sm\:hover\:via-teal-100:hover {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .sm\:hover\:via-teal-200:hover {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .sm\:hover\:via-teal-300:hover {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .sm\:hover\:via-teal-400:hover {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .sm\:hover\:via-teal-500:hover {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .sm\:hover\:via-teal-600:hover {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .sm\:hover\:via-teal-700:hover {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .sm\:hover\:via-teal-800:hover {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .sm\:hover\:via-teal-900:hover {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .sm\:hover\:via-yellow-100:hover {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .sm\:hover\:via-yellow-200:hover {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .sm\:hover\:via-yellow-300:hover {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .sm\:hover\:via-yellow-400:hover {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .sm\:hover\:via-yellow-500:hover {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .sm\:hover\:via-yellow-600:hover {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .sm\:hover\:via-yellow-700:hover {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .sm\:hover\:via-yellow-800:hover {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .sm\:hover\:via-yellow-900:hover {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .sm\:hover\:via-facebook-400:hover {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .sm\:hover\:via-facebook-500:hover {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .sm\:hover\:via-snapchat-400:hover {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .sm\:hover\:via-snapchat-500:hover {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .sm\:hover\:via-messenger-400:hover {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .sm\:hover\:via-messenger-500:hover {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .sm\:hover\:via-twitter-400:hover {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .sm\:hover\:via-twitter-500:hover {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .sm\:hover\:via-transparent-black-10:hover {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:via-transparent-black-30:hover {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:via-transparent-black-50:hover {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:via-transparent-black-70:hover {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:via-transparent-black-90:hover {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:via-transparent-white-10:hover {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:via-transparent-white-30:hover {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:via-transparent-white-50:hover {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:via-transparent-white-70:hover {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:via-transparent-white-90:hover {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:via-vr-dark-blue:hover {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .sm\:hover\:via-vr-neon-green:hover {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .sm\:hover\:to-transparent:hover {
    --gradient-to-color: transparent;
  }

  .sm\:hover\:to-black:hover {
    --gradient-to-color: #000;
  }

  .sm\:hover\:to-white:hover {
    --gradient-to-color: #fff;
  }

  .sm\:hover\:to-gray-100:hover {
    --gradient-to-color: #f7fafc;
  }

  .sm\:hover\:to-gray-200:hover {
    --gradient-to-color: #edf2f7;
  }

  .sm\:hover\:to-gray-300:hover {
    --gradient-to-color: #e2e8f0;
  }

  .sm\:hover\:to-gray-400:hover {
    --gradient-to-color: #cbd5e0;
  }

  .sm\:hover\:to-gray-500:hover {
    --gradient-to-color: #a0aec0;
  }

  .sm\:hover\:to-gray-600:hover {
    --gradient-to-color: #718096;
  }

  .sm\:hover\:to-gray-700:hover {
    --gradient-to-color: #4a5568;
  }

  .sm\:hover\:to-gray-800:hover {
    --gradient-to-color: #2d3748;
  }

  .sm\:hover\:to-gray-900:hover {
    --gradient-to-color: #1a202c;
  }

  .sm\:hover\:to-blue-100:hover {
    --gradient-to-color: #86dfff;
  }

  .sm\:hover\:to-blue-200:hover {
    --gradient-to-color: #6bd6ff;
  }

  .sm\:hover\:to-blue-300:hover {
    --gradient-to-color: #52ccff;
  }

  .sm\:hover\:to-blue-400:hover {
    --gradient-to-color: #3ac2ff;
  }

  .sm\:hover\:to-blue-500:hover {
    --gradient-to-color: #23b7fb;
  }

  .sm\:hover\:to-blue-600:hover {
    --gradient-to-color: #1a9adf;
  }

  .sm\:hover\:to-blue-700:hover {
    --gradient-to-color: #127fbf;
  }

  .sm\:hover\:to-blue-800:hover {
    --gradient-to-color: #0c659f;
  }

  .sm\:hover\:to-blue-900:hover {
    --gradient-to-color: #074c80;
  }

  .sm\:hover\:to-blurple-100:hover {
    --gradient-to-color: #938FDB;
  }

  .sm\:hover\:to-blurple-200:hover {
    --gradient-to-color: #7A75D0;
  }

  .sm\:hover\:to-blurple-300:hover {
    --gradient-to-color: #615BC4;
  }

  .sm\:hover\:to-blurple-400:hover {
    --gradient-to-color: #4943B7;
  }

  .sm\:hover\:to-blurple-500:hover {
    --gradient-to-color: #322baa;
  }

  .sm\:hover\:to-blurple-700:hover {
    --gradient-to-color: #1c1e84;
  }

  .sm\:hover\:to-green-300:hover {
    --gradient-to-color: #42d86f;
  }

  .sm\:hover\:to-green-500:hover {
    --gradient-to-color: #0cc242;
  }

  .sm\:hover\:to-green-700:hover {
    --gradient-to-color: #02983a;
  }

  .sm\:hover\:to-orange-100:hover {
    --gradient-to-color: #ff6e4a;
  }

  .sm\:hover\:to-orange-200:hover {
    --gradient-to-color: #ff6640;
  }

  .sm\:hover\:to-orange-300:hover {
    --gradient-to-color: #ff5e36;
  }

  .sm\:hover\:to-orange-400:hover {
    --gradient-to-color: #ff562b;
  }

  .sm\:hover\:to-orange-500:hover {
    --gradient-to-color: #ff4d22;
  }

  .sm\:hover\:to-orange-600:hover {
    --gradient-to-color: #e5461e;
  }

  .sm\:hover\:to-orange-700:hover {
    --gradient-to-color: #cc3e1b;
  }

  .sm\:hover\:to-orange-800:hover {
    --gradient-to-color: #b33617;
  }

  .sm\:hover\:to-orange-900:hover {
    --gradient-to-color: #992f14;
  }

  .sm\:hover\:to-purple-100:hover {
    --gradient-to-color: #c861ff;
  }

  .sm\:hover\:to-purple-200:hover {
    --gradient-to-color: #c354ff;
  }

  .sm\:hover\:to-purple-300:hover {
    --gradient-to-color: #be49fc;
  }

  .sm\:hover\:to-purple-400:hover {
    --gradient-to-color: #ab42e3;
  }

  .sm\:hover\:to-purple-500:hover {
    --gradient-to-color: #983ac9;
  }

  .sm\:hover\:to-purple-600:hover {
    --gradient-to-color: #8433b0;
  }

  .sm\:hover\:to-purple-700:hover {
    --gradient-to-color: #712c96;
  }

  .sm\:hover\:to-purple-800:hover {
    --gradient-to-color: #5e247d;
  }

  .sm\:hover\:to-purple-900:hover {
    --gradient-to-color: #4b1d63;
  }

  .sm\:hover\:to-red-300:hover {
    --gradient-to-color: #ff6d69;
  }

  .sm\:hover\:to-red-500:hover {
    --gradient-to-color: #ff4540;
  }

  .sm\:hover\:to-red-700:hover {
    --gradient-to-color: #bf3929;
  }

  .sm\:hover\:to-teal-100:hover {
    --gradient-to-color: #8cfff9;
  }

  .sm\:hover\:to-teal-200:hover {
    --gradient-to-color: #66fff7;
  }

  .sm\:hover\:to-teal-300:hover {
    --gradient-to-color: #40fff5;
  }

  .sm\:hover\:to-teal-400:hover {
    --gradient-to-color: #35fcf2;
  }

  .sm\:hover\:to-teal-500:hover {
    --gradient-to-color: #30e3da;
  }

  .sm\:hover\:to-teal-600:hover {
    --gradient-to-color: #2ac9c1;
  }

  .sm\:hover\:to-teal-700:hover {
    --gradient-to-color: #25b0a9;
  }

  .sm\:hover\:to-teal-800:hover {
    --gradient-to-color: #209691;
  }

  .sm\:hover\:to-teal-900:hover {
    --gradient-to-color: #1a7d78;
  }

  .sm\:hover\:to-yellow-100:hover {
    --gradient-to-color: #ffe894;
  }

  .sm\:hover\:to-yellow-200:hover {
    --gradient-to-color: #ffe27a;
  }

  .sm\:hover\:to-yellow-300:hover {
    --gradient-to-color: #ffdd61;
  }

  .sm\:hover\:to-yellow-400:hover {
    --gradient-to-color: #ffd747;
  }

  .sm\:hover\:to-yellow-500:hover {
    --gradient-to-color: #fcce2f;
  }

  .sm\:hover\:to-yellow-600:hover {
    --gradient-to-color: #e3bb29;
  }

  .sm\:hover\:to-yellow-700:hover {
    --gradient-to-color: #c9a624;
  }

  .sm\:hover\:to-yellow-800:hover {
    --gradient-to-color: #b09120;
  }

  .sm\:hover\:to-yellow-900:hover {
    --gradient-to-color: #967c1b;
  }

  .sm\:hover\:to-facebook-400:hover {
    --gradient-to-color: #4a6dbc;
  }

  .sm\:hover\:to-facebook-500:hover {
    --gradient-to-color: #39579a;
  }

  .sm\:hover\:to-snapchat-400:hover {
    --gradient-to-color: #fffc00;
  }

  .sm\:hover\:to-snapchat-500:hover {
    --gradient-to-color: #39579a;
  }

  .sm\:hover\:to-messenger-400:hover {
    --gradient-to-color: #339dff;
  }

  .sm\:hover\:to-messenger-500:hover {
    --gradient-to-color: #0084ff;
  }

  .sm\:hover\:to-twitter-400:hover {
    --gradient-to-color: #21c2ff;
  }

  .sm\:hover\:to-twitter-500:hover {
    --gradient-to-color: #00aced;
  }

  .sm\:hover\:to-transparent-black-10:hover {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .sm\:hover\:to-transparent-black-30:hover {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .sm\:hover\:to-transparent-black-50:hover {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .sm\:hover\:to-transparent-black-70:hover {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .sm\:hover\:to-transparent-black-90:hover {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .sm\:hover\:to-transparent-white-10:hover {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .sm\:hover\:to-transparent-white-30:hover {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .sm\:hover\:to-transparent-white-50:hover {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .sm\:hover\:to-transparent-white-70:hover {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .sm\:hover\:to-transparent-white-90:hover {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .sm\:hover\:to-vr-dark-blue:hover {
    --gradient-to-color: #000047;
  }

  .sm\:hover\:to-vr-neon-green:hover {
    --gradient-to-color: #00ff75;
  }

  .sm\:focus\:from-transparent:focus {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:from-black:focus {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:from-white:focus {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:from-gray-100:focus {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .sm\:focus\:from-gray-200:focus {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .sm\:focus\:from-gray-300:focus {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .sm\:focus\:from-gray-400:focus {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .sm\:focus\:from-gray-500:focus {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .sm\:focus\:from-gray-600:focus {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .sm\:focus\:from-gray-700:focus {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .sm\:focus\:from-gray-800:focus {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .sm\:focus\:from-gray-900:focus {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .sm\:focus\:from-blue-100:focus {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .sm\:focus\:from-blue-200:focus {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .sm\:focus\:from-blue-300:focus {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .sm\:focus\:from-blue-400:focus {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .sm\:focus\:from-blue-500:focus {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .sm\:focus\:from-blue-600:focus {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .sm\:focus\:from-blue-700:focus {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .sm\:focus\:from-blue-800:focus {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .sm\:focus\:from-blue-900:focus {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .sm\:focus\:from-blurple-100:focus {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .sm\:focus\:from-blurple-200:focus {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .sm\:focus\:from-blurple-300:focus {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .sm\:focus\:from-blurple-400:focus {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .sm\:focus\:from-blurple-500:focus {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .sm\:focus\:from-blurple-700:focus {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .sm\:focus\:from-green-300:focus {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .sm\:focus\:from-green-500:focus {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .sm\:focus\:from-green-700:focus {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .sm\:focus\:from-orange-100:focus {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .sm\:focus\:from-orange-200:focus {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .sm\:focus\:from-orange-300:focus {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .sm\:focus\:from-orange-400:focus {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .sm\:focus\:from-orange-500:focus {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .sm\:focus\:from-orange-600:focus {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .sm\:focus\:from-orange-700:focus {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .sm\:focus\:from-orange-800:focus {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .sm\:focus\:from-orange-900:focus {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .sm\:focus\:from-purple-100:focus {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .sm\:focus\:from-purple-200:focus {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .sm\:focus\:from-purple-300:focus {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .sm\:focus\:from-purple-400:focus {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .sm\:focus\:from-purple-500:focus {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .sm\:focus\:from-purple-600:focus {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .sm\:focus\:from-purple-700:focus {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .sm\:focus\:from-purple-800:focus {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .sm\:focus\:from-purple-900:focus {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .sm\:focus\:from-red-300:focus {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .sm\:focus\:from-red-500:focus {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .sm\:focus\:from-red-700:focus {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .sm\:focus\:from-teal-100:focus {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .sm\:focus\:from-teal-200:focus {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .sm\:focus\:from-teal-300:focus {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .sm\:focus\:from-teal-400:focus {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .sm\:focus\:from-teal-500:focus {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .sm\:focus\:from-teal-600:focus {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .sm\:focus\:from-teal-700:focus {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .sm\:focus\:from-teal-800:focus {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .sm\:focus\:from-teal-900:focus {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .sm\:focus\:from-yellow-100:focus {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .sm\:focus\:from-yellow-200:focus {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .sm\:focus\:from-yellow-300:focus {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .sm\:focus\:from-yellow-400:focus {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .sm\:focus\:from-yellow-500:focus {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .sm\:focus\:from-yellow-600:focus {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .sm\:focus\:from-yellow-700:focus {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .sm\:focus\:from-yellow-800:focus {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .sm\:focus\:from-yellow-900:focus {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .sm\:focus\:from-facebook-400:focus {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .sm\:focus\:from-facebook-500:focus {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .sm\:focus\:from-snapchat-400:focus {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .sm\:focus\:from-snapchat-500:focus {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .sm\:focus\:from-messenger-400:focus {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .sm\:focus\:from-messenger-500:focus {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .sm\:focus\:from-twitter-400:focus {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .sm\:focus\:from-twitter-500:focus {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .sm\:focus\:from-transparent-black-10:focus {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:from-transparent-black-30:focus {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:from-transparent-black-50:focus {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:from-transparent-black-70:focus {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:from-transparent-black-90:focus {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:from-transparent-white-10:focus {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:from-transparent-white-30:focus {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:from-transparent-white-50:focus {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:from-transparent-white-70:focus {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:from-transparent-white-90:focus {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:from-vr-dark-blue:focus {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .sm\:focus\:from-vr-neon-green:focus {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .sm\:focus\:via-transparent:focus {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:via-black:focus {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:via-white:focus {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:via-gray-100:focus {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .sm\:focus\:via-gray-200:focus {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .sm\:focus\:via-gray-300:focus {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .sm\:focus\:via-gray-400:focus {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .sm\:focus\:via-gray-500:focus {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .sm\:focus\:via-gray-600:focus {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .sm\:focus\:via-gray-700:focus {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .sm\:focus\:via-gray-800:focus {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .sm\:focus\:via-gray-900:focus {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .sm\:focus\:via-blue-100:focus {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .sm\:focus\:via-blue-200:focus {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .sm\:focus\:via-blue-300:focus {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .sm\:focus\:via-blue-400:focus {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .sm\:focus\:via-blue-500:focus {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .sm\:focus\:via-blue-600:focus {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .sm\:focus\:via-blue-700:focus {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .sm\:focus\:via-blue-800:focus {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .sm\:focus\:via-blue-900:focus {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .sm\:focus\:via-blurple-100:focus {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .sm\:focus\:via-blurple-200:focus {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .sm\:focus\:via-blurple-300:focus {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .sm\:focus\:via-blurple-400:focus {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .sm\:focus\:via-blurple-500:focus {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .sm\:focus\:via-blurple-700:focus {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .sm\:focus\:via-green-300:focus {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .sm\:focus\:via-green-500:focus {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .sm\:focus\:via-green-700:focus {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .sm\:focus\:via-orange-100:focus {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .sm\:focus\:via-orange-200:focus {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .sm\:focus\:via-orange-300:focus {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .sm\:focus\:via-orange-400:focus {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .sm\:focus\:via-orange-500:focus {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .sm\:focus\:via-orange-600:focus {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .sm\:focus\:via-orange-700:focus {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .sm\:focus\:via-orange-800:focus {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .sm\:focus\:via-orange-900:focus {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .sm\:focus\:via-purple-100:focus {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .sm\:focus\:via-purple-200:focus {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .sm\:focus\:via-purple-300:focus {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .sm\:focus\:via-purple-400:focus {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .sm\:focus\:via-purple-500:focus {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .sm\:focus\:via-purple-600:focus {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .sm\:focus\:via-purple-700:focus {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .sm\:focus\:via-purple-800:focus {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .sm\:focus\:via-purple-900:focus {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .sm\:focus\:via-red-300:focus {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .sm\:focus\:via-red-500:focus {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .sm\:focus\:via-red-700:focus {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .sm\:focus\:via-teal-100:focus {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .sm\:focus\:via-teal-200:focus {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .sm\:focus\:via-teal-300:focus {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .sm\:focus\:via-teal-400:focus {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .sm\:focus\:via-teal-500:focus {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .sm\:focus\:via-teal-600:focus {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .sm\:focus\:via-teal-700:focus {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .sm\:focus\:via-teal-800:focus {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .sm\:focus\:via-teal-900:focus {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .sm\:focus\:via-yellow-100:focus {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .sm\:focus\:via-yellow-200:focus {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .sm\:focus\:via-yellow-300:focus {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .sm\:focus\:via-yellow-400:focus {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .sm\:focus\:via-yellow-500:focus {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .sm\:focus\:via-yellow-600:focus {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .sm\:focus\:via-yellow-700:focus {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .sm\:focus\:via-yellow-800:focus {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .sm\:focus\:via-yellow-900:focus {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .sm\:focus\:via-facebook-400:focus {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .sm\:focus\:via-facebook-500:focus {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .sm\:focus\:via-snapchat-400:focus {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .sm\:focus\:via-snapchat-500:focus {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .sm\:focus\:via-messenger-400:focus {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .sm\:focus\:via-messenger-500:focus {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .sm\:focus\:via-twitter-400:focus {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .sm\:focus\:via-twitter-500:focus {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .sm\:focus\:via-transparent-black-10:focus {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:via-transparent-black-30:focus {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:via-transparent-black-50:focus {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:via-transparent-black-70:focus {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:via-transparent-black-90:focus {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:via-transparent-white-10:focus {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:via-transparent-white-30:focus {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:via-transparent-white-50:focus {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:via-transparent-white-70:focus {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:via-transparent-white-90:focus {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:via-vr-dark-blue:focus {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .sm\:focus\:via-vr-neon-green:focus {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .sm\:focus\:to-transparent:focus {
    --gradient-to-color: transparent;
  }

  .sm\:focus\:to-black:focus {
    --gradient-to-color: #000;
  }

  .sm\:focus\:to-white:focus {
    --gradient-to-color: #fff;
  }

  .sm\:focus\:to-gray-100:focus {
    --gradient-to-color: #f7fafc;
  }

  .sm\:focus\:to-gray-200:focus {
    --gradient-to-color: #edf2f7;
  }

  .sm\:focus\:to-gray-300:focus {
    --gradient-to-color: #e2e8f0;
  }

  .sm\:focus\:to-gray-400:focus {
    --gradient-to-color: #cbd5e0;
  }

  .sm\:focus\:to-gray-500:focus {
    --gradient-to-color: #a0aec0;
  }

  .sm\:focus\:to-gray-600:focus {
    --gradient-to-color: #718096;
  }

  .sm\:focus\:to-gray-700:focus {
    --gradient-to-color: #4a5568;
  }

  .sm\:focus\:to-gray-800:focus {
    --gradient-to-color: #2d3748;
  }

  .sm\:focus\:to-gray-900:focus {
    --gradient-to-color: #1a202c;
  }

  .sm\:focus\:to-blue-100:focus {
    --gradient-to-color: #86dfff;
  }

  .sm\:focus\:to-blue-200:focus {
    --gradient-to-color: #6bd6ff;
  }

  .sm\:focus\:to-blue-300:focus {
    --gradient-to-color: #52ccff;
  }

  .sm\:focus\:to-blue-400:focus {
    --gradient-to-color: #3ac2ff;
  }

  .sm\:focus\:to-blue-500:focus {
    --gradient-to-color: #23b7fb;
  }

  .sm\:focus\:to-blue-600:focus {
    --gradient-to-color: #1a9adf;
  }

  .sm\:focus\:to-blue-700:focus {
    --gradient-to-color: #127fbf;
  }

  .sm\:focus\:to-blue-800:focus {
    --gradient-to-color: #0c659f;
  }

  .sm\:focus\:to-blue-900:focus {
    --gradient-to-color: #074c80;
  }

  .sm\:focus\:to-blurple-100:focus {
    --gradient-to-color: #938FDB;
  }

  .sm\:focus\:to-blurple-200:focus {
    --gradient-to-color: #7A75D0;
  }

  .sm\:focus\:to-blurple-300:focus {
    --gradient-to-color: #615BC4;
  }

  .sm\:focus\:to-blurple-400:focus {
    --gradient-to-color: #4943B7;
  }

  .sm\:focus\:to-blurple-500:focus {
    --gradient-to-color: #322baa;
  }

  .sm\:focus\:to-blurple-700:focus {
    --gradient-to-color: #1c1e84;
  }

  .sm\:focus\:to-green-300:focus {
    --gradient-to-color: #42d86f;
  }

  .sm\:focus\:to-green-500:focus {
    --gradient-to-color: #0cc242;
  }

  .sm\:focus\:to-green-700:focus {
    --gradient-to-color: #02983a;
  }

  .sm\:focus\:to-orange-100:focus {
    --gradient-to-color: #ff6e4a;
  }

  .sm\:focus\:to-orange-200:focus {
    --gradient-to-color: #ff6640;
  }

  .sm\:focus\:to-orange-300:focus {
    --gradient-to-color: #ff5e36;
  }

  .sm\:focus\:to-orange-400:focus {
    --gradient-to-color: #ff562b;
  }

  .sm\:focus\:to-orange-500:focus {
    --gradient-to-color: #ff4d22;
  }

  .sm\:focus\:to-orange-600:focus {
    --gradient-to-color: #e5461e;
  }

  .sm\:focus\:to-orange-700:focus {
    --gradient-to-color: #cc3e1b;
  }

  .sm\:focus\:to-orange-800:focus {
    --gradient-to-color: #b33617;
  }

  .sm\:focus\:to-orange-900:focus {
    --gradient-to-color: #992f14;
  }

  .sm\:focus\:to-purple-100:focus {
    --gradient-to-color: #c861ff;
  }

  .sm\:focus\:to-purple-200:focus {
    --gradient-to-color: #c354ff;
  }

  .sm\:focus\:to-purple-300:focus {
    --gradient-to-color: #be49fc;
  }

  .sm\:focus\:to-purple-400:focus {
    --gradient-to-color: #ab42e3;
  }

  .sm\:focus\:to-purple-500:focus {
    --gradient-to-color: #983ac9;
  }

  .sm\:focus\:to-purple-600:focus {
    --gradient-to-color: #8433b0;
  }

  .sm\:focus\:to-purple-700:focus {
    --gradient-to-color: #712c96;
  }

  .sm\:focus\:to-purple-800:focus {
    --gradient-to-color: #5e247d;
  }

  .sm\:focus\:to-purple-900:focus {
    --gradient-to-color: #4b1d63;
  }

  .sm\:focus\:to-red-300:focus {
    --gradient-to-color: #ff6d69;
  }

  .sm\:focus\:to-red-500:focus {
    --gradient-to-color: #ff4540;
  }

  .sm\:focus\:to-red-700:focus {
    --gradient-to-color: #bf3929;
  }

  .sm\:focus\:to-teal-100:focus {
    --gradient-to-color: #8cfff9;
  }

  .sm\:focus\:to-teal-200:focus {
    --gradient-to-color: #66fff7;
  }

  .sm\:focus\:to-teal-300:focus {
    --gradient-to-color: #40fff5;
  }

  .sm\:focus\:to-teal-400:focus {
    --gradient-to-color: #35fcf2;
  }

  .sm\:focus\:to-teal-500:focus {
    --gradient-to-color: #30e3da;
  }

  .sm\:focus\:to-teal-600:focus {
    --gradient-to-color: #2ac9c1;
  }

  .sm\:focus\:to-teal-700:focus {
    --gradient-to-color: #25b0a9;
  }

  .sm\:focus\:to-teal-800:focus {
    --gradient-to-color: #209691;
  }

  .sm\:focus\:to-teal-900:focus {
    --gradient-to-color: #1a7d78;
  }

  .sm\:focus\:to-yellow-100:focus {
    --gradient-to-color: #ffe894;
  }

  .sm\:focus\:to-yellow-200:focus {
    --gradient-to-color: #ffe27a;
  }

  .sm\:focus\:to-yellow-300:focus {
    --gradient-to-color: #ffdd61;
  }

  .sm\:focus\:to-yellow-400:focus {
    --gradient-to-color: #ffd747;
  }

  .sm\:focus\:to-yellow-500:focus {
    --gradient-to-color: #fcce2f;
  }

  .sm\:focus\:to-yellow-600:focus {
    --gradient-to-color: #e3bb29;
  }

  .sm\:focus\:to-yellow-700:focus {
    --gradient-to-color: #c9a624;
  }

  .sm\:focus\:to-yellow-800:focus {
    --gradient-to-color: #b09120;
  }

  .sm\:focus\:to-yellow-900:focus {
    --gradient-to-color: #967c1b;
  }

  .sm\:focus\:to-facebook-400:focus {
    --gradient-to-color: #4a6dbc;
  }

  .sm\:focus\:to-facebook-500:focus {
    --gradient-to-color: #39579a;
  }

  .sm\:focus\:to-snapchat-400:focus {
    --gradient-to-color: #fffc00;
  }

  .sm\:focus\:to-snapchat-500:focus {
    --gradient-to-color: #39579a;
  }

  .sm\:focus\:to-messenger-400:focus {
    --gradient-to-color: #339dff;
  }

  .sm\:focus\:to-messenger-500:focus {
    --gradient-to-color: #0084ff;
  }

  .sm\:focus\:to-twitter-400:focus {
    --gradient-to-color: #21c2ff;
  }

  .sm\:focus\:to-twitter-500:focus {
    --gradient-to-color: #00aced;
  }

  .sm\:focus\:to-transparent-black-10:focus {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .sm\:focus\:to-transparent-black-30:focus {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .sm\:focus\:to-transparent-black-50:focus {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .sm\:focus\:to-transparent-black-70:focus {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .sm\:focus\:to-transparent-black-90:focus {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .sm\:focus\:to-transparent-white-10:focus {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .sm\:focus\:to-transparent-white-30:focus {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .sm\:focus\:to-transparent-white-50:focus {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .sm\:focus\:to-transparent-white-70:focus {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .sm\:focus\:to-transparent-white-90:focus {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .sm\:focus\:to-vr-dark-blue:focus {
    --gradient-to-color: #000047;
  }

  .sm\:focus\:to-vr-neon-green:focus {
    --gradient-to-color: #00ff75;
  }

  .sm\:bg-opacity-0 {
    --bg-opacity: 0;
  }

  .sm\:bg-opacity-25 {
    --bg-opacity: 0.25;
  }

  .sm\:bg-opacity-50 {
    --bg-opacity: 0.5;
  }

  .sm\:bg-opacity-75 {
    --bg-opacity: 0.75;
  }

  .sm\:bg-opacity-100 {
    --bg-opacity: 1;
  }

  .sm\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0;
  }

  .sm\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25;
  }

  .sm\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5;
  }

  .sm\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75;
  }

  .sm\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1;
  }

  .sm\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0;
  }

  .sm\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25;
  }

  .sm\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5;
  }

  .sm\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75;
  }

  .sm\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1;
  }

  .sm\:bg-bottom {
    background-position: bottom;
  }

  .sm\:bg-center {
    background-position: center;
  }

  .sm\:bg-left {
    background-position: left;
  }

  .sm\:bg-left-bottom {
    background-position: left bottom;
  }

  .sm\:bg-left-top {
    background-position: left top;
  }

  .sm\:bg-right {
    background-position: right;
  }

  .sm\:bg-right-bottom {
    background-position: right bottom;
  }

  .sm\:bg-right-top {
    background-position: right top;
  }

  .sm\:bg-top {
    background-position: top;
  }

  .sm\:bg-repeat {
    background-repeat: repeat;
  }

  .sm\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .sm\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .sm\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .sm\:bg-repeat-round {
    background-repeat: round;
  }

  .sm\:bg-repeat-space {
    background-repeat: space;
  }

  .sm\:bg-auto {
    background-size: auto;
  }

  .sm\:bg-cover {
    background-size: cover;
  }

  .sm\:bg-contain {
    background-size: contain;
  }

  .sm\:border-collapse {
    border-collapse: collapse;
  }

  .sm\:border-separate {
    border-collapse: separate;
  }

  .sm\:border-transparent {
    border-color: transparent;
  }

  .sm\:border-black {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .sm\:border-white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .sm\:border-gray-100 {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .sm\:border-gray-200 {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .sm\:border-gray-300 {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .sm\:border-gray-400 {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .sm\:border-gray-500 {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .sm\:border-gray-600 {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .sm\:border-gray-700 {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .sm\:border-gray-800 {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .sm\:border-gray-900 {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .sm\:border-blue-100 {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .sm\:border-blue-200 {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .sm\:border-blue-300 {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .sm\:border-blue-400 {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .sm\:border-blue-500 {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .sm\:border-blue-600 {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .sm\:border-blue-700 {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .sm\:border-blue-800 {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .sm\:border-blue-900 {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .sm\:border-blurple-100 {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .sm\:border-blurple-200 {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .sm\:border-blurple-300 {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .sm\:border-blurple-400 {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .sm\:border-blurple-500 {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .sm\:border-blurple-700 {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .sm\:border-green-300 {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .sm\:border-green-500 {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .sm\:border-green-700 {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .sm\:border-orange-100 {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .sm\:border-orange-200 {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .sm\:border-orange-300 {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .sm\:border-orange-400 {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .sm\:border-orange-500 {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .sm\:border-orange-600 {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .sm\:border-orange-700 {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .sm\:border-orange-800 {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .sm\:border-orange-900 {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .sm\:border-purple-100 {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .sm\:border-purple-200 {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .sm\:border-purple-300 {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .sm\:border-purple-400 {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .sm\:border-purple-500 {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .sm\:border-purple-600 {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .sm\:border-purple-700 {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .sm\:border-purple-800 {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .sm\:border-purple-900 {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .sm\:border-red-300 {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .sm\:border-red-500 {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .sm\:border-red-700 {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .sm\:border-teal-100 {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .sm\:border-teal-200 {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .sm\:border-teal-300 {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .sm\:border-teal-400 {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .sm\:border-teal-500 {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .sm\:border-teal-600 {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .sm\:border-teal-700 {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .sm\:border-teal-800 {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .sm\:border-teal-900 {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .sm\:border-yellow-100 {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .sm\:border-yellow-200 {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .sm\:border-yellow-300 {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .sm\:border-yellow-400 {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .sm\:border-yellow-500 {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .sm\:border-yellow-600 {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .sm\:border-yellow-700 {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .sm\:border-yellow-800 {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .sm\:border-yellow-900 {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .sm\:border-facebook-400 {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .sm\:border-facebook-500 {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .sm\:border-snapchat-400 {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .sm\:border-snapchat-500 {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .sm\:border-messenger-400 {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .sm\:border-messenger-500 {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .sm\:border-twitter-400 {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .sm\:border-twitter-500 {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .sm\:border-transparent-black-10 {
    border-color: rgba(0,0,0,0.1);
  }

  .sm\:border-transparent-black-30 {
    border-color: rgba(0,0,0,0.3);
  }

  .sm\:border-transparent-black-50 {
    border-color: rgba(0,0,0,0.5);
  }

  .sm\:border-transparent-black-70 {
    border-color: rgba(0,0,0,0.7);
  }

  .sm\:border-transparent-black-90 {
    border-color: rgba(0,0,0,0.9);
  }

  .sm\:border-transparent-white-10 {
    border-color: rgba(255,255,255,0.1);
  }

  .sm\:border-transparent-white-30 {
    border-color: rgba(255,255,255,0.3);
  }

  .sm\:border-transparent-white-50 {
    border-color: rgba(255,255,255,0.5);
  }

  .sm\:border-transparent-white-70 {
    border-color: rgba(255,255,255,0.7);
  }

  .sm\:border-transparent-white-90 {
    border-color: rgba(255,255,255,0.9);
  }

  .sm\:border-vr-dark-blue {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .sm\:border-vr-neon-green {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .sm\:active\:border-transparent:active {
    border-color: transparent;
  }

  .sm\:active\:border-black:active {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .sm\:active\:border-white:active {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .sm\:active\:border-gray-100:active {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .sm\:active\:border-gray-200:active {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .sm\:active\:border-gray-300:active {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .sm\:active\:border-gray-400:active {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .sm\:active\:border-gray-500:active {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .sm\:active\:border-gray-600:active {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .sm\:active\:border-gray-700:active {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .sm\:active\:border-gray-800:active {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .sm\:active\:border-gray-900:active {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .sm\:active\:border-blue-100:active {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .sm\:active\:border-blue-200:active {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .sm\:active\:border-blue-300:active {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .sm\:active\:border-blue-400:active {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .sm\:active\:border-blue-500:active {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .sm\:active\:border-blue-600:active {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .sm\:active\:border-blue-700:active {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .sm\:active\:border-blue-800:active {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .sm\:active\:border-blue-900:active {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .sm\:active\:border-blurple-100:active {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .sm\:active\:border-blurple-200:active {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .sm\:active\:border-blurple-300:active {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .sm\:active\:border-blurple-400:active {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .sm\:active\:border-blurple-500:active {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .sm\:active\:border-blurple-700:active {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .sm\:active\:border-green-300:active {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .sm\:active\:border-green-500:active {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .sm\:active\:border-green-700:active {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .sm\:active\:border-orange-100:active {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .sm\:active\:border-orange-200:active {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .sm\:active\:border-orange-300:active {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .sm\:active\:border-orange-400:active {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .sm\:active\:border-orange-500:active {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .sm\:active\:border-orange-600:active {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .sm\:active\:border-orange-700:active {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .sm\:active\:border-orange-800:active {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .sm\:active\:border-orange-900:active {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .sm\:active\:border-purple-100:active {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .sm\:active\:border-purple-200:active {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .sm\:active\:border-purple-300:active {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .sm\:active\:border-purple-400:active {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .sm\:active\:border-purple-500:active {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .sm\:active\:border-purple-600:active {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .sm\:active\:border-purple-700:active {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .sm\:active\:border-purple-800:active {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .sm\:active\:border-purple-900:active {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .sm\:active\:border-red-300:active {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .sm\:active\:border-red-500:active {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .sm\:active\:border-red-700:active {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .sm\:active\:border-teal-100:active {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .sm\:active\:border-teal-200:active {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .sm\:active\:border-teal-300:active {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .sm\:active\:border-teal-400:active {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .sm\:active\:border-teal-500:active {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .sm\:active\:border-teal-600:active {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .sm\:active\:border-teal-700:active {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .sm\:active\:border-teal-800:active {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .sm\:active\:border-teal-900:active {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .sm\:active\:border-yellow-100:active {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .sm\:active\:border-yellow-200:active {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .sm\:active\:border-yellow-300:active {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .sm\:active\:border-yellow-400:active {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .sm\:active\:border-yellow-500:active {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .sm\:active\:border-yellow-600:active {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .sm\:active\:border-yellow-700:active {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .sm\:active\:border-yellow-800:active {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .sm\:active\:border-yellow-900:active {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .sm\:active\:border-facebook-400:active {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .sm\:active\:border-facebook-500:active {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .sm\:active\:border-snapchat-400:active {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .sm\:active\:border-snapchat-500:active {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .sm\:active\:border-messenger-400:active {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .sm\:active\:border-messenger-500:active {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .sm\:active\:border-twitter-400:active {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .sm\:active\:border-twitter-500:active {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .sm\:active\:border-transparent-black-10:active {
    border-color: rgba(0,0,0,0.1);
  }

  .sm\:active\:border-transparent-black-30:active {
    border-color: rgba(0,0,0,0.3);
  }

  .sm\:active\:border-transparent-black-50:active {
    border-color: rgba(0,0,0,0.5);
  }

  .sm\:active\:border-transparent-black-70:active {
    border-color: rgba(0,0,0,0.7);
  }

  .sm\:active\:border-transparent-black-90:active {
    border-color: rgba(0,0,0,0.9);
  }

  .sm\:active\:border-transparent-white-10:active {
    border-color: rgba(255,255,255,0.1);
  }

  .sm\:active\:border-transparent-white-30:active {
    border-color: rgba(255,255,255,0.3);
  }

  .sm\:active\:border-transparent-white-50:active {
    border-color: rgba(255,255,255,0.5);
  }

  .sm\:active\:border-transparent-white-70:active {
    border-color: rgba(255,255,255,0.7);
  }

  .sm\:active\:border-transparent-white-90:active {
    border-color: rgba(255,255,255,0.9);
  }

  .sm\:active\:border-vr-dark-blue:active {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .sm\:active\:border-vr-neon-green:active {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .sm\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .sm\:hover\:border-black:hover {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .sm\:hover\:border-white:hover {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .sm\:hover\:border-gray-100:hover {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .sm\:hover\:border-gray-200:hover {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .sm\:hover\:border-gray-300:hover {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .sm\:hover\:border-gray-400:hover {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .sm\:hover\:border-gray-500:hover {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .sm\:hover\:border-gray-600:hover {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .sm\:hover\:border-gray-700:hover {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .sm\:hover\:border-gray-800:hover {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .sm\:hover\:border-gray-900:hover {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .sm\:hover\:border-blue-100:hover {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .sm\:hover\:border-blue-200:hover {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .sm\:hover\:border-blue-300:hover {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .sm\:hover\:border-blue-400:hover {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .sm\:hover\:border-blue-500:hover {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .sm\:hover\:border-blue-600:hover {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .sm\:hover\:border-blue-700:hover {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .sm\:hover\:border-blue-800:hover {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .sm\:hover\:border-blue-900:hover {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .sm\:hover\:border-blurple-100:hover {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .sm\:hover\:border-blurple-200:hover {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .sm\:hover\:border-blurple-300:hover {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .sm\:hover\:border-blurple-400:hover {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .sm\:hover\:border-blurple-500:hover {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .sm\:hover\:border-blurple-700:hover {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .sm\:hover\:border-green-300:hover {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .sm\:hover\:border-green-500:hover {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .sm\:hover\:border-green-700:hover {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .sm\:hover\:border-orange-100:hover {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .sm\:hover\:border-orange-200:hover {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .sm\:hover\:border-orange-300:hover {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .sm\:hover\:border-orange-400:hover {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .sm\:hover\:border-orange-500:hover {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .sm\:hover\:border-orange-600:hover {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .sm\:hover\:border-orange-700:hover {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .sm\:hover\:border-orange-800:hover {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .sm\:hover\:border-orange-900:hover {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .sm\:hover\:border-purple-100:hover {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .sm\:hover\:border-purple-200:hover {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .sm\:hover\:border-purple-300:hover {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .sm\:hover\:border-purple-400:hover {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .sm\:hover\:border-purple-500:hover {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .sm\:hover\:border-purple-600:hover {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .sm\:hover\:border-purple-700:hover {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .sm\:hover\:border-purple-800:hover {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .sm\:hover\:border-purple-900:hover {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .sm\:hover\:border-red-300:hover {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .sm\:hover\:border-red-500:hover {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .sm\:hover\:border-red-700:hover {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .sm\:hover\:border-teal-100:hover {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .sm\:hover\:border-teal-200:hover {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .sm\:hover\:border-teal-300:hover {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .sm\:hover\:border-teal-400:hover {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .sm\:hover\:border-teal-500:hover {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .sm\:hover\:border-teal-600:hover {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .sm\:hover\:border-teal-700:hover {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .sm\:hover\:border-teal-800:hover {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .sm\:hover\:border-teal-900:hover {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .sm\:hover\:border-yellow-100:hover {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .sm\:hover\:border-yellow-200:hover {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .sm\:hover\:border-yellow-300:hover {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .sm\:hover\:border-yellow-400:hover {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .sm\:hover\:border-yellow-500:hover {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .sm\:hover\:border-yellow-600:hover {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .sm\:hover\:border-yellow-700:hover {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .sm\:hover\:border-yellow-800:hover {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .sm\:hover\:border-yellow-900:hover {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .sm\:hover\:border-facebook-400:hover {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .sm\:hover\:border-facebook-500:hover {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .sm\:hover\:border-snapchat-400:hover {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .sm\:hover\:border-snapchat-500:hover {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .sm\:hover\:border-messenger-400:hover {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .sm\:hover\:border-messenger-500:hover {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .sm\:hover\:border-twitter-400:hover {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .sm\:hover\:border-twitter-500:hover {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .sm\:hover\:border-transparent-black-10:hover {
    border-color: rgba(0,0,0,0.1);
  }

  .sm\:hover\:border-transparent-black-30:hover {
    border-color: rgba(0,0,0,0.3);
  }

  .sm\:hover\:border-transparent-black-50:hover {
    border-color: rgba(0,0,0,0.5);
  }

  .sm\:hover\:border-transparent-black-70:hover {
    border-color: rgba(0,0,0,0.7);
  }

  .sm\:hover\:border-transparent-black-90:hover {
    border-color: rgba(0,0,0,0.9);
  }

  .sm\:hover\:border-transparent-white-10:hover {
    border-color: rgba(255,255,255,0.1);
  }

  .sm\:hover\:border-transparent-white-30:hover {
    border-color: rgba(255,255,255,0.3);
  }

  .sm\:hover\:border-transparent-white-50:hover {
    border-color: rgba(255,255,255,0.5);
  }

  .sm\:hover\:border-transparent-white-70:hover {
    border-color: rgba(255,255,255,0.7);
  }

  .sm\:hover\:border-transparent-white-90:hover {
    border-color: rgba(255,255,255,0.9);
  }

  .sm\:hover\:border-vr-dark-blue:hover {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .sm\:hover\:border-vr-neon-green:hover {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .sm\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .sm\:focus\:border-black:focus {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .sm\:focus\:border-white:focus {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .sm\:focus\:border-gray-100:focus {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .sm\:focus\:border-gray-200:focus {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .sm\:focus\:border-gray-300:focus {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .sm\:focus\:border-gray-400:focus {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .sm\:focus\:border-gray-500:focus {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .sm\:focus\:border-gray-600:focus {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .sm\:focus\:border-gray-700:focus {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .sm\:focus\:border-gray-800:focus {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .sm\:focus\:border-gray-900:focus {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .sm\:focus\:border-blue-100:focus {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .sm\:focus\:border-blue-200:focus {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .sm\:focus\:border-blue-300:focus {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .sm\:focus\:border-blue-400:focus {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .sm\:focus\:border-blue-500:focus {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .sm\:focus\:border-blue-600:focus {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .sm\:focus\:border-blue-700:focus {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .sm\:focus\:border-blue-800:focus {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .sm\:focus\:border-blue-900:focus {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .sm\:focus\:border-blurple-100:focus {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .sm\:focus\:border-blurple-200:focus {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .sm\:focus\:border-blurple-300:focus {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .sm\:focus\:border-blurple-400:focus {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .sm\:focus\:border-blurple-500:focus {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .sm\:focus\:border-blurple-700:focus {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .sm\:focus\:border-green-300:focus {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .sm\:focus\:border-green-500:focus {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .sm\:focus\:border-green-700:focus {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .sm\:focus\:border-orange-100:focus {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .sm\:focus\:border-orange-200:focus {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .sm\:focus\:border-orange-300:focus {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .sm\:focus\:border-orange-400:focus {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .sm\:focus\:border-orange-500:focus {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .sm\:focus\:border-orange-600:focus {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .sm\:focus\:border-orange-700:focus {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .sm\:focus\:border-orange-800:focus {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .sm\:focus\:border-orange-900:focus {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .sm\:focus\:border-purple-100:focus {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .sm\:focus\:border-purple-200:focus {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .sm\:focus\:border-purple-300:focus {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .sm\:focus\:border-purple-400:focus {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .sm\:focus\:border-purple-500:focus {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .sm\:focus\:border-purple-600:focus {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .sm\:focus\:border-purple-700:focus {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .sm\:focus\:border-purple-800:focus {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .sm\:focus\:border-purple-900:focus {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .sm\:focus\:border-red-300:focus {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .sm\:focus\:border-red-500:focus {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .sm\:focus\:border-red-700:focus {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .sm\:focus\:border-teal-100:focus {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .sm\:focus\:border-teal-200:focus {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .sm\:focus\:border-teal-300:focus {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .sm\:focus\:border-teal-400:focus {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .sm\:focus\:border-teal-500:focus {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .sm\:focus\:border-teal-600:focus {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .sm\:focus\:border-teal-700:focus {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .sm\:focus\:border-teal-800:focus {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .sm\:focus\:border-teal-900:focus {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .sm\:focus\:border-yellow-100:focus {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .sm\:focus\:border-yellow-200:focus {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .sm\:focus\:border-yellow-300:focus {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .sm\:focus\:border-yellow-400:focus {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .sm\:focus\:border-yellow-500:focus {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .sm\:focus\:border-yellow-600:focus {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .sm\:focus\:border-yellow-700:focus {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .sm\:focus\:border-yellow-800:focus {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .sm\:focus\:border-yellow-900:focus {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .sm\:focus\:border-facebook-400:focus {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .sm\:focus\:border-facebook-500:focus {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .sm\:focus\:border-snapchat-400:focus {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .sm\:focus\:border-snapchat-500:focus {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .sm\:focus\:border-messenger-400:focus {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .sm\:focus\:border-messenger-500:focus {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .sm\:focus\:border-twitter-400:focus {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .sm\:focus\:border-twitter-500:focus {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .sm\:focus\:border-transparent-black-10:focus {
    border-color: rgba(0,0,0,0.1);
  }

  .sm\:focus\:border-transparent-black-30:focus {
    border-color: rgba(0,0,0,0.3);
  }

  .sm\:focus\:border-transparent-black-50:focus {
    border-color: rgba(0,0,0,0.5);
  }

  .sm\:focus\:border-transparent-black-70:focus {
    border-color: rgba(0,0,0,0.7);
  }

  .sm\:focus\:border-transparent-black-90:focus {
    border-color: rgba(0,0,0,0.9);
  }

  .sm\:focus\:border-transparent-white-10:focus {
    border-color: rgba(255,255,255,0.1);
  }

  .sm\:focus\:border-transparent-white-30:focus {
    border-color: rgba(255,255,255,0.3);
  }

  .sm\:focus\:border-transparent-white-50:focus {
    border-color: rgba(255,255,255,0.5);
  }

  .sm\:focus\:border-transparent-white-70:focus {
    border-color: rgba(255,255,255,0.7);
  }

  .sm\:focus\:border-transparent-white-90:focus {
    border-color: rgba(255,255,255,0.9);
  }

  .sm\:focus\:border-vr-dark-blue:focus {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .sm\:focus\:border-vr-neon-green:focus {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .sm\:border-opacity-0 {
    --border-opacity: 0;
  }

  .sm\:border-opacity-25 {
    --border-opacity: 0.25;
  }

  .sm\:border-opacity-50 {
    --border-opacity: 0.5;
  }

  .sm\:border-opacity-75 {
    --border-opacity: 0.75;
  }

  .sm\:border-opacity-100 {
    --border-opacity: 1;
  }

  .sm\:hover\:border-opacity-0:hover {
    --border-opacity: 0;
  }

  .sm\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25;
  }

  .sm\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5;
  }

  .sm\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75;
  }

  .sm\:hover\:border-opacity-100:hover {
    --border-opacity: 1;
  }

  .sm\:focus\:border-opacity-0:focus {
    --border-opacity: 0;
  }

  .sm\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25;
  }

  .sm\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5;
  }

  .sm\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75;
  }

  .sm\:focus\:border-opacity-100:focus {
    --border-opacity: 1;
  }

  .sm\:rounded-none {
    border-radius: 0;
  }

  .sm\:rounded-sm {
    border-radius: 0.125rem;
  }

  .sm\:rounded {
    border-radius: 0.25rem;
  }

  .sm\:rounded-md {
    border-radius: 0.375rem;
  }

  .sm\:rounded-lg {
    border-radius: 0.5rem;
  }

  .sm\:rounded-xl {
    border-radius: 0.75rem;
  }

  .sm\:rounded-2xl {
    border-radius: 1rem;
  }

  .sm\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .sm\:rounded-full {
    border-radius: 9999px;
  }

  .sm\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .sm\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .sm\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .sm\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .sm\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .sm\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .sm\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .sm\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .sm\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .sm\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .sm\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .sm\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .sm\:rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .sm\:rounded-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .sm\:rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .sm\:rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .sm\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .sm\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .sm\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .sm\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .sm\:rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .sm\:rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .sm\:rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .sm\:rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .sm\:rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .sm\:rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .sm\:rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .sm\:rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .sm\:rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .sm\:rounded-r-3xl {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .sm\:rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .sm\:rounded-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .sm\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .sm\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .sm\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .sm\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .sm\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  .sm\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  .sm\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .sm\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .sm\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  .sm\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  .sm\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  .sm\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  .sm\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  .sm\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  .sm\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  .sm\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  .sm\:rounded-tl-md {
    border-top-left-radius: 0.375rem;
  }

  .sm\:rounded-tr-md {
    border-top-right-radius: 0.375rem;
  }

  .sm\:rounded-br-md {
    border-bottom-right-radius: 0.375rem;
  }

  .sm\:rounded-bl-md {
    border-bottom-left-radius: 0.375rem;
  }

  .sm\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .sm\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  .sm\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  .sm\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  .sm\:rounded-tl-xl {
    border-top-left-radius: 0.75rem;
  }

  .sm\:rounded-tr-xl {
    border-top-right-radius: 0.75rem;
  }

  .sm\:rounded-br-xl {
    border-bottom-right-radius: 0.75rem;
  }

  .sm\:rounded-bl-xl {
    border-bottom-left-radius: 0.75rem;
  }

  .sm\:rounded-tl-2xl {
    border-top-left-radius: 1rem;
  }

  .sm\:rounded-tr-2xl {
    border-top-right-radius: 1rem;
  }

  .sm\:rounded-br-2xl {
    border-bottom-right-radius: 1rem;
  }

  .sm\:rounded-bl-2xl {
    border-bottom-left-radius: 1rem;
  }

  .sm\:rounded-tl-3xl {
    border-top-left-radius: 1.5rem;
  }

  .sm\:rounded-tr-3xl {
    border-top-right-radius: 1.5rem;
  }

  .sm\:rounded-br-3xl {
    border-bottom-right-radius: 1.5rem;
  }

  .sm\:rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem;
  }

  .sm\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .sm\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .sm\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .sm\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .sm\:border-solid {
    border-style: solid;
  }

  .sm\:border-dashed {
    border-style: dashed;
  }

  .sm\:border-dotted {
    border-style: dotted;
  }

  .sm\:border-double {
    border-style: double;
  }

  .sm\:border-none {
    border-style: none;
  }

  .sm\:border-0 {
    border-width: 0;
  }

  .sm\:border-2 {
    border-width: 2px;
  }

  .sm\:border-4 {
    border-width: 4px;
  }

  .sm\:border-8 {
    border-width: 8px;
  }

  .sm\:border {
    border-width: 1px;
  }

  .sm\:border-t-0 {
    border-top-width: 0;
  }

  .sm\:border-r-0 {
    border-right-width: 0;
  }

  .sm\:border-b-0 {
    border-bottom-width: 0;
  }

  .sm\:border-l-0 {
    border-left-width: 0;
  }

  .sm\:border-t-2 {
    border-top-width: 2px;
  }

  .sm\:border-r-2 {
    border-right-width: 2px;
  }

  .sm\:border-b-2 {
    border-bottom-width: 2px;
  }

  .sm\:border-l-2 {
    border-left-width: 2px;
  }

  .sm\:border-t-4 {
    border-top-width: 4px;
  }

  .sm\:border-r-4 {
    border-right-width: 4px;
  }

  .sm\:border-b-4 {
    border-bottom-width: 4px;
  }

  .sm\:border-l-4 {
    border-left-width: 4px;
  }

  .sm\:border-t-8 {
    border-top-width: 8px;
  }

  .sm\:border-r-8 {
    border-right-width: 8px;
  }

  .sm\:border-b-8 {
    border-bottom-width: 8px;
  }

  .sm\:border-l-8 {
    border-left-width: 8px;
  }

  .sm\:border-t {
    border-top-width: 1px;
  }

  .sm\:border-r {
    border-right-width: 1px;
  }

  .sm\:border-b {
    border-bottom-width: 1px;
  }

  .sm\:border-l {
    border-left-width: 1px;
  }

  .sm\:box-border {
    box-sizing: border-box;
  }

  .sm\:box-content {
    box-sizing: content-box;
  }

  .sm\:cursor-auto {
    cursor: auto;
  }

  .sm\:cursor-default {
    cursor: default;
  }

  .sm\:cursor-pointer {
    cursor: pointer;
  }

  .sm\:cursor-wait {
    cursor: wait;
  }

  .sm\:cursor-text {
    cursor: text;
  }

  .sm\:cursor-move {
    cursor: move;
  }

  .sm\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline-block {
    display: inline-block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:table {
    display: table;
  }

  .sm\:table-caption {
    display: table-caption;
  }

  .sm\:table-cell {
    display: table-cell;
  }

  .sm\:table-column {
    display: table-column;
  }

  .sm\:table-column-group {
    display: table-column-group;
  }

  .sm\:table-footer-group {
    display: table-footer-group;
  }

  .sm\:table-header-group {
    display: table-header-group;
  }

  .sm\:table-row-group {
    display: table-row-group;
  }

  .sm\:table-row {
    display: table-row;
  }

  .sm\:flow-root {
    display: flow-root;
  }

  .sm\:grid {
    display: grid;
  }

  .sm\:inline-grid {
    display: inline-grid;
  }

  .sm\:contents {
    display: contents;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .sm\:flex-col {
    flex-direction: column;
  }

  .sm\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .sm\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  .sm\:place-items-auto {
    place-items: auto;
  }

  .sm\:place-items-start {
    place-items: start;
  }

  .sm\:place-items-end {
    place-items: end;
  }

  .sm\:place-items-center {
    place-items: center;
  }

  .sm\:place-items-stretch {
    place-items: stretch;
  }

  .sm\:place-content-center {
    place-content: center;
  }

  .sm\:place-content-start {
    place-content: start;
  }

  .sm\:place-content-end {
    place-content: end;
  }

  .sm\:place-content-between {
    place-content: space-between;
  }

  .sm\:place-content-around {
    place-content: space-around;
  }

  .sm\:place-content-evenly {
    place-content: space-evenly;
  }

  .sm\:place-content-stretch {
    place-content: stretch;
  }

  .sm\:place-self-auto {
    place-self: auto;
  }

  .sm\:place-self-start {
    place-self: start;
  }

  .sm\:place-self-end {
    place-self: end;
  }

  .sm\:place-self-center {
    place-self: center;
  }

  .sm\:place-self-stretch {
    place-self: stretch;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:items-baseline {
    align-items: baseline;
  }

  .sm\:items-stretch {
    align-items: stretch;
  }

  .sm\:content-center {
    align-content: center;
  }

  .sm\:content-start {
    align-content: flex-start;
  }

  .sm\:content-end {
    align-content: flex-end;
  }

  .sm\:content-between {
    align-content: space-between;
  }

  .sm\:content-around {
    align-content: space-around;
  }

  .sm\:content-evenly {
    align-content: space-evenly;
  }

  .sm\:self-auto {
    align-self: auto;
  }

  .sm\:self-start {
    align-self: flex-start;
  }

  .sm\:self-end {
    align-self: flex-end;
  }

  .sm\:self-center {
    align-self: center;
  }

  .sm\:self-stretch {
    align-self: stretch;
  }

  .sm\:justify-items-auto {
    justify-items: auto;
  }

  .sm\:justify-items-start {
    justify-items: start;
  }

  .sm\:justify-items-end {
    justify-items: end;
  }

  .sm\:justify-items-center {
    justify-items: center;
  }

  .sm\:justify-items-stretch {
    justify-items: stretch;
  }

  .sm\:justify-start {
    justify-content: flex-start;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:justify-center {
    justify-content: center;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:justify-around {
    justify-content: space-around;
  }

  .sm\:justify-evenly {
    justify-content: space-evenly;
  }

  .sm\:justify-self-auto {
    justify-self: auto;
  }

  .sm\:justify-self-start {
    justify-self: start;
  }

  .sm\:justify-self-end {
    justify-self: end;
  }

  .sm\:justify-self-center {
    justify-self: center;
  }

  .sm\:justify-self-stretch {
    justify-self: stretch;
  }

  .sm\:flex-1 {
    flex: 1 1 0%;
  }

  .sm\:flex-auto {
    flex: 1 1 auto;
  }

  .sm\:flex-initial {
    flex: 0 1 auto;
  }

  .sm\:flex-none {
    flex: none;
  }

  .sm\:flex-grow-0 {
    flex-grow: 0;
  }

  .sm\:flex-grow {
    flex-grow: 1;
  }

  .sm\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .sm\:flex-shrink {
    flex-shrink: 1;
  }

  .sm\:order-1 {
    order: 1;
  }

  .sm\:order-2 {
    order: 2;
  }

  .sm\:order-3 {
    order: 3;
  }

  .sm\:order-4 {
    order: 4;
  }

  .sm\:order-5 {
    order: 5;
  }

  .sm\:order-6 {
    order: 6;
  }

  .sm\:order-7 {
    order: 7;
  }

  .sm\:order-8 {
    order: 8;
  }

  .sm\:order-9 {
    order: 9;
  }

  .sm\:order-10 {
    order: 10;
  }

  .sm\:order-11 {
    order: 11;
  }

  .sm\:order-12 {
    order: 12;
  }

  .sm\:order-first {
    order: -9999;
  }

  .sm\:order-last {
    order: 9999;
  }

  .sm\:order-none {
    order: 0;
  }

  .sm\:float-right {
    float: right;
  }

  .sm\:float-left {
    float: left;
  }

  .sm\:float-none {
    float: none;
  }

  .sm\:clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  .sm\:clear-left {
    clear: left;
  }

  .sm\:clear-right {
    clear: right;
  }

  .sm\:clear-both {
    clear: both;
  }

  .sm\:clear-none {
    clear: none;
  }

  .sm\:font-source-sans {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .sm\:font-league-gothic {
    font-family: "League Gothic", Impact, "Franklin Gothic Bold", "Arial Black", sans-serif;
  }

  .sm\:font-hairline {
    font-weight: 100;
  }

  .sm\:font-thin {
    font-weight: 200;
  }

  .sm\:font-light {
    font-weight: 300;
  }

  .sm\:font-normal {
    font-weight: 400;
  }

  .sm\:font-medium {
    font-weight: 500;
  }

  .sm\:font-semibold {
    font-weight: 600;
  }

  .sm\:font-bold {
    font-weight: 700;
  }

  .sm\:font-extrabold {
    font-weight: 800;
  }

  .sm\:font-black {
    font-weight: 900;
  }

  .sm\:hover\:font-hairline:hover {
    font-weight: 100;
  }

  .sm\:hover\:font-thin:hover {
    font-weight: 200;
  }

  .sm\:hover\:font-light:hover {
    font-weight: 300;
  }

  .sm\:hover\:font-normal:hover {
    font-weight: 400;
  }

  .sm\:hover\:font-medium:hover {
    font-weight: 500;
  }

  .sm\:hover\:font-semibold:hover {
    font-weight: 600;
  }

  .sm\:hover\:font-bold:hover {
    font-weight: 700;
  }

  .sm\:hover\:font-extrabold:hover {
    font-weight: 800;
  }

  .sm\:hover\:font-black:hover {
    font-weight: 900;
  }

  .sm\:focus\:font-hairline:focus {
    font-weight: 100;
  }

  .sm\:focus\:font-thin:focus {
    font-weight: 200;
  }

  .sm\:focus\:font-light:focus {
    font-weight: 300;
  }

  .sm\:focus\:font-normal:focus {
    font-weight: 400;
  }

  .sm\:focus\:font-medium:focus {
    font-weight: 500;
  }

  .sm\:focus\:font-semibold:focus {
    font-weight: 600;
  }

  .sm\:focus\:font-bold:focus {
    font-weight: 700;
  }

  .sm\:focus\:font-extrabold:focus {
    font-weight: 800;
  }

  .sm\:focus\:font-black:focus {
    font-weight: 900;
  }

  .sm\:h-0 {
    height: 0;
  }

  .sm\:h-1 {
    height: 0.25rem;
  }

  .sm\:h-2 {
    height: 0.5rem;
  }

  .sm\:h-3 {
    height: 0.75rem;
  }

  .sm\:h-4 {
    height: 1rem;
  }

  .sm\:h-5 {
    height: 1.25rem;
  }

  .sm\:h-6 {
    height: 1.5rem;
  }

  .sm\:h-8 {
    height: 2rem;
  }

  .sm\:h-10 {
    height: 2.5rem;
  }

  .sm\:h-12 {
    height: 3rem;
  }

  .sm\:h-16 {
    height: 4rem;
  }

  .sm\:h-20 {
    height: 5rem;
  }

  .sm\:h-24 {
    height: 6rem;
  }

  .sm\:h-32 {
    height: 8rem;
  }

  .sm\:h-40 {
    height: 10rem;
  }

  .sm\:h-48 {
    height: 12rem;
  }

  .sm\:h-56 {
    height: 14rem;
  }

  .sm\:h-64 {
    height: 16rem;
  }

  .sm\:h-auto {
    height: auto;
  }

  .sm\:h-px {
    height: 1px;
  }

  .sm\:h-full {
    height: 100%;
  }

  .sm\:h-screen {
    height: 100vh;
  }

  .sm\:text-xs {
    font-size: 12px;
  }

  .sm\:text-sm {
    font-size: 14px;
  }

  .sm\:text-base {
    font-size: 18px;
  }

  .sm\:text-lg {
    font-size: 22px;
  }

  .sm\:text-xl {
    font-size: 28px;
  }

  .sm\:text-2xl {
    font-size: 35px;
  }

  .sm\:text-3xl {
    font-size: 44px;
  }

  .sm\:text-4xl {
    font-size: 55px;
  }

  .sm\:text-5xl {
    font-size: 69px;
  }

  .sm\:text-6xl {
    font-size: 84px;
  }

  .sm\:leading-3 {
    line-height: .75rem;
  }

  .sm\:leading-4 {
    line-height: 1rem;
  }

  .sm\:leading-5 {
    line-height: 1.25rem;
  }

  .sm\:leading-6 {
    line-height: 1.5rem;
  }

  .sm\:leading-7 {
    line-height: 1.75rem;
  }

  .sm\:leading-8 {
    line-height: 2rem;
  }

  .sm\:leading-9 {
    line-height: 2.25rem;
  }

  .sm\:leading-10 {
    line-height: 2.5rem;
  }

  .sm\:leading-none {
    line-height: 1;
  }

  .sm\:leading-tight {
    line-height: 1.25;
  }

  .sm\:leading-snug {
    line-height: 1.375;
  }

  .sm\:leading-normal {
    line-height: 1.5;
  }

  .sm\:leading-relaxed {
    line-height: 1.625;
  }

  .sm\:leading-loose {
    line-height: 2;
  }

  .sm\:list-inside {
    list-style-position: inside;
  }

  .sm\:list-outside {
    list-style-position: outside;
  }

  .sm\:list-none {
    list-style-type: none;
  }

  .sm\:list-disc {
    list-style-type: disc;
  }

  .sm\:list-decimal {
    list-style-type: decimal;
  }

  .sm\:m-0 {
    margin: 0;
  }

  .sm\:m-1 {
    margin: 0.25rem;
  }

  .sm\:m-2 {
    margin: 0.5rem;
  }

  .sm\:m-3 {
    margin: 0.75rem;
  }

  .sm\:m-4 {
    margin: 1rem;
  }

  .sm\:m-5 {
    margin: 1.25rem;
  }

  .sm\:m-6 {
    margin: 1.5rem;
  }

  .sm\:m-8 {
    margin: 2rem;
  }

  .sm\:m-10 {
    margin: 2.5rem;
  }

  .sm\:m-12 {
    margin: 3rem;
  }

  .sm\:m-16 {
    margin: 4rem;
  }

  .sm\:m-20 {
    margin: 5rem;
  }

  .sm\:m-24 {
    margin: 6rem;
  }

  .sm\:m-32 {
    margin: 8rem;
  }

  .sm\:m-40 {
    margin: 10rem;
  }

  .sm\:m-48 {
    margin: 12rem;
  }

  .sm\:m-56 {
    margin: 14rem;
  }

  .sm\:m-64 {
    margin: 16rem;
  }

  .sm\:m-auto {
    margin: auto;
  }

  .sm\:m-px {
    margin: 1px;
  }

  .sm\:-m-1 {
    margin: -0.25rem;
  }

  .sm\:-m-2 {
    margin: -0.5rem;
  }

  .sm\:-m-3 {
    margin: -0.75rem;
  }

  .sm\:-m-4 {
    margin: -1rem;
  }

  .sm\:-m-5 {
    margin: -1.25rem;
  }

  .sm\:-m-6 {
    margin: -1.5rem;
  }

  .sm\:-m-8 {
    margin: -2rem;
  }

  .sm\:-m-10 {
    margin: -2.5rem;
  }

  .sm\:-m-12 {
    margin: -3rem;
  }

  .sm\:-m-16 {
    margin: -4rem;
  }

  .sm\:-m-20 {
    margin: -5rem;
  }

  .sm\:-m-24 {
    margin: -6rem;
  }

  .sm\:-m-32 {
    margin: -8rem;
  }

  .sm\:-m-40 {
    margin: -10rem;
  }

  .sm\:-m-48 {
    margin: -12rem;
  }

  .sm\:-m-56 {
    margin: -14rem;
  }

  .sm\:-m-64 {
    margin: -16rem;
  }

  .sm\:-m-px {
    margin: -1px;
  }

  .sm\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .sm\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .sm\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .sm\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .sm\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .sm\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .sm\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .sm\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .sm\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .sm\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .sm\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .sm\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .sm\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .sm\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .sm\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .sm\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .sm\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .sm\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .sm\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .sm\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .sm\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .sm\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .sm\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .sm\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .sm\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .sm\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .sm\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .sm\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .sm\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .sm\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .sm\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .sm\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .sm\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .sm\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .sm\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .sm\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .sm\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .sm\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .sm\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .sm\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .sm\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .sm\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .sm\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .sm\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .sm\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .sm\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .sm\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .sm\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .sm\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .sm\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .sm\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .sm\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .sm\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .sm\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .sm\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .sm\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .sm\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .sm\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .sm\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .sm\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .sm\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .sm\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .sm\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .sm\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .sm\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .sm\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .sm\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .sm\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .sm\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .sm\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .sm\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .sm\:mt-0 {
    margin-top: 0;
  }

  .sm\:mr-0 {
    margin-right: 0;
  }

  .sm\:mb-0 {
    margin-bottom: 0;
  }

  .sm\:ml-0 {
    margin-left: 0;
  }

  .sm\:mt-1 {
    margin-top: 0.25rem;
  }

  .sm\:mr-1 {
    margin-right: 0.25rem;
  }

  .sm\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .sm\:ml-1 {
    margin-left: 0.25rem;
  }

  .sm\:mt-2 {
    margin-top: 0.5rem;
  }

  .sm\:mr-2 {
    margin-right: 0.5rem;
  }

  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .sm\:ml-2 {
    margin-left: 0.5rem;
  }

  .sm\:mt-3 {
    margin-top: 0.75rem;
  }

  .sm\:mr-3 {
    margin-right: 0.75rem;
  }

  .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .sm\:ml-3 {
    margin-left: 0.75rem;
  }

  .sm\:mt-4 {
    margin-top: 1rem;
  }

  .sm\:mr-4 {
    margin-right: 1rem;
  }

  .sm\:mb-4 {
    margin-bottom: 1rem;
  }

  .sm\:ml-4 {
    margin-left: 1rem;
  }

  .sm\:mt-5 {
    margin-top: 1.25rem;
  }

  .sm\:mr-5 {
    margin-right: 1.25rem;
  }

  .sm\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .sm\:ml-5 {
    margin-left: 1.25rem;
  }

  .sm\:mt-6 {
    margin-top: 1.5rem;
  }

  .sm\:mr-6 {
    margin-right: 1.5rem;
  }

  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .sm\:ml-6 {
    margin-left: 1.5rem;
  }

  .sm\:mt-8 {
    margin-top: 2rem;
  }

  .sm\:mr-8 {
    margin-right: 2rem;
  }

  .sm\:mb-8 {
    margin-bottom: 2rem;
  }

  .sm\:ml-8 {
    margin-left: 2rem;
  }

  .sm\:mt-10 {
    margin-top: 2.5rem;
  }

  .sm\:mr-10 {
    margin-right: 2.5rem;
  }

  .sm\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .sm\:ml-10 {
    margin-left: 2.5rem;
  }

  .sm\:mt-12 {
    margin-top: 3rem;
  }

  .sm\:mr-12 {
    margin-right: 3rem;
  }

  .sm\:mb-12 {
    margin-bottom: 3rem;
  }

  .sm\:ml-12 {
    margin-left: 3rem;
  }

  .sm\:mt-16 {
    margin-top: 4rem;
  }

  .sm\:mr-16 {
    margin-right: 4rem;
  }

  .sm\:mb-16 {
    margin-bottom: 4rem;
  }

  .sm\:ml-16 {
    margin-left: 4rem;
  }

  .sm\:mt-20 {
    margin-top: 5rem;
  }

  .sm\:mr-20 {
    margin-right: 5rem;
  }

  .sm\:mb-20 {
    margin-bottom: 5rem;
  }

  .sm\:ml-20 {
    margin-left: 5rem;
  }

  .sm\:mt-24 {
    margin-top: 6rem;
  }

  .sm\:mr-24 {
    margin-right: 6rem;
  }

  .sm\:mb-24 {
    margin-bottom: 6rem;
  }

  .sm\:ml-24 {
    margin-left: 6rem;
  }

  .sm\:mt-32 {
    margin-top: 8rem;
  }

  .sm\:mr-32 {
    margin-right: 8rem;
  }

  .sm\:mb-32 {
    margin-bottom: 8rem;
  }

  .sm\:ml-32 {
    margin-left: 8rem;
  }

  .sm\:mt-40 {
    margin-top: 10rem;
  }

  .sm\:mr-40 {
    margin-right: 10rem;
  }

  .sm\:mb-40 {
    margin-bottom: 10rem;
  }

  .sm\:ml-40 {
    margin-left: 10rem;
  }

  .sm\:mt-48 {
    margin-top: 12rem;
  }

  .sm\:mr-48 {
    margin-right: 12rem;
  }

  .sm\:mb-48 {
    margin-bottom: 12rem;
  }

  .sm\:ml-48 {
    margin-left: 12rem;
  }

  .sm\:mt-56 {
    margin-top: 14rem;
  }

  .sm\:mr-56 {
    margin-right: 14rem;
  }

  .sm\:mb-56 {
    margin-bottom: 14rem;
  }

  .sm\:ml-56 {
    margin-left: 14rem;
  }

  .sm\:mt-64 {
    margin-top: 16rem;
  }

  .sm\:mr-64 {
    margin-right: 16rem;
  }

  .sm\:mb-64 {
    margin-bottom: 16rem;
  }

  .sm\:ml-64 {
    margin-left: 16rem;
  }

  .sm\:mt-auto {
    margin-top: auto;
  }

  .sm\:mr-auto {
    margin-right: auto;
  }

  .sm\:mb-auto {
    margin-bottom: auto;
  }

  .sm\:ml-auto {
    margin-left: auto;
  }

  .sm\:mt-px {
    margin-top: 1px;
  }

  .sm\:mr-px {
    margin-right: 1px;
  }

  .sm\:mb-px {
    margin-bottom: 1px;
  }

  .sm\:ml-px {
    margin-left: 1px;
  }

  .sm\:-mt-1 {
    margin-top: -0.25rem;
  }

  .sm\:-mr-1 {
    margin-right: -0.25rem;
  }

  .sm\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  .sm\:-ml-1 {
    margin-left: -0.25rem;
  }

  .sm\:-mt-2 {
    margin-top: -0.5rem;
  }

  .sm\:-mr-2 {
    margin-right: -0.5rem;
  }

  .sm\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  .sm\:-ml-2 {
    margin-left: -0.5rem;
  }

  .sm\:-mt-3 {
    margin-top: -0.75rem;
  }

  .sm\:-mr-3 {
    margin-right: -0.75rem;
  }

  .sm\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  .sm\:-ml-3 {
    margin-left: -0.75rem;
  }

  .sm\:-mt-4 {
    margin-top: -1rem;
  }

  .sm\:-mr-4 {
    margin-right: -1rem;
  }

  .sm\:-mb-4 {
    margin-bottom: -1rem;
  }

  .sm\:-ml-4 {
    margin-left: -1rem;
  }

  .sm\:-mt-5 {
    margin-top: -1.25rem;
  }

  .sm\:-mr-5 {
    margin-right: -1.25rem;
  }

  .sm\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  .sm\:-ml-5 {
    margin-left: -1.25rem;
  }

  .sm\:-mt-6 {
    margin-top: -1.5rem;
  }

  .sm\:-mr-6 {
    margin-right: -1.5rem;
  }

  .sm\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .sm\:-ml-6 {
    margin-left: -1.5rem;
  }

  .sm\:-mt-8 {
    margin-top: -2rem;
  }

  .sm\:-mr-8 {
    margin-right: -2rem;
  }

  .sm\:-mb-8 {
    margin-bottom: -2rem;
  }

  .sm\:-ml-8 {
    margin-left: -2rem;
  }

  .sm\:-mt-10 {
    margin-top: -2.5rem;
  }

  .sm\:-mr-10 {
    margin-right: -2.5rem;
  }

  .sm\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  .sm\:-ml-10 {
    margin-left: -2.5rem;
  }

  .sm\:-mt-12 {
    margin-top: -3rem;
  }

  .sm\:-mr-12 {
    margin-right: -3rem;
  }

  .sm\:-mb-12 {
    margin-bottom: -3rem;
  }

  .sm\:-ml-12 {
    margin-left: -3rem;
  }

  .sm\:-mt-16 {
    margin-top: -4rem;
  }

  .sm\:-mr-16 {
    margin-right: -4rem;
  }

  .sm\:-mb-16 {
    margin-bottom: -4rem;
  }

  .sm\:-ml-16 {
    margin-left: -4rem;
  }

  .sm\:-mt-20 {
    margin-top: -5rem;
  }

  .sm\:-mr-20 {
    margin-right: -5rem;
  }

  .sm\:-mb-20 {
    margin-bottom: -5rem;
  }

  .sm\:-ml-20 {
    margin-left: -5rem;
  }

  .sm\:-mt-24 {
    margin-top: -6rem;
  }

  .sm\:-mr-24 {
    margin-right: -6rem;
  }

  .sm\:-mb-24 {
    margin-bottom: -6rem;
  }

  .sm\:-ml-24 {
    margin-left: -6rem;
  }

  .sm\:-mt-32 {
    margin-top: -8rem;
  }

  .sm\:-mr-32 {
    margin-right: -8rem;
  }

  .sm\:-mb-32 {
    margin-bottom: -8rem;
  }

  .sm\:-ml-32 {
    margin-left: -8rem;
  }

  .sm\:-mt-40 {
    margin-top: -10rem;
  }

  .sm\:-mr-40 {
    margin-right: -10rem;
  }

  .sm\:-mb-40 {
    margin-bottom: -10rem;
  }

  .sm\:-ml-40 {
    margin-left: -10rem;
  }

  .sm\:-mt-48 {
    margin-top: -12rem;
  }

  .sm\:-mr-48 {
    margin-right: -12rem;
  }

  .sm\:-mb-48 {
    margin-bottom: -12rem;
  }

  .sm\:-ml-48 {
    margin-left: -12rem;
  }

  .sm\:-mt-56 {
    margin-top: -14rem;
  }

  .sm\:-mr-56 {
    margin-right: -14rem;
  }

  .sm\:-mb-56 {
    margin-bottom: -14rem;
  }

  .sm\:-ml-56 {
    margin-left: -14rem;
  }

  .sm\:-mt-64 {
    margin-top: -16rem;
  }

  .sm\:-mr-64 {
    margin-right: -16rem;
  }

  .sm\:-mb-64 {
    margin-bottom: -16rem;
  }

  .sm\:-ml-64 {
    margin-left: -16rem;
  }

  .sm\:-mt-px {
    margin-top: -1px;
  }

  .sm\:-mr-px {
    margin-right: -1px;
  }

  .sm\:-mb-px {
    margin-bottom: -1px;
  }

  .sm\:-ml-px {
    margin-left: -1px;
  }

  .sm\:max-h-full {
    max-height: 100%;
  }

  .sm\:max-h-screen {
    max-height: 100vh;
  }

  .sm\:max-w-none {
    max-width: none;
  }

  .sm\:max-w-xs {
    max-width: 20rem;
  }

  .sm\:max-w-sm {
    max-width: 24rem;
  }

  .sm\:max-w-md {
    max-width: 28rem;
  }

  .sm\:max-w-lg {
    max-width: 32rem;
  }

  .sm\:max-w-xl {
    max-width: 36rem;
  }

  .sm\:max-w-2xl {
    max-width: 42rem;
  }

  .sm\:max-w-3xl {
    max-width: 48rem;
  }

  .sm\:max-w-4xl {
    max-width: 56rem;
  }

  .sm\:max-w-5xl {
    max-width: 64rem;
  }

  .sm\:max-w-6xl {
    max-width: 72rem;
  }

  .sm\:max-w-full {
    max-width: 100%;
  }

  .sm\:max-w-screen-xs {
    max-width: 360px;
  }

  .sm\:max-w-screen-sm {
    max-width: 480px;
  }

  .sm\:max-w-screen-md {
    max-width: 760px;
  }

  .sm\:max-w-screen-lg {
    max-width: 960px;
  }

  .sm\:max-w-screen-xl {
    max-width: 1060px;
  }

  .sm\:max-w-screen-xxl {
    max-width: 1280px;
  }

  .sm\:min-h-0 {
    min-height: 0;
  }

  .sm\:min-h-full {
    min-height: 100%;
  }

  .sm\:min-h-screen {
    min-height: 100vh;
  }

  .sm\:min-w-0 {
    min-width: 0;
  }

  .sm\:min-w-full {
    min-width: 100%;
  }

  .sm\:object-contain {
    object-fit: contain;
  }

  .sm\:object-cover {
    object-fit: cover;
  }

  .sm\:object-fill {
    object-fit: fill;
  }

  .sm\:object-none {
    object-fit: none;
  }

  .sm\:object-scale-down {
    object-fit: scale-down;
  }

  .sm\:object-bottom {
    object-position: bottom;
  }

  .sm\:object-center {
    object-position: center;
  }

  .sm\:object-left {
    object-position: left;
  }

  .sm\:object-left-bottom {
    object-position: left bottom;
  }

  .sm\:object-left-top {
    object-position: left top;
  }

  .sm\:object-right {
    object-position: right;
  }

  .sm\:object-right-bottom {
    object-position: right bottom;
  }

  .sm\:object-right-top {
    object-position: right top;
  }

  .sm\:object-top {
    object-position: top;
  }

  .sm\:opacity-0 {
    opacity: 0;
  }

  .sm\:opacity-25 {
    opacity: 0.25;
  }

  .sm\:opacity-50 {
    opacity: 0.5;
  }

  .sm\:opacity-75 {
    opacity: 0.75;
  }

  .sm\:opacity-100 {
    opacity: 1;
  }

  .sm\:hover\:opacity-0:hover {
    opacity: 0;
  }

  .sm\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  .sm\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  .sm\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  .sm\:hover\:opacity-100:hover {
    opacity: 1;
  }

  .sm\:focus\:opacity-0:focus {
    opacity: 0;
  }

  .sm\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  .sm\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  .sm\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  .sm\:focus\:opacity-100:focus {
    opacity: 1;
  }

  .sm\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .sm\:outline-white {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .sm\:outline-black {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .sm\:focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .sm\:focus\:outline-white:focus {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .sm\:focus\:outline-black:focus {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .sm\:overflow-auto {
    overflow: auto;
  }

  .sm\:overflow-hidden {
    overflow: hidden;
  }

  .sm\:overflow-visible {
    overflow: visible;
  }

  .sm\:overflow-scroll {
    overflow: scroll;
  }

  .sm\:overflow-x-auto {
    overflow-x: auto;
  }

  .sm\:overflow-y-auto {
    overflow-y: auto;
  }

  .sm\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .sm\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .sm\:overflow-x-visible {
    overflow-x: visible;
  }

  .sm\:overflow-y-visible {
    overflow-y: visible;
  }

  .sm\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .sm\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .sm\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .sm\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .sm\:overscroll-auto {
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }

  .sm\:overscroll-contain {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  .sm\:overscroll-none {
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }

  .sm\:overscroll-y-auto {
    overscroll-behavior-y: auto;
  }

  .sm\:overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  .sm\:overscroll-y-none {
    overscroll-behavior-y: none;
  }

  .sm\:overscroll-x-auto {
    overscroll-behavior-x: auto;
  }

  .sm\:overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .sm\:overscroll-x-none {
    overscroll-behavior-x: none;
  }

  .sm\:p-0 {
    padding: 0;
  }

  .sm\:p-1 {
    padding: 0.25rem;
  }

  .sm\:p-2 {
    padding: 0.5rem;
  }

  .sm\:p-3 {
    padding: 0.75rem;
  }

  .sm\:p-4 {
    padding: 1rem;
  }

  .sm\:p-5 {
    padding: 1.25rem;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:p-8 {
    padding: 2rem;
  }

  .sm\:p-10 {
    padding: 2.5rem;
  }

  .sm\:p-12 {
    padding: 3rem;
  }

  .sm\:p-16 {
    padding: 4rem;
  }

  .sm\:p-20 {
    padding: 5rem;
  }

  .sm\:p-24 {
    padding: 6rem;
  }

  .sm\:p-32 {
    padding: 8rem;
  }

  .sm\:p-40 {
    padding: 10rem;
  }

  .sm\:p-48 {
    padding: 12rem;
  }

  .sm\:p-56 {
    padding: 14rem;
  }

  .sm\:p-64 {
    padding: 16rem;
  }

  .sm\:p-px {
    padding: 1px;
  }

  .sm\:p-1\/4 {
    padding: 25%;
  }

  .sm\:p-1\/3 {
    padding: 33.333333333%;
  }

  .sm\:p-1\/2 {
    padding: 50%;
  }

  .sm\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .sm\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .sm\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .sm\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .sm\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .sm\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .sm\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .sm\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sm\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .sm\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .sm\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .sm\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .sm\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .sm\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .sm\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .sm\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .sm\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .sm\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .sm\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .sm\:py-1\/4 {
    padding-top: 25%;
    padding-bottom: 25%;
  }

  .sm\:px-1\/4 {
    padding-left: 25%;
    padding-right: 25%;
  }

  .sm\:py-1\/3 {
    padding-top: 33.333333333%;
    padding-bottom: 33.333333333%;
  }

  .sm\:px-1\/3 {
    padding-left: 33.333333333%;
    padding-right: 33.333333333%;
  }

  .sm\:py-1\/2 {
    padding-top: 50%;
    padding-bottom: 50%;
  }

  .sm\:px-1\/2 {
    padding-left: 50%;
    padding-right: 50%;
  }

  .sm\:pt-0 {
    padding-top: 0;
  }

  .sm\:pr-0 {
    padding-right: 0;
  }

  .sm\:pb-0 {
    padding-bottom: 0;
  }

  .sm\:pl-0 {
    padding-left: 0;
  }

  .sm\:pt-1 {
    padding-top: 0.25rem;
  }

  .sm\:pr-1 {
    padding-right: 0.25rem;
  }

  .sm\:pb-1 {
    padding-bottom: 0.25rem;
  }

  .sm\:pl-1 {
    padding-left: 0.25rem;
  }

  .sm\:pt-2 {
    padding-top: 0.5rem;
  }

  .sm\:pr-2 {
    padding-right: 0.5rem;
  }

  .sm\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .sm\:pl-2 {
    padding-left: 0.5rem;
  }

  .sm\:pt-3 {
    padding-top: 0.75rem;
  }

  .sm\:pr-3 {
    padding-right: 0.75rem;
  }

  .sm\:pb-3 {
    padding-bottom: 0.75rem;
  }

  .sm\:pl-3 {
    padding-left: 0.75rem;
  }

  .sm\:pt-4 {
    padding-top: 1rem;
  }

  .sm\:pr-4 {
    padding-right: 1rem;
  }

  .sm\:pb-4 {
    padding-bottom: 1rem;
  }

  .sm\:pl-4 {
    padding-left: 1rem;
  }

  .sm\:pt-5 {
    padding-top: 1.25rem;
  }

  .sm\:pr-5 {
    padding-right: 1.25rem;
  }

  .sm\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .sm\:pl-5 {
    padding-left: 1.25rem;
  }

  .sm\:pt-6 {
    padding-top: 1.5rem;
  }

  .sm\:pr-6 {
    padding-right: 1.5rem;
  }

  .sm\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .sm\:pl-6 {
    padding-left: 1.5rem;
  }

  .sm\:pt-8 {
    padding-top: 2rem;
  }

  .sm\:pr-8 {
    padding-right: 2rem;
  }

  .sm\:pb-8 {
    padding-bottom: 2rem;
  }

  .sm\:pl-8 {
    padding-left: 2rem;
  }

  .sm\:pt-10 {
    padding-top: 2.5rem;
  }

  .sm\:pr-10 {
    padding-right: 2.5rem;
  }

  .sm\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .sm\:pl-10 {
    padding-left: 2.5rem;
  }

  .sm\:pt-12 {
    padding-top: 3rem;
  }

  .sm\:pr-12 {
    padding-right: 3rem;
  }

  .sm\:pb-12 {
    padding-bottom: 3rem;
  }

  .sm\:pl-12 {
    padding-left: 3rem;
  }

  .sm\:pt-16 {
    padding-top: 4rem;
  }

  .sm\:pr-16 {
    padding-right: 4rem;
  }

  .sm\:pb-16 {
    padding-bottom: 4rem;
  }

  .sm\:pl-16 {
    padding-left: 4rem;
  }

  .sm\:pt-20 {
    padding-top: 5rem;
  }

  .sm\:pr-20 {
    padding-right: 5rem;
  }

  .sm\:pb-20 {
    padding-bottom: 5rem;
  }

  .sm\:pl-20 {
    padding-left: 5rem;
  }

  .sm\:pt-24 {
    padding-top: 6rem;
  }

  .sm\:pr-24 {
    padding-right: 6rem;
  }

  .sm\:pb-24 {
    padding-bottom: 6rem;
  }

  .sm\:pl-24 {
    padding-left: 6rem;
  }

  .sm\:pt-32 {
    padding-top: 8rem;
  }

  .sm\:pr-32 {
    padding-right: 8rem;
  }

  .sm\:pb-32 {
    padding-bottom: 8rem;
  }

  .sm\:pl-32 {
    padding-left: 8rem;
  }

  .sm\:pt-40 {
    padding-top: 10rem;
  }

  .sm\:pr-40 {
    padding-right: 10rem;
  }

  .sm\:pb-40 {
    padding-bottom: 10rem;
  }

  .sm\:pl-40 {
    padding-left: 10rem;
  }

  .sm\:pt-48 {
    padding-top: 12rem;
  }

  .sm\:pr-48 {
    padding-right: 12rem;
  }

  .sm\:pb-48 {
    padding-bottom: 12rem;
  }

  .sm\:pl-48 {
    padding-left: 12rem;
  }

  .sm\:pt-56 {
    padding-top: 14rem;
  }

  .sm\:pr-56 {
    padding-right: 14rem;
  }

  .sm\:pb-56 {
    padding-bottom: 14rem;
  }

  .sm\:pl-56 {
    padding-left: 14rem;
  }

  .sm\:pt-64 {
    padding-top: 16rem;
  }

  .sm\:pr-64 {
    padding-right: 16rem;
  }

  .sm\:pb-64 {
    padding-bottom: 16rem;
  }

  .sm\:pl-64 {
    padding-left: 16rem;
  }

  .sm\:pt-px {
    padding-top: 1px;
  }

  .sm\:pr-px {
    padding-right: 1px;
  }

  .sm\:pb-px {
    padding-bottom: 1px;
  }

  .sm\:pl-px {
    padding-left: 1px;
  }

  .sm\:pt-1\/4 {
    padding-top: 25%;
  }

  .sm\:pr-1\/4 {
    padding-right: 25%;
  }

  .sm\:pb-1\/4 {
    padding-bottom: 25%;
  }

  .sm\:pl-1\/4 {
    padding-left: 25%;
  }

  .sm\:pt-1\/3 {
    padding-top: 33.333333333%;
  }

  .sm\:pr-1\/3 {
    padding-right: 33.333333333%;
  }

  .sm\:pb-1\/3 {
    padding-bottom: 33.333333333%;
  }

  .sm\:pl-1\/3 {
    padding-left: 33.333333333%;
  }

  .sm\:pt-1\/2 {
    padding-top: 50%;
  }

  .sm\:pr-1\/2 {
    padding-right: 50%;
  }

  .sm\:pb-1\/2 {
    padding-bottom: 50%;
  }

  .sm\:pl-1\/2 {
    padding-left: 50%;
  }

  .sm\:placeholder-transparent:-ms-input-placeholder {
    color: transparent;
  }

  .sm\:placeholder-transparent::placeholder {
    color: transparent;
  }

  .sm\:placeholder-black:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .sm\:placeholder-black::placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .sm\:placeholder-white:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-white::placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-100::placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-200::placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-300::placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-400::placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-500::placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-600::placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-700::placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-800::placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-900::placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-100::placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-200::placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-300::placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-400::placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-500::placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-600::placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-700::placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-800::placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-900::placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .sm\:placeholder-blurple-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .sm\:placeholder-blurple-100::placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .sm\:placeholder-blurple-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .sm\:placeholder-blurple-200::placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .sm\:placeholder-blurple-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .sm\:placeholder-blurple-300::placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .sm\:placeholder-blurple-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .sm\:placeholder-blurple-400::placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .sm\:placeholder-blurple-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .sm\:placeholder-blurple-500::placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .sm\:placeholder-blurple-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .sm\:placeholder-blurple-700::placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .sm\:placeholder-green-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .sm\:placeholder-green-300::placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .sm\:placeholder-green-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .sm\:placeholder-green-500::placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .sm\:placeholder-green-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .sm\:placeholder-green-700::placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-100::placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-200::placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-300::placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-400::placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-500::placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-600::placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-700::placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-800::placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .sm\:placeholder-orange-900::placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-100::placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-200::placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-300::placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-400::placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-500::placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-600::placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-700::placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-800::placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-900::placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .sm\:placeholder-red-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .sm\:placeholder-red-300::placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .sm\:placeholder-red-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .sm\:placeholder-red-500::placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .sm\:placeholder-red-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .sm\:placeholder-red-700::placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-100::placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-200::placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-300::placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-400::placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-500::placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-600::placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-700::placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-800::placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-900::placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-100::placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-200::placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-300::placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-400::placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-500::placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-600::placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-700::placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-800::placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .sm\:placeholder-yellow-900::placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .sm\:placeholder-facebook-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .sm\:placeholder-facebook-400::placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .sm\:placeholder-facebook-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .sm\:placeholder-facebook-500::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .sm\:placeholder-snapchat-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .sm\:placeholder-snapchat-400::placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .sm\:placeholder-snapchat-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .sm\:placeholder-snapchat-500::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .sm\:placeholder-messenger-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-messenger-400::placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-messenger-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-messenger-500::placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-twitter-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-twitter-400::placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-twitter-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .sm\:placeholder-twitter-500::placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .sm\:placeholder-transparent-black-10:-ms-input-placeholder {
    color: rgba(0,0,0,0.1);
  }

  .sm\:placeholder-transparent-black-10::placeholder {
    color: rgba(0,0,0,0.1);
  }

  .sm\:placeholder-transparent-black-30:-ms-input-placeholder {
    color: rgba(0,0,0,0.3);
  }

  .sm\:placeholder-transparent-black-30::placeholder {
    color: rgba(0,0,0,0.3);
  }

  .sm\:placeholder-transparent-black-50:-ms-input-placeholder {
    color: rgba(0,0,0,0.5);
  }

  .sm\:placeholder-transparent-black-50::placeholder {
    color: rgba(0,0,0,0.5);
  }

  .sm\:placeholder-transparent-black-70:-ms-input-placeholder {
    color: rgba(0,0,0,0.7);
  }

  .sm\:placeholder-transparent-black-70::placeholder {
    color: rgba(0,0,0,0.7);
  }

  .sm\:placeholder-transparent-black-90:-ms-input-placeholder {
    color: rgba(0,0,0,0.9);
  }

  .sm\:placeholder-transparent-black-90::placeholder {
    color: rgba(0,0,0,0.9);
  }

  .sm\:placeholder-transparent-white-10:-ms-input-placeholder {
    color: rgba(255,255,255,0.1);
  }

  .sm\:placeholder-transparent-white-10::placeholder {
    color: rgba(255,255,255,0.1);
  }

  .sm\:placeholder-transparent-white-30:-ms-input-placeholder {
    color: rgba(255,255,255,0.3);
  }

  .sm\:placeholder-transparent-white-30::placeholder {
    color: rgba(255,255,255,0.3);
  }

  .sm\:placeholder-transparent-white-50:-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
  }

  .sm\:placeholder-transparent-white-50::placeholder {
    color: rgba(255,255,255,0.5);
  }

  .sm\:placeholder-transparent-white-70:-ms-input-placeholder {
    color: rgba(255,255,255,0.7);
  }

  .sm\:placeholder-transparent-white-70::placeholder {
    color: rgba(255,255,255,0.7);
  }

  .sm\:placeholder-transparent-white-90:-ms-input-placeholder {
    color: rgba(255,255,255,0.9);
  }

  .sm\:placeholder-transparent-white-90::placeholder {
    color: rgba(255,255,255,0.9);
  }

  .sm\:placeholder-vr-dark-blue:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .sm\:placeholder-vr-dark-blue::placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .sm\:placeholder-vr-neon-green:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .sm\:placeholder-vr-neon-green::placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent;
  }

  .sm\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  .sm\:focus\:placeholder-black:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-black:focus::placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-white:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-white:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blurple-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blurple-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blurple-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blurple-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blurple-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blurple-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blurple-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blurple-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blurple-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blurple-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blurple-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blurple-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-orange-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-red-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-yellow-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-facebook-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-facebook-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-facebook-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-facebook-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-snapchat-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-snapchat-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-snapchat-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-snapchat-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-messenger-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-messenger-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-messenger-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-messenger-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-twitter-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-twitter-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-twitter-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-twitter-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-transparent-black-10:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.1);
  }

  .sm\:focus\:placeholder-transparent-black-10:focus::placeholder {
    color: rgba(0,0,0,0.1);
  }

  .sm\:focus\:placeholder-transparent-black-30:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.3);
  }

  .sm\:focus\:placeholder-transparent-black-30:focus::placeholder {
    color: rgba(0,0,0,0.3);
  }

  .sm\:focus\:placeholder-transparent-black-50:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.5);
  }

  .sm\:focus\:placeholder-transparent-black-50:focus::placeholder {
    color: rgba(0,0,0,0.5);
  }

  .sm\:focus\:placeholder-transparent-black-70:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.7);
  }

  .sm\:focus\:placeholder-transparent-black-70:focus::placeholder {
    color: rgba(0,0,0,0.7);
  }

  .sm\:focus\:placeholder-transparent-black-90:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.9);
  }

  .sm\:focus\:placeholder-transparent-black-90:focus::placeholder {
    color: rgba(0,0,0,0.9);
  }

  .sm\:focus\:placeholder-transparent-white-10:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.1);
  }

  .sm\:focus\:placeholder-transparent-white-10:focus::placeholder {
    color: rgba(255,255,255,0.1);
  }

  .sm\:focus\:placeholder-transparent-white-30:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.3);
  }

  .sm\:focus\:placeholder-transparent-white-30:focus::placeholder {
    color: rgba(255,255,255,0.3);
  }

  .sm\:focus\:placeholder-transparent-white-50:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
  }

  .sm\:focus\:placeholder-transparent-white-50:focus::placeholder {
    color: rgba(255,255,255,0.5);
  }

  .sm\:focus\:placeholder-transparent-white-70:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.7);
  }

  .sm\:focus\:placeholder-transparent-white-70:focus::placeholder {
    color: rgba(255,255,255,0.7);
  }

  .sm\:focus\:placeholder-transparent-white-90:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.9);
  }

  .sm\:focus\:placeholder-transparent-white-90:focus::placeholder {
    color: rgba(255,255,255,0.9);
  }

  .sm\:focus\:placeholder-vr-dark-blue:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-vr-dark-blue:focus::placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-vr-neon-green:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-vr-neon-green:focus::placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .sm\:placeholder-opacity-0:-ms-input-placeholder {
    --placeholder-opacity: 0;
  }

  .sm\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0;
  }

  .sm\:placeholder-opacity-25:-ms-input-placeholder {
    --placeholder-opacity: 0.25;
  }

  .sm\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25;
  }

  .sm\:placeholder-opacity-50:-ms-input-placeholder {
    --placeholder-opacity: 0.5;
  }

  .sm\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5;
  }

  .sm\:placeholder-opacity-75:-ms-input-placeholder {
    --placeholder-opacity: 0.75;
  }

  .sm\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75;
  }

  .sm\:placeholder-opacity-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
  }

  .sm\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1;
  }

  .sm\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
    --placeholder-opacity: 0;
  }

  .sm\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0;
  }

  .sm\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.25;
  }

  .sm\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25;
  }

  .sm\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.5;
  }

  .sm\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5;
  }

  .sm\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.75;
  }

  .sm\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75;
  }

  .sm\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
  }

  .sm\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1;
  }

  .sm\:pointer-events-none {
    pointer-events: none;
  }

  .sm\:pointer-events-auto {
    pointer-events: auto;
  }

  .sm\:static {
    position: static;
  }

  .sm\:fixed {
    position: fixed;
  }

  .sm\:absolute {
    position: absolute;
  }

  .sm\:relative {
    position: relative;
  }

  .sm\:sticky {
    position: sticky;
  }

  .sm\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .sm\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .sm\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  .sm\:inset-x-0 {
    right: 0;
    left: 0;
  }

  .sm\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .sm\:inset-x-auto {
    right: auto;
    left: auto;
  }

  .sm\:top-0 {
    top: 0;
  }

  .sm\:right-0 {
    right: 0;
  }

  .sm\:bottom-0 {
    bottom: 0;
  }

  .sm\:left-0 {
    left: 0;
  }

  .sm\:top-auto {
    top: auto;
  }

  .sm\:right-auto {
    right: auto;
  }

  .sm\:bottom-auto {
    bottom: auto;
  }

  .sm\:left-auto {
    left: auto;
  }

  .sm\:resize-none {
    resize: none;
  }

  .sm\:resize-y {
    resize: vertical;
  }

  .sm\:resize-x {
    resize: horizontal;
  }

  .sm\:resize {
    resize: both;
  }

  .sm\:shadow-xs {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .sm\:shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .sm\:shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .sm\:shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .sm\:shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .sm\:shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .sm\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .sm\:shadow-none {
    box-shadow: none;
  }

  .sm\:hover\:shadow-xs:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .sm\:hover\:shadow-sm:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .sm\:hover\:shadow:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:hover\:shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .sm\:hover\:shadow-lg:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .sm\:hover\:shadow-xl:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .sm\:hover\:shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .sm\:hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:hover\:shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .sm\:hover\:shadow-none:hover {
    box-shadow: none;
  }

  .sm\:focus\:shadow-xs:focus {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .sm\:focus\:shadow-sm:focus {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .sm\:focus\:shadow:focus {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:focus\:shadow-md:focus {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .sm\:focus\:shadow-lg:focus {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .sm\:focus\:shadow-xl:focus {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .sm\:focus\:shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .sm\:focus\:shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .sm\:focus\:shadow-none:focus {
    box-shadow: none;
  }

  .sm\:fill-current {
    fill: currentColor;
  }

  .sm\:stroke-current {
    stroke: currentColor;
  }

  .sm\:stroke-0 {
    stroke-width: 0;
  }

  .sm\:stroke-1 {
    stroke-width: 1;
  }

  .sm\:stroke-2 {
    stroke-width: 2;
  }

  .sm\:table-auto {
    table-layout: auto;
  }

  .sm\:table-fixed {
    table-layout: fixed;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:text-center {
    text-align: center;
  }

  .sm\:text-right {
    text-align: right;
  }

  .sm\:text-justify {
    text-align: justify;
  }

  .sm\:text-transparent {
    color: transparent;
  }

  .sm\:text-black {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .sm\:text-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .sm\:text-gray-100 {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .sm\:text-gray-200 {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .sm\:text-gray-300 {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .sm\:text-gray-400 {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .sm\:text-gray-500 {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .sm\:text-gray-600 {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .sm\:text-gray-700 {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .sm\:text-gray-800 {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .sm\:text-gray-900 {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .sm\:text-blue-100 {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .sm\:text-blue-200 {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .sm\:text-blue-300 {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .sm\:text-blue-400 {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .sm\:text-blue-500 {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .sm\:text-blue-600 {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .sm\:text-blue-700 {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .sm\:text-blue-800 {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .sm\:text-blue-900 {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .sm\:text-blurple-100 {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .sm\:text-blurple-200 {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .sm\:text-blurple-300 {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .sm\:text-blurple-400 {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .sm\:text-blurple-500 {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .sm\:text-blurple-700 {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .sm\:text-green-300 {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .sm\:text-green-500 {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .sm\:text-green-700 {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .sm\:text-orange-100 {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .sm\:text-orange-200 {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .sm\:text-orange-300 {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .sm\:text-orange-400 {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .sm\:text-orange-500 {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .sm\:text-orange-600 {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .sm\:text-orange-700 {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .sm\:text-orange-800 {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .sm\:text-orange-900 {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .sm\:text-purple-100 {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .sm\:text-purple-200 {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .sm\:text-purple-300 {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .sm\:text-purple-400 {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .sm\:text-purple-500 {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .sm\:text-purple-600 {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .sm\:text-purple-700 {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .sm\:text-purple-800 {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .sm\:text-purple-900 {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .sm\:text-red-300 {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .sm\:text-red-500 {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .sm\:text-red-700 {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .sm\:text-teal-100 {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .sm\:text-teal-200 {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .sm\:text-teal-300 {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .sm\:text-teal-400 {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .sm\:text-teal-500 {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .sm\:text-teal-600 {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .sm\:text-teal-700 {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .sm\:text-teal-800 {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .sm\:text-teal-900 {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .sm\:text-yellow-100 {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .sm\:text-yellow-200 {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .sm\:text-yellow-300 {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .sm\:text-yellow-400 {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .sm\:text-yellow-500 {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .sm\:text-yellow-600 {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .sm\:text-yellow-700 {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .sm\:text-yellow-800 {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .sm\:text-yellow-900 {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .sm\:text-facebook-400 {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .sm\:text-facebook-500 {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .sm\:text-snapchat-400 {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .sm\:text-snapchat-500 {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .sm\:text-messenger-400 {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .sm\:text-messenger-500 {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .sm\:text-twitter-400 {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .sm\:text-twitter-500 {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .sm\:text-transparent-black-10 {
    color: rgba(0,0,0,0.1);
  }

  .sm\:text-transparent-black-30 {
    color: rgba(0,0,0,0.3);
  }

  .sm\:text-transparent-black-50 {
    color: rgba(0,0,0,0.5);
  }

  .sm\:text-transparent-black-70 {
    color: rgba(0,0,0,0.7);
  }

  .sm\:text-transparent-black-90 {
    color: rgba(0,0,0,0.9);
  }

  .sm\:text-transparent-white-10 {
    color: rgba(255,255,255,0.1);
  }

  .sm\:text-transparent-white-30 {
    color: rgba(255,255,255,0.3);
  }

  .sm\:text-transparent-white-50 {
    color: rgba(255,255,255,0.5);
  }

  .sm\:text-transparent-white-70 {
    color: rgba(255,255,255,0.7);
  }

  .sm\:text-transparent-white-90 {
    color: rgba(255,255,255,0.9);
  }

  .sm\:text-vr-dark-blue {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .sm\:text-vr-neon-green {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .sm\:active\:text-transparent:active {
    color: transparent;
  }

  .sm\:active\:text-black:active {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .sm\:active\:text-white:active {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .sm\:active\:text-gray-100:active {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .sm\:active\:text-gray-200:active {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .sm\:active\:text-gray-300:active {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .sm\:active\:text-gray-400:active {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .sm\:active\:text-gray-500:active {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .sm\:active\:text-gray-600:active {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .sm\:active\:text-gray-700:active {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .sm\:active\:text-gray-800:active {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .sm\:active\:text-gray-900:active {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .sm\:active\:text-blue-100:active {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .sm\:active\:text-blue-200:active {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .sm\:active\:text-blue-300:active {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .sm\:active\:text-blue-400:active {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .sm\:active\:text-blue-500:active {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .sm\:active\:text-blue-600:active {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .sm\:active\:text-blue-700:active {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .sm\:active\:text-blue-800:active {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .sm\:active\:text-blue-900:active {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .sm\:active\:text-blurple-100:active {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .sm\:active\:text-blurple-200:active {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .sm\:active\:text-blurple-300:active {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .sm\:active\:text-blurple-400:active {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .sm\:active\:text-blurple-500:active {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .sm\:active\:text-blurple-700:active {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .sm\:active\:text-green-300:active {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .sm\:active\:text-green-500:active {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .sm\:active\:text-green-700:active {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .sm\:active\:text-orange-100:active {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .sm\:active\:text-orange-200:active {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .sm\:active\:text-orange-300:active {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .sm\:active\:text-orange-400:active {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .sm\:active\:text-orange-500:active {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .sm\:active\:text-orange-600:active {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .sm\:active\:text-orange-700:active {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .sm\:active\:text-orange-800:active {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .sm\:active\:text-orange-900:active {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .sm\:active\:text-purple-100:active {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .sm\:active\:text-purple-200:active {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .sm\:active\:text-purple-300:active {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .sm\:active\:text-purple-400:active {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .sm\:active\:text-purple-500:active {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .sm\:active\:text-purple-600:active {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .sm\:active\:text-purple-700:active {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .sm\:active\:text-purple-800:active {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .sm\:active\:text-purple-900:active {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .sm\:active\:text-red-300:active {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .sm\:active\:text-red-500:active {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .sm\:active\:text-red-700:active {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .sm\:active\:text-teal-100:active {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .sm\:active\:text-teal-200:active {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .sm\:active\:text-teal-300:active {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .sm\:active\:text-teal-400:active {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .sm\:active\:text-teal-500:active {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .sm\:active\:text-teal-600:active {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .sm\:active\:text-teal-700:active {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .sm\:active\:text-teal-800:active {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .sm\:active\:text-teal-900:active {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .sm\:active\:text-yellow-100:active {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .sm\:active\:text-yellow-200:active {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .sm\:active\:text-yellow-300:active {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .sm\:active\:text-yellow-400:active {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .sm\:active\:text-yellow-500:active {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .sm\:active\:text-yellow-600:active {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .sm\:active\:text-yellow-700:active {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .sm\:active\:text-yellow-800:active {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .sm\:active\:text-yellow-900:active {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .sm\:active\:text-facebook-400:active {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .sm\:active\:text-facebook-500:active {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .sm\:active\:text-snapchat-400:active {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .sm\:active\:text-snapchat-500:active {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .sm\:active\:text-messenger-400:active {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .sm\:active\:text-messenger-500:active {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .sm\:active\:text-twitter-400:active {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .sm\:active\:text-twitter-500:active {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .sm\:active\:text-transparent-black-10:active {
    color: rgba(0,0,0,0.1);
  }

  .sm\:active\:text-transparent-black-30:active {
    color: rgba(0,0,0,0.3);
  }

  .sm\:active\:text-transparent-black-50:active {
    color: rgba(0,0,0,0.5);
  }

  .sm\:active\:text-transparent-black-70:active {
    color: rgba(0,0,0,0.7);
  }

  .sm\:active\:text-transparent-black-90:active {
    color: rgba(0,0,0,0.9);
  }

  .sm\:active\:text-transparent-white-10:active {
    color: rgba(255,255,255,0.1);
  }

  .sm\:active\:text-transparent-white-30:active {
    color: rgba(255,255,255,0.3);
  }

  .sm\:active\:text-transparent-white-50:active {
    color: rgba(255,255,255,0.5);
  }

  .sm\:active\:text-transparent-white-70:active {
    color: rgba(255,255,255,0.7);
  }

  .sm\:active\:text-transparent-white-90:active {
    color: rgba(255,255,255,0.9);
  }

  .sm\:active\:text-vr-dark-blue:active {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .sm\:active\:text-vr-neon-green:active {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .sm\:hover\:text-transparent:hover {
    color: transparent;
  }

  .sm\:hover\:text-black:hover {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .sm\:hover\:text-white:hover {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .sm\:hover\:text-gray-100:hover {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .sm\:hover\:text-gray-200:hover {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .sm\:hover\:text-gray-300:hover {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .sm\:hover\:text-gray-400:hover {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .sm\:hover\:text-gray-500:hover {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .sm\:hover\:text-gray-600:hover {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .sm\:hover\:text-gray-700:hover {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .sm\:hover\:text-gray-800:hover {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .sm\:hover\:text-gray-900:hover {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .sm\:hover\:text-blue-100:hover {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .sm\:hover\:text-blue-200:hover {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .sm\:hover\:text-blue-300:hover {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .sm\:hover\:text-blue-400:hover {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .sm\:hover\:text-blue-500:hover {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .sm\:hover\:text-blue-600:hover {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .sm\:hover\:text-blue-700:hover {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .sm\:hover\:text-blue-800:hover {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .sm\:hover\:text-blue-900:hover {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .sm\:hover\:text-blurple-100:hover {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .sm\:hover\:text-blurple-200:hover {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .sm\:hover\:text-blurple-300:hover {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .sm\:hover\:text-blurple-400:hover {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .sm\:hover\:text-blurple-500:hover {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .sm\:hover\:text-blurple-700:hover {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .sm\:hover\:text-green-300:hover {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .sm\:hover\:text-green-500:hover {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .sm\:hover\:text-green-700:hover {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .sm\:hover\:text-orange-100:hover {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .sm\:hover\:text-orange-200:hover {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .sm\:hover\:text-orange-300:hover {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .sm\:hover\:text-orange-400:hover {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .sm\:hover\:text-orange-500:hover {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .sm\:hover\:text-orange-600:hover {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .sm\:hover\:text-orange-700:hover {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .sm\:hover\:text-orange-800:hover {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .sm\:hover\:text-orange-900:hover {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .sm\:hover\:text-purple-100:hover {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .sm\:hover\:text-purple-200:hover {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .sm\:hover\:text-purple-300:hover {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .sm\:hover\:text-purple-400:hover {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .sm\:hover\:text-purple-500:hover {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .sm\:hover\:text-purple-600:hover {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .sm\:hover\:text-purple-700:hover {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .sm\:hover\:text-purple-800:hover {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .sm\:hover\:text-purple-900:hover {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .sm\:hover\:text-red-300:hover {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .sm\:hover\:text-red-500:hover {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .sm\:hover\:text-red-700:hover {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .sm\:hover\:text-teal-100:hover {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .sm\:hover\:text-teal-200:hover {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .sm\:hover\:text-teal-300:hover {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .sm\:hover\:text-teal-400:hover {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .sm\:hover\:text-teal-500:hover {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .sm\:hover\:text-teal-600:hover {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .sm\:hover\:text-teal-700:hover {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .sm\:hover\:text-teal-800:hover {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .sm\:hover\:text-teal-900:hover {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .sm\:hover\:text-yellow-100:hover {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .sm\:hover\:text-yellow-200:hover {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .sm\:hover\:text-yellow-300:hover {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .sm\:hover\:text-yellow-400:hover {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .sm\:hover\:text-yellow-500:hover {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .sm\:hover\:text-yellow-600:hover {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .sm\:hover\:text-yellow-700:hover {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .sm\:hover\:text-yellow-800:hover {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .sm\:hover\:text-yellow-900:hover {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .sm\:hover\:text-facebook-400:hover {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .sm\:hover\:text-facebook-500:hover {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .sm\:hover\:text-snapchat-400:hover {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .sm\:hover\:text-snapchat-500:hover {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .sm\:hover\:text-messenger-400:hover {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .sm\:hover\:text-messenger-500:hover {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .sm\:hover\:text-twitter-400:hover {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .sm\:hover\:text-twitter-500:hover {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .sm\:hover\:text-transparent-black-10:hover {
    color: rgba(0,0,0,0.1);
  }

  .sm\:hover\:text-transparent-black-30:hover {
    color: rgba(0,0,0,0.3);
  }

  .sm\:hover\:text-transparent-black-50:hover {
    color: rgba(0,0,0,0.5);
  }

  .sm\:hover\:text-transparent-black-70:hover {
    color: rgba(0,0,0,0.7);
  }

  .sm\:hover\:text-transparent-black-90:hover {
    color: rgba(0,0,0,0.9);
  }

  .sm\:hover\:text-transparent-white-10:hover {
    color: rgba(255,255,255,0.1);
  }

  .sm\:hover\:text-transparent-white-30:hover {
    color: rgba(255,255,255,0.3);
  }

  .sm\:hover\:text-transparent-white-50:hover {
    color: rgba(255,255,255,0.5);
  }

  .sm\:hover\:text-transparent-white-70:hover {
    color: rgba(255,255,255,0.7);
  }

  .sm\:hover\:text-transparent-white-90:hover {
    color: rgba(255,255,255,0.9);
  }

  .sm\:hover\:text-vr-dark-blue:hover {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .sm\:hover\:text-vr-neon-green:hover {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .sm\:focus\:text-transparent:focus {
    color: transparent;
  }

  .sm\:focus\:text-black:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .sm\:focus\:text-white:focus {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .sm\:focus\:text-gray-100:focus {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .sm\:focus\:text-gray-200:focus {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .sm\:focus\:text-gray-300:focus {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .sm\:focus\:text-gray-400:focus {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .sm\:focus\:text-gray-500:focus {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .sm\:focus\:text-gray-600:focus {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .sm\:focus\:text-gray-700:focus {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .sm\:focus\:text-gray-800:focus {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .sm\:focus\:text-gray-900:focus {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .sm\:focus\:text-blue-100:focus {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .sm\:focus\:text-blue-200:focus {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .sm\:focus\:text-blue-300:focus {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .sm\:focus\:text-blue-400:focus {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .sm\:focus\:text-blue-500:focus {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .sm\:focus\:text-blue-600:focus {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .sm\:focus\:text-blue-700:focus {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .sm\:focus\:text-blue-800:focus {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .sm\:focus\:text-blue-900:focus {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .sm\:focus\:text-blurple-100:focus {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .sm\:focus\:text-blurple-200:focus {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .sm\:focus\:text-blurple-300:focus {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .sm\:focus\:text-blurple-400:focus {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .sm\:focus\:text-blurple-500:focus {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .sm\:focus\:text-blurple-700:focus {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .sm\:focus\:text-green-300:focus {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .sm\:focus\:text-green-500:focus {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .sm\:focus\:text-green-700:focus {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .sm\:focus\:text-orange-100:focus {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .sm\:focus\:text-orange-200:focus {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .sm\:focus\:text-orange-300:focus {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .sm\:focus\:text-orange-400:focus {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .sm\:focus\:text-orange-500:focus {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .sm\:focus\:text-orange-600:focus {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .sm\:focus\:text-orange-700:focus {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .sm\:focus\:text-orange-800:focus {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .sm\:focus\:text-orange-900:focus {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .sm\:focus\:text-purple-100:focus {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .sm\:focus\:text-purple-200:focus {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .sm\:focus\:text-purple-300:focus {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .sm\:focus\:text-purple-400:focus {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .sm\:focus\:text-purple-500:focus {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .sm\:focus\:text-purple-600:focus {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .sm\:focus\:text-purple-700:focus {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .sm\:focus\:text-purple-800:focus {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .sm\:focus\:text-purple-900:focus {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .sm\:focus\:text-red-300:focus {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .sm\:focus\:text-red-500:focus {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .sm\:focus\:text-red-700:focus {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .sm\:focus\:text-teal-100:focus {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .sm\:focus\:text-teal-200:focus {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .sm\:focus\:text-teal-300:focus {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .sm\:focus\:text-teal-400:focus {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .sm\:focus\:text-teal-500:focus {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .sm\:focus\:text-teal-600:focus {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .sm\:focus\:text-teal-700:focus {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .sm\:focus\:text-teal-800:focus {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .sm\:focus\:text-teal-900:focus {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .sm\:focus\:text-yellow-100:focus {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .sm\:focus\:text-yellow-200:focus {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .sm\:focus\:text-yellow-300:focus {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .sm\:focus\:text-yellow-400:focus {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .sm\:focus\:text-yellow-500:focus {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .sm\:focus\:text-yellow-600:focus {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .sm\:focus\:text-yellow-700:focus {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .sm\:focus\:text-yellow-800:focus {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .sm\:focus\:text-yellow-900:focus {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .sm\:focus\:text-facebook-400:focus {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .sm\:focus\:text-facebook-500:focus {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .sm\:focus\:text-snapchat-400:focus {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .sm\:focus\:text-snapchat-500:focus {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .sm\:focus\:text-messenger-400:focus {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .sm\:focus\:text-messenger-500:focus {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .sm\:focus\:text-twitter-400:focus {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .sm\:focus\:text-twitter-500:focus {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .sm\:focus\:text-transparent-black-10:focus {
    color: rgba(0,0,0,0.1);
  }

  .sm\:focus\:text-transparent-black-30:focus {
    color: rgba(0,0,0,0.3);
  }

  .sm\:focus\:text-transparent-black-50:focus {
    color: rgba(0,0,0,0.5);
  }

  .sm\:focus\:text-transparent-black-70:focus {
    color: rgba(0,0,0,0.7);
  }

  .sm\:focus\:text-transparent-black-90:focus {
    color: rgba(0,0,0,0.9);
  }

  .sm\:focus\:text-transparent-white-10:focus {
    color: rgba(255,255,255,0.1);
  }

  .sm\:focus\:text-transparent-white-30:focus {
    color: rgba(255,255,255,0.3);
  }

  .sm\:focus\:text-transparent-white-50:focus {
    color: rgba(255,255,255,0.5);
  }

  .sm\:focus\:text-transparent-white-70:focus {
    color: rgba(255,255,255,0.7);
  }

  .sm\:focus\:text-transparent-white-90:focus {
    color: rgba(255,255,255,0.9);
  }

  .sm\:focus\:text-vr-dark-blue:focus {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .sm\:focus\:text-vr-neon-green:focus {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .sm\:text-opacity-0 {
    --text-opacity: 0;
  }

  .sm\:text-opacity-25 {
    --text-opacity: 0.25;
  }

  .sm\:text-opacity-50 {
    --text-opacity: 0.5;
  }

  .sm\:text-opacity-75 {
    --text-opacity: 0.75;
  }

  .sm\:text-opacity-100 {
    --text-opacity: 1;
  }

  .sm\:hover\:text-opacity-0:hover {
    --text-opacity: 0;
  }

  .sm\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25;
  }

  .sm\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5;
  }

  .sm\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75;
  }

  .sm\:hover\:text-opacity-100:hover {
    --text-opacity: 1;
  }

  .sm\:focus\:text-opacity-0:focus {
    --text-opacity: 0;
  }

  .sm\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25;
  }

  .sm\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5;
  }

  .sm\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75;
  }

  .sm\:focus\:text-opacity-100:focus {
    --text-opacity: 1;
  }

  .sm\:italic {
    font-style: italic;
  }

  .sm\:not-italic {
    font-style: normal;
  }

  .sm\:uppercase {
    text-transform: uppercase;
  }

  .sm\:lowercase {
    text-transform: lowercase;
  }

  .sm\:capitalize {
    text-transform: capitalize;
  }

  .sm\:normal-case {
    text-transform: none;
  }

  .sm\:underline {
    text-decoration: underline;
  }

  .sm\:line-through {
    text-decoration: line-through;
  }

  .sm\:no-underline {
    text-decoration: none;
  }

  .sm\:hover\:underline:hover {
    text-decoration: underline;
  }

  .sm\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .sm\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .sm\:focus\:underline:focus {
    text-decoration: underline;
  }

  .sm\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .sm\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .sm\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .sm\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .sm\: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,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    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);
  }

  .sm\:normal-nums {
    font-variant-numeric: normal;
  }

  .sm\:ordinal {
    --font-variant-numeric-ordinal: ordinal;
  }

  .sm\:slashed-zero {
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  .sm\:lining-nums {
    --font-variant-numeric-figure: lining-nums;
  }

  .sm\:oldstyle-nums {
    --font-variant-numeric-figure: oldstyle-nums;
  }

  .sm\:proportional-nums {
    --font-variant-numeric-spacing: proportional-nums;
  }

  .sm\:tabular-nums {
    --font-variant-numeric-spacing: tabular-nums;
  }

  .sm\:diagonal-fractions {
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  .sm\:stacked-fractions {
    --font-variant-numeric-fraction: stacked-fractions;
  }

  .sm\:tracking-tighter {
    letter-spacing: -0.05em;
  }

  .sm\:tracking-tight {
    letter-spacing: -0.025em;
  }

  .sm\:tracking-normal {
    letter-spacing: 0;
  }

  .sm\:tracking-wide {
    letter-spacing: 0.025em;
  }

  .sm\:tracking-wider {
    letter-spacing: 0.05em;
  }

  .sm\:tracking-widest {
    letter-spacing: 0.1em;
  }

  .sm\:select-none {
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .sm\:select-text {
    -webkit-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }

  .sm\:select-all {
    -webkit-user-select: all;
        -ms-user-select: all;
            user-select: all;
  }

  .sm\:select-auto {
    -webkit-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
  }

  .sm\:align-baseline {
    vertical-align: baseline;
  }

  .sm\:align-top {
    vertical-align: top;
  }

  .sm\:align-middle {
    vertical-align: middle;
  }

  .sm\:align-bottom {
    vertical-align: bottom;
  }

  .sm\:align-text-top {
    vertical-align: text-top;
  }

  .sm\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .sm\:visible {
    visibility: visible;
  }

  .sm\:invisible {
    visibility: hidden;
  }

  .sm\:whitespace-normal {
    white-space: normal;
  }

  .sm\:whitespace-no-wrap {
    white-space: nowrap;
  }

  .sm\:whitespace-pre {
    white-space: pre;
  }

  .sm\:whitespace-pre-line {
    white-space: pre-line;
  }

  .sm\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .sm\:break-normal {
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .sm\:break-words {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .sm\:break-all {
    word-break: break-all;
  }

  .sm\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .sm\:w-0 {
    width: 0;
  }

  .sm\:w-1 {
    width: 0.25rem;
  }

  .sm\:w-2 {
    width: 0.5rem;
  }

  .sm\:w-3 {
    width: 0.75rem;
  }

  .sm\:w-4 {
    width: 1rem;
  }

  .sm\:w-5 {
    width: 1.25rem;
  }

  .sm\:w-6 {
    width: 1.5rem;
  }

  .sm\:w-8 {
    width: 2rem;
  }

  .sm\:w-10 {
    width: 2.5rem;
  }

  .sm\:w-12 {
    width: 3rem;
  }

  .sm\:w-16 {
    width: 4rem;
  }

  .sm\:w-20 {
    width: 5rem;
  }

  .sm\:w-24 {
    width: 6rem;
  }

  .sm\:w-32 {
    width: 8rem;
  }

  .sm\:w-40 {
    width: 10rem;
  }

  .sm\:w-48 {
    width: 12rem;
  }

  .sm\:w-56 {
    width: 14rem;
  }

  .sm\:w-64 {
    width: 16rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-px {
    width: 1px;
  }

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:w-1\/3 {
    width: 33.333333%;
  }

  .sm\:w-2\/3 {
    width: 66.666667%;
  }

  .sm\:w-1\/4 {
    width: 25%;
  }

  .sm\:w-2\/4 {
    width: 50%;
  }

  .sm\:w-3\/4 {
    width: 75%;
  }

  .sm\:w-1\/5 {
    width: 20%;
  }

  .sm\:w-2\/5 {
    width: 40%;
  }

  .sm\:w-3\/5 {
    width: 60%;
  }

  .sm\:w-4\/5 {
    width: 80%;
  }

  .sm\:w-1\/6 {
    width: 16.666667%;
  }

  .sm\:w-2\/6 {
    width: 33.333333%;
  }

  .sm\:w-3\/6 {
    width: 50%;
  }

  .sm\:w-4\/6 {
    width: 66.666667%;
  }

  .sm\:w-5\/6 {
    width: 83.333333%;
  }

  .sm\:w-1\/12 {
    width: 8.333333%;
  }

  .sm\:w-2\/12 {
    width: 16.666667%;
  }

  .sm\:w-3\/12 {
    width: 25%;
  }

  .sm\:w-4\/12 {
    width: 33.333333%;
  }

  .sm\:w-5\/12 {
    width: 41.666667%;
  }

  .sm\:w-6\/12 {
    width: 50%;
  }

  .sm\:w-7\/12 {
    width: 58.333333%;
  }

  .sm\:w-8\/12 {
    width: 66.666667%;
  }

  .sm\:w-9\/12 {
    width: 75%;
  }

  .sm\:w-10\/12 {
    width: 83.333333%;
  }

  .sm\:w-11\/12 {
    width: 91.666667%;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:w-screen {
    width: 100vw;
  }

  .sm\:z-0 {
    z-index: 0;
  }

  .sm\:z-10 {
    z-index: 10;
  }

  .sm\:z-20 {
    z-index: 20;
  }

  .sm\:z-30 {
    z-index: 30;
  }

  .sm\:z-40 {
    z-index: 40;
  }

  .sm\:z-50 {
    z-index: 50;
  }

  .sm\:z-auto {
    z-index: auto;
  }

  .sm\:gap-0 {
    grid-gap: 0;
    gap: 0;
  }

  .sm\:gap-1 {
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  .sm\:gap-2 {
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .sm\:gap-3 {
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  .sm\:gap-4 {
    grid-gap: 1rem;
    gap: 1rem;
  }

  .sm\:gap-5 {
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  .sm\:gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  .sm\:gap-8 {
    grid-gap: 2rem;
    gap: 2rem;
  }

  .sm\:gap-10 {
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  .sm\:gap-12 {
    grid-gap: 3rem;
    gap: 3rem;
  }

  .sm\:gap-16 {
    grid-gap: 4rem;
    gap: 4rem;
  }

  .sm\:gap-20 {
    grid-gap: 5rem;
    gap: 5rem;
  }

  .sm\:gap-24 {
    grid-gap: 6rem;
    gap: 6rem;
  }

  .sm\:gap-32 {
    grid-gap: 8rem;
    gap: 8rem;
  }

  .sm\:gap-40 {
    grid-gap: 10rem;
    gap: 10rem;
  }

  .sm\:gap-48 {
    grid-gap: 12rem;
    gap: 12rem;
  }

  .sm\:gap-56 {
    grid-gap: 14rem;
    gap: 14rem;
  }

  .sm\:gap-64 {
    grid-gap: 16rem;
    gap: 16rem;
  }

  .sm\:gap-px {
    grid-gap: 1px;
    gap: 1px;
  }

  .sm\:col-gap-0 {
    grid-column-gap: 0;
    column-gap: 0;
  }

  .sm\:col-gap-1 {
    grid-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }

  .sm\:col-gap-2 {
    grid-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .sm\:col-gap-3 {
    grid-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  .sm\:col-gap-4 {
    grid-column-gap: 1rem;
    column-gap: 1rem;
  }

  .sm\:col-gap-5 {
    grid-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .sm\:col-gap-6 {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .sm\:col-gap-8 {
    grid-column-gap: 2rem;
    column-gap: 2rem;
  }

  .sm\:col-gap-10 {
    grid-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .sm\:col-gap-12 {
    grid-column-gap: 3rem;
    column-gap: 3rem;
  }

  .sm\:col-gap-16 {
    grid-column-gap: 4rem;
    column-gap: 4rem;
  }

  .sm\:col-gap-20 {
    grid-column-gap: 5rem;
    column-gap: 5rem;
  }

  .sm\:col-gap-24 {
    grid-column-gap: 6rem;
    column-gap: 6rem;
  }

  .sm\:col-gap-32 {
    grid-column-gap: 8rem;
    column-gap: 8rem;
  }

  .sm\:col-gap-40 {
    grid-column-gap: 10rem;
    column-gap: 10rem;
  }

  .sm\:col-gap-48 {
    grid-column-gap: 12rem;
    column-gap: 12rem;
  }

  .sm\:col-gap-56 {
    grid-column-gap: 14rem;
    column-gap: 14rem;
  }

  .sm\:col-gap-64 {
    grid-column-gap: 16rem;
    column-gap: 16rem;
  }

  .sm\:col-gap-px {
    grid-column-gap: 1px;
    column-gap: 1px;
  }

  .sm\:gap-x-0 {
    grid-column-gap: 0;
    column-gap: 0;
  }

  .sm\:gap-x-1 {
    grid-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }

  .sm\:gap-x-2 {
    grid-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .sm\:gap-x-3 {
    grid-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  .sm\:gap-x-4 {
    grid-column-gap: 1rem;
    column-gap: 1rem;
  }

  .sm\:gap-x-5 {
    grid-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .sm\:gap-x-6 {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .sm\:gap-x-8 {
    grid-column-gap: 2rem;
    column-gap: 2rem;
  }

  .sm\:gap-x-10 {
    grid-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .sm\:gap-x-12 {
    grid-column-gap: 3rem;
    column-gap: 3rem;
  }

  .sm\:gap-x-16 {
    grid-column-gap: 4rem;
    column-gap: 4rem;
  }

  .sm\:gap-x-20 {
    grid-column-gap: 5rem;
    column-gap: 5rem;
  }

  .sm\:gap-x-24 {
    grid-column-gap: 6rem;
    column-gap: 6rem;
  }

  .sm\:gap-x-32 {
    grid-column-gap: 8rem;
    column-gap: 8rem;
  }

  .sm\:gap-x-40 {
    grid-column-gap: 10rem;
    column-gap: 10rem;
  }

  .sm\:gap-x-48 {
    grid-column-gap: 12rem;
    column-gap: 12rem;
  }

  .sm\:gap-x-56 {
    grid-column-gap: 14rem;
    column-gap: 14rem;
  }

  .sm\:gap-x-64 {
    grid-column-gap: 16rem;
    column-gap: 16rem;
  }

  .sm\:gap-x-px {
    grid-column-gap: 1px;
    column-gap: 1px;
  }

  .sm\:row-gap-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

  .sm\:row-gap-1 {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .sm\:row-gap-2 {
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .sm\:row-gap-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .sm\:row-gap-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .sm\:row-gap-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .sm\:row-gap-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .sm\:row-gap-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .sm\:row-gap-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .sm\:row-gap-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .sm\:row-gap-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .sm\:row-gap-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .sm\:row-gap-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .sm\:row-gap-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .sm\:row-gap-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .sm\:row-gap-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .sm\:row-gap-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .sm\:row-gap-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .sm\:row-gap-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .sm\:gap-y-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

  .sm\:gap-y-1 {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .sm\:gap-y-2 {
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .sm\:gap-y-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .sm\:gap-y-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .sm\:gap-y-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .sm\:gap-y-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .sm\:gap-y-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .sm\:gap-y-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .sm\:gap-y-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .sm\:gap-y-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .sm\:gap-y-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .sm\:gap-y-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .sm\:gap-y-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .sm\:gap-y-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .sm\:gap-y-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .sm\:gap-y-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .sm\:gap-y-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .sm\:gap-y-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .sm\:grid-flow-row {
    grid-auto-flow: row;
  }

  .sm\:grid-flow-col {
    grid-auto-flow: column;
  }

  .sm\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .sm\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sm\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .sm\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .sm\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .sm\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sm\:grid-cols-none {
    grid-template-columns: none;
  }

  .sm\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  .sm\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  .sm\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  .sm\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .sm\:col-auto {
    grid-column: auto;
  }

  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .sm\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .sm\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .sm\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .sm\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .sm\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .sm\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .sm\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .sm\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .sm\:col-span-full {
    grid-column: 1 / -1;
  }

  .sm\:col-start-1 {
    grid-column-start: 1;
  }

  .sm\:col-start-2 {
    grid-column-start: 2;
  }

  .sm\:col-start-3 {
    grid-column-start: 3;
  }

  .sm\:col-start-4 {
    grid-column-start: 4;
  }

  .sm\:col-start-5 {
    grid-column-start: 5;
  }

  .sm\:col-start-6 {
    grid-column-start: 6;
  }

  .sm\:col-start-7 {
    grid-column-start: 7;
  }

  .sm\:col-start-8 {
    grid-column-start: 8;
  }

  .sm\:col-start-9 {
    grid-column-start: 9;
  }

  .sm\:col-start-10 {
    grid-column-start: 10;
  }

  .sm\:col-start-11 {
    grid-column-start: 11;
  }

  .sm\:col-start-12 {
    grid-column-start: 12;
  }

  .sm\:col-start-13 {
    grid-column-start: 13;
  }

  .sm\:col-start-auto {
    grid-column-start: auto;
  }

  .sm\:col-end-1 {
    grid-column-end: 1;
  }

  .sm\:col-end-2 {
    grid-column-end: 2;
  }

  .sm\:col-end-3 {
    grid-column-end: 3;
  }

  .sm\:col-end-4 {
    grid-column-end: 4;
  }

  .sm\:col-end-5 {
    grid-column-end: 5;
  }

  .sm\:col-end-6 {
    grid-column-end: 6;
  }

  .sm\:col-end-7 {
    grid-column-end: 7;
  }

  .sm\:col-end-8 {
    grid-column-end: 8;
  }

  .sm\:col-end-9 {
    grid-column-end: 9;
  }

  .sm\:col-end-10 {
    grid-column-end: 10;
  }

  .sm\:col-end-11 {
    grid-column-end: 11;
  }

  .sm\:col-end-12 {
    grid-column-end: 12;
  }

  .sm\:col-end-13 {
    grid-column-end: 13;
  }

  .sm\:col-end-auto {
    grid-column-end: auto;
  }

  .sm\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .sm\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .sm\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .sm\:grid-rows-none {
    grid-template-rows: none;
  }

  .sm\:auto-rows-auto {
    grid-auto-rows: auto;
  }

  .sm\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  .sm\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  .sm\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .sm\:row-auto {
    grid-row: auto;
  }

  .sm\:row-span-1 {
    grid-row: span 1 / span 1;
  }

  .sm\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .sm\:row-span-3 {
    grid-row: span 3 / span 3;
  }

  .sm\:row-span-4 {
    grid-row: span 4 / span 4;
  }

  .sm\:row-span-5 {
    grid-row: span 5 / span 5;
  }

  .sm\:row-span-6 {
    grid-row: span 6 / span 6;
  }

  .sm\:row-span-full {
    grid-row: 1 / -1;
  }

  .sm\:row-start-1 {
    grid-row-start: 1;
  }

  .sm\:row-start-2 {
    grid-row-start: 2;
  }

  .sm\:row-start-3 {
    grid-row-start: 3;
  }

  .sm\:row-start-4 {
    grid-row-start: 4;
  }

  .sm\:row-start-5 {
    grid-row-start: 5;
  }

  .sm\:row-start-6 {
    grid-row-start: 6;
  }

  .sm\:row-start-7 {
    grid-row-start: 7;
  }

  .sm\:row-start-auto {
    grid-row-start: auto;
  }

  .sm\:row-end-1 {
    grid-row-end: 1;
  }

  .sm\:row-end-2 {
    grid-row-end: 2;
  }

  .sm\:row-end-3 {
    grid-row-end: 3;
  }

  .sm\:row-end-4 {
    grid-row-end: 4;
  }

  .sm\:row-end-5 {
    grid-row-end: 5;
  }

  .sm\:row-end-6 {
    grid-row-end: 6;
  }

  .sm\:row-end-7 {
    grid-row-end: 7;
  }

  .sm\:row-end-auto {
    grid-row-end: auto;
  }

  .sm\:transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    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));
  }

  .sm\:transform-none {
    transform: none;
  }

  .sm\:origin-center {
    transform-origin: center;
  }

  .sm\:origin-top {
    transform-origin: top;
  }

  .sm\:origin-top-right {
    transform-origin: top right;
  }

  .sm\:origin-right {
    transform-origin: right;
  }

  .sm\:origin-bottom-right {
    transform-origin: bottom right;
  }

  .sm\:origin-bottom {
    transform-origin: bottom;
  }

  .sm\:origin-bottom-left {
    transform-origin: bottom left;
  }

  .sm\:origin-left {
    transform-origin: left;
  }

  .sm\:origin-top-left {
    transform-origin: top left;
  }

  .sm\:scale-0 {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .sm\:scale-50 {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .sm\:scale-75 {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .sm\:scale-90 {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .sm\:scale-95 {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .sm\:scale-100 {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .sm\:scale-105 {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .sm\:scale-110 {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .sm\:scale-125 {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .sm\:scale-150 {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .sm\:scale-x-0 {
    --transform-scale-x: 0;
  }

  .sm\:scale-x-50 {
    --transform-scale-x: .5;
  }

  .sm\:scale-x-75 {
    --transform-scale-x: .75;
  }

  .sm\:scale-x-90 {
    --transform-scale-x: .9;
  }

  .sm\:scale-x-95 {
    --transform-scale-x: .95;
  }

  .sm\:scale-x-100 {
    --transform-scale-x: 1;
  }

  .sm\:scale-x-105 {
    --transform-scale-x: 1.05;
  }

  .sm\:scale-x-110 {
    --transform-scale-x: 1.1;
  }

  .sm\:scale-x-125 {
    --transform-scale-x: 1.25;
  }

  .sm\:scale-x-150 {
    --transform-scale-x: 1.5;
  }

  .sm\:scale-y-0 {
    --transform-scale-y: 0;
  }

  .sm\:scale-y-50 {
    --transform-scale-y: .5;
  }

  .sm\:scale-y-75 {
    --transform-scale-y: .75;
  }

  .sm\:scale-y-90 {
    --transform-scale-y: .9;
  }

  .sm\:scale-y-95 {
    --transform-scale-y: .95;
  }

  .sm\:scale-y-100 {
    --transform-scale-y: 1;
  }

  .sm\:scale-y-105 {
    --transform-scale-y: 1.05;
  }

  .sm\:scale-y-110 {
    --transform-scale-y: 1.1;
  }

  .sm\:scale-y-125 {
    --transform-scale-y: 1.25;
  }

  .sm\:scale-y-150 {
    --transform-scale-y: 1.5;
  }

  .sm\:hover\:scale-0:hover {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .sm\:hover\:scale-50:hover {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .sm\:hover\:scale-75:hover {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .sm\:hover\:scale-90:hover {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .sm\:hover\:scale-95:hover {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .sm\:hover\:scale-100:hover {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .sm\:hover\:scale-105:hover {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .sm\:hover\:scale-110:hover {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .sm\:hover\:scale-125:hover {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .sm\:hover\:scale-150:hover {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .sm\:hover\:scale-x-0:hover {
    --transform-scale-x: 0;
  }

  .sm\:hover\:scale-x-50:hover {
    --transform-scale-x: .5;
  }

  .sm\:hover\:scale-x-75:hover {
    --transform-scale-x: .75;
  }

  .sm\:hover\:scale-x-90:hover {
    --transform-scale-x: .9;
  }

  .sm\:hover\:scale-x-95:hover {
    --transform-scale-x: .95;
  }

  .sm\:hover\:scale-x-100:hover {
    --transform-scale-x: 1;
  }

  .sm\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05;
  }

  .sm\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1;
  }

  .sm\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25;
  }

  .sm\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5;
  }

  .sm\:hover\:scale-y-0:hover {
    --transform-scale-y: 0;
  }

  .sm\:hover\:scale-y-50:hover {
    --transform-scale-y: .5;
  }

  .sm\:hover\:scale-y-75:hover {
    --transform-scale-y: .75;
  }

  .sm\:hover\:scale-y-90:hover {
    --transform-scale-y: .9;
  }

  .sm\:hover\:scale-y-95:hover {
    --transform-scale-y: .95;
  }

  .sm\:hover\:scale-y-100:hover {
    --transform-scale-y: 1;
  }

  .sm\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05;
  }

  .sm\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1;
  }

  .sm\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25;
  }

  .sm\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5;
  }

  .sm\:focus\:scale-0:focus {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .sm\:focus\:scale-50:focus {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .sm\:focus\:scale-75:focus {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .sm\:focus\:scale-90:focus {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .sm\:focus\:scale-95:focus {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .sm\:focus\:scale-100:focus {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .sm\:focus\:scale-105:focus {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .sm\:focus\:scale-110:focus {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .sm\:focus\:scale-125:focus {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .sm\:focus\:scale-150:focus {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .sm\:focus\:scale-x-0:focus {
    --transform-scale-x: 0;
  }

  .sm\:focus\:scale-x-50:focus {
    --transform-scale-x: .5;
  }

  .sm\:focus\:scale-x-75:focus {
    --transform-scale-x: .75;
  }

  .sm\:focus\:scale-x-90:focus {
    --transform-scale-x: .9;
  }

  .sm\:focus\:scale-x-95:focus {
    --transform-scale-x: .95;
  }

  .sm\:focus\:scale-x-100:focus {
    --transform-scale-x: 1;
  }

  .sm\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05;
  }

  .sm\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1;
  }

  .sm\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25;
  }

  .sm\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5;
  }

  .sm\:focus\:scale-y-0:focus {
    --transform-scale-y: 0;
  }

  .sm\:focus\:scale-y-50:focus {
    --transform-scale-y: .5;
  }

  .sm\:focus\:scale-y-75:focus {
    --transform-scale-y: .75;
  }

  .sm\:focus\:scale-y-90:focus {
    --transform-scale-y: .9;
  }

  .sm\:focus\:scale-y-95:focus {
    --transform-scale-y: .95;
  }

  .sm\:focus\:scale-y-100:focus {
    --transform-scale-y: 1;
  }

  .sm\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05;
  }

  .sm\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1;
  }

  .sm\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25;
  }

  .sm\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5;
  }

  .sm\:rotate-0 {
    --transform-rotate: 0;
  }

  .sm\:rotate-1 {
    --transform-rotate: 1deg;
  }

  .sm\:rotate-2 {
    --transform-rotate: 2deg;
  }

  .sm\:rotate-3 {
    --transform-rotate: 3deg;
  }

  .sm\:rotate-6 {
    --transform-rotate: 6deg;
  }

  .sm\:rotate-12 {
    --transform-rotate: 12deg;
  }

  .sm\:rotate-45 {
    --transform-rotate: 45deg;
  }

  .sm\:rotate-90 {
    --transform-rotate: 90deg;
  }

  .sm\:rotate-180 {
    --transform-rotate: 180deg;
  }

  .sm\:-rotate-180 {
    --transform-rotate: -180deg;
  }

  .sm\:-rotate-90 {
    --transform-rotate: -90deg;
  }

  .sm\:-rotate-45 {
    --transform-rotate: -45deg;
  }

  .sm\:-rotate-12 {
    --transform-rotate: -12deg;
  }

  .sm\:-rotate-6 {
    --transform-rotate: -6deg;
  }

  .sm\:-rotate-3 {
    --transform-rotate: -3deg;
  }

  .sm\:-rotate-2 {
    --transform-rotate: -2deg;
  }

  .sm\:-rotate-1 {
    --transform-rotate: -1deg;
  }

  .sm\:hover\:rotate-0:hover {
    --transform-rotate: 0;
  }

  .sm\:hover\:rotate-1:hover {
    --transform-rotate: 1deg;
  }

  .sm\:hover\:rotate-2:hover {
    --transform-rotate: 2deg;
  }

  .sm\:hover\:rotate-3:hover {
    --transform-rotate: 3deg;
  }

  .sm\:hover\:rotate-6:hover {
    --transform-rotate: 6deg;
  }

  .sm\:hover\:rotate-12:hover {
    --transform-rotate: 12deg;
  }

  .sm\:hover\:rotate-45:hover {
    --transform-rotate: 45deg;
  }

  .sm\:hover\:rotate-90:hover {
    --transform-rotate: 90deg;
  }

  .sm\:hover\:rotate-180:hover {
    --transform-rotate: 180deg;
  }

  .sm\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg;
  }

  .sm\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg;
  }

  .sm\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg;
  }

  .sm\:hover\:-rotate-12:hover {
    --transform-rotate: -12deg;
  }

  .sm\:hover\:-rotate-6:hover {
    --transform-rotate: -6deg;
  }

  .sm\:hover\:-rotate-3:hover {
    --transform-rotate: -3deg;
  }

  .sm\:hover\:-rotate-2:hover {
    --transform-rotate: -2deg;
  }

  .sm\:hover\:-rotate-1:hover {
    --transform-rotate: -1deg;
  }

  .sm\:focus\:rotate-0:focus {
    --transform-rotate: 0;
  }

  .sm\:focus\:rotate-1:focus {
    --transform-rotate: 1deg;
  }

  .sm\:focus\:rotate-2:focus {
    --transform-rotate: 2deg;
  }

  .sm\:focus\:rotate-3:focus {
    --transform-rotate: 3deg;
  }

  .sm\:focus\:rotate-6:focus {
    --transform-rotate: 6deg;
  }

  .sm\:focus\:rotate-12:focus {
    --transform-rotate: 12deg;
  }

  .sm\:focus\:rotate-45:focus {
    --transform-rotate: 45deg;
  }

  .sm\:focus\:rotate-90:focus {
    --transform-rotate: 90deg;
  }

  .sm\:focus\:rotate-180:focus {
    --transform-rotate: 180deg;
  }

  .sm\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg;
  }

  .sm\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg;
  }

  .sm\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg;
  }

  .sm\:focus\:-rotate-12:focus {
    --transform-rotate: -12deg;
  }

  .sm\:focus\:-rotate-6:focus {
    --transform-rotate: -6deg;
  }

  .sm\:focus\:-rotate-3:focus {
    --transform-rotate: -3deg;
  }

  .sm\:focus\:-rotate-2:focus {
    --transform-rotate: -2deg;
  }

  .sm\:focus\:-rotate-1:focus {
    --transform-rotate: -1deg;
  }

  .sm\:translate-x-0 {
    --transform-translate-x: 0;
  }

  .sm\:translate-x-1 {
    --transform-translate-x: 0.25rem;
  }

  .sm\:translate-x-2 {
    --transform-translate-x: 0.5rem;
  }

  .sm\:translate-x-3 {
    --transform-translate-x: 0.75rem;
  }

  .sm\:translate-x-4 {
    --transform-translate-x: 1rem;
  }

  .sm\:translate-x-5 {
    --transform-translate-x: 1.25rem;
  }

  .sm\:translate-x-6 {
    --transform-translate-x: 1.5rem;
  }

  .sm\:translate-x-8 {
    --transform-translate-x: 2rem;
  }

  .sm\:translate-x-10 {
    --transform-translate-x: 2.5rem;
  }

  .sm\:translate-x-12 {
    --transform-translate-x: 3rem;
  }

  .sm\:translate-x-16 {
    --transform-translate-x: 4rem;
  }

  .sm\:translate-x-20 {
    --transform-translate-x: 5rem;
  }

  .sm\:translate-x-24 {
    --transform-translate-x: 6rem;
  }

  .sm\:translate-x-32 {
    --transform-translate-x: 8rem;
  }

  .sm\:translate-x-40 {
    --transform-translate-x: 10rem;
  }

  .sm\:translate-x-48 {
    --transform-translate-x: 12rem;
  }

  .sm\:translate-x-56 {
    --transform-translate-x: 14rem;
  }

  .sm\:translate-x-64 {
    --transform-translate-x: 16rem;
  }

  .sm\:translate-x-px {
    --transform-translate-x: 1px;
  }

  .sm\:-translate-x-1 {
    --transform-translate-x: -0.25rem;
  }

  .sm\:-translate-x-2 {
    --transform-translate-x: -0.5rem;
  }

  .sm\:-translate-x-3 {
    --transform-translate-x: -0.75rem;
  }

  .sm\:-translate-x-4 {
    --transform-translate-x: -1rem;
  }

  .sm\:-translate-x-5 {
    --transform-translate-x: -1.25rem;
  }

  .sm\:-translate-x-6 {
    --transform-translate-x: -1.5rem;
  }

  .sm\:-translate-x-8 {
    --transform-translate-x: -2rem;
  }

  .sm\:-translate-x-10 {
    --transform-translate-x: -2.5rem;
  }

  .sm\:-translate-x-12 {
    --transform-translate-x: -3rem;
  }

  .sm\:-translate-x-16 {
    --transform-translate-x: -4rem;
  }

  .sm\:-translate-x-20 {
    --transform-translate-x: -5rem;
  }

  .sm\:-translate-x-24 {
    --transform-translate-x: -6rem;
  }

  .sm\:-translate-x-32 {
    --transform-translate-x: -8rem;
  }

  .sm\:-translate-x-40 {
    --transform-translate-x: -10rem;
  }

  .sm\:-translate-x-48 {
    --transform-translate-x: -12rem;
  }

  .sm\:-translate-x-56 {
    --transform-translate-x: -14rem;
  }

  .sm\:-translate-x-64 {
    --transform-translate-x: -16rem;
  }

  .sm\:-translate-x-px {
    --transform-translate-x: -1px;
  }

  .sm\:-translate-x-full {
    --transform-translate-x: -100%;
  }

  .sm\:-translate-x-1\/2 {
    --transform-translate-x: -50%;
  }

  .sm\:translate-x-1\/2 {
    --transform-translate-x: 50%;
  }

  .sm\:translate-x-full {
    --transform-translate-x: 100%;
  }

  .sm\:translate-y-0 {
    --transform-translate-y: 0;
  }

  .sm\:translate-y-1 {
    --transform-translate-y: 0.25rem;
  }

  .sm\:translate-y-2 {
    --transform-translate-y: 0.5rem;
  }

  .sm\:translate-y-3 {
    --transform-translate-y: 0.75rem;
  }

  .sm\:translate-y-4 {
    --transform-translate-y: 1rem;
  }

  .sm\:translate-y-5 {
    --transform-translate-y: 1.25rem;
  }

  .sm\:translate-y-6 {
    --transform-translate-y: 1.5rem;
  }

  .sm\:translate-y-8 {
    --transform-translate-y: 2rem;
  }

  .sm\:translate-y-10 {
    --transform-translate-y: 2.5rem;
  }

  .sm\:translate-y-12 {
    --transform-translate-y: 3rem;
  }

  .sm\:translate-y-16 {
    --transform-translate-y: 4rem;
  }

  .sm\:translate-y-20 {
    --transform-translate-y: 5rem;
  }

  .sm\:translate-y-24 {
    --transform-translate-y: 6rem;
  }

  .sm\:translate-y-32 {
    --transform-translate-y: 8rem;
  }

  .sm\:translate-y-40 {
    --transform-translate-y: 10rem;
  }

  .sm\:translate-y-48 {
    --transform-translate-y: 12rem;
  }

  .sm\:translate-y-56 {
    --transform-translate-y: 14rem;
  }

  .sm\:translate-y-64 {
    --transform-translate-y: 16rem;
  }

  .sm\:translate-y-px {
    --transform-translate-y: 1px;
  }

  .sm\:-translate-y-1 {
    --transform-translate-y: -0.25rem;
  }

  .sm\:-translate-y-2 {
    --transform-translate-y: -0.5rem;
  }

  .sm\:-translate-y-3 {
    --transform-translate-y: -0.75rem;
  }

  .sm\:-translate-y-4 {
    --transform-translate-y: -1rem;
  }

  .sm\:-translate-y-5 {
    --transform-translate-y: -1.25rem;
  }

  .sm\:-translate-y-6 {
    --transform-translate-y: -1.5rem;
  }

  .sm\:-translate-y-8 {
    --transform-translate-y: -2rem;
  }

  .sm\:-translate-y-10 {
    --transform-translate-y: -2.5rem;
  }

  .sm\:-translate-y-12 {
    --transform-translate-y: -3rem;
  }

  .sm\:-translate-y-16 {
    --transform-translate-y: -4rem;
  }

  .sm\:-translate-y-20 {
    --transform-translate-y: -5rem;
  }

  .sm\:-translate-y-24 {
    --transform-translate-y: -6rem;
  }

  .sm\:-translate-y-32 {
    --transform-translate-y: -8rem;
  }

  .sm\:-translate-y-40 {
    --transform-translate-y: -10rem;
  }

  .sm\:-translate-y-48 {
    --transform-translate-y: -12rem;
  }

  .sm\:-translate-y-56 {
    --transform-translate-y: -14rem;
  }

  .sm\:-translate-y-64 {
    --transform-translate-y: -16rem;
  }

  .sm\:-translate-y-px {
    --transform-translate-y: -1px;
  }

  .sm\:-translate-y-full {
    --transform-translate-y: -100%;
  }

  .sm\:-translate-y-1\/2 {
    --transform-translate-y: -50%;
  }

  .sm\:translate-y-1\/2 {
    --transform-translate-y: 50%;
  }

  .sm\:translate-y-full {
    --transform-translate-y: 100%;
  }

  .sm\:hover\:translate-x-0:hover {
    --transform-translate-x: 0;
  }

  .sm\:hover\:translate-x-1:hover {
    --transform-translate-x: 0.25rem;
  }

  .sm\:hover\:translate-x-2:hover {
    --transform-translate-x: 0.5rem;
  }

  .sm\:hover\:translate-x-3:hover {
    --transform-translate-x: 0.75rem;
  }

  .sm\:hover\:translate-x-4:hover {
    --transform-translate-x: 1rem;
  }

  .sm\:hover\:translate-x-5:hover {
    --transform-translate-x: 1.25rem;
  }

  .sm\:hover\:translate-x-6:hover {
    --transform-translate-x: 1.5rem;
  }

  .sm\:hover\:translate-x-8:hover {
    --transform-translate-x: 2rem;
  }

  .sm\:hover\:translate-x-10:hover {
    --transform-translate-x: 2.5rem;
  }

  .sm\:hover\:translate-x-12:hover {
    --transform-translate-x: 3rem;
  }

  .sm\:hover\:translate-x-16:hover {
    --transform-translate-x: 4rem;
  }

  .sm\:hover\:translate-x-20:hover {
    --transform-translate-x: 5rem;
  }

  .sm\:hover\:translate-x-24:hover {
    --transform-translate-x: 6rem;
  }

  .sm\:hover\:translate-x-32:hover {
    --transform-translate-x: 8rem;
  }

  .sm\:hover\:translate-x-40:hover {
    --transform-translate-x: 10rem;
  }

  .sm\:hover\:translate-x-48:hover {
    --transform-translate-x: 12rem;
  }

  .sm\:hover\:translate-x-56:hover {
    --transform-translate-x: 14rem;
  }

  .sm\:hover\:translate-x-64:hover {
    --transform-translate-x: 16rem;
  }

  .sm\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px;
  }

  .sm\:hover\:-translate-x-1:hover {
    --transform-translate-x: -0.25rem;
  }

  .sm\:hover\:-translate-x-2:hover {
    --transform-translate-x: -0.5rem;
  }

  .sm\:hover\:-translate-x-3:hover {
    --transform-translate-x: -0.75rem;
  }

  .sm\:hover\:-translate-x-4:hover {
    --transform-translate-x: -1rem;
  }

  .sm\:hover\:-translate-x-5:hover {
    --transform-translate-x: -1.25rem;
  }

  .sm\:hover\:-translate-x-6:hover {
    --transform-translate-x: -1.5rem;
  }

  .sm\:hover\:-translate-x-8:hover {
    --transform-translate-x: -2rem;
  }

  .sm\:hover\:-translate-x-10:hover {
    --transform-translate-x: -2.5rem;
  }

  .sm\:hover\:-translate-x-12:hover {
    --transform-translate-x: -3rem;
  }

  .sm\:hover\:-translate-x-16:hover {
    --transform-translate-x: -4rem;
  }

  .sm\:hover\:-translate-x-20:hover {
    --transform-translate-x: -5rem;
  }

  .sm\:hover\:-translate-x-24:hover {
    --transform-translate-x: -6rem;
  }

  .sm\:hover\:-translate-x-32:hover {
    --transform-translate-x: -8rem;
  }

  .sm\:hover\:-translate-x-40:hover {
    --transform-translate-x: -10rem;
  }

  .sm\:hover\:-translate-x-48:hover {
    --transform-translate-x: -12rem;
  }

  .sm\:hover\:-translate-x-56:hover {
    --transform-translate-x: -14rem;
  }

  .sm\:hover\:-translate-x-64:hover {
    --transform-translate-x: -16rem;
  }

  .sm\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px;
  }

  .sm\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100%;
  }

  .sm\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50%;
  }

  .sm\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50%;
  }

  .sm\:hover\:translate-x-full:hover {
    --transform-translate-x: 100%;
  }

  .sm\:hover\:translate-y-0:hover {
    --transform-translate-y: 0;
  }

  .sm\:hover\:translate-y-1:hover {
    --transform-translate-y: 0.25rem;
  }

  .sm\:hover\:translate-y-2:hover {
    --transform-translate-y: 0.5rem;
  }

  .sm\:hover\:translate-y-3:hover {
    --transform-translate-y: 0.75rem;
  }

  .sm\:hover\:translate-y-4:hover {
    --transform-translate-y: 1rem;
  }

  .sm\:hover\:translate-y-5:hover {
    --transform-translate-y: 1.25rem;
  }

  .sm\:hover\:translate-y-6:hover {
    --transform-translate-y: 1.5rem;
  }

  .sm\:hover\:translate-y-8:hover {
    --transform-translate-y: 2rem;
  }

  .sm\:hover\:translate-y-10:hover {
    --transform-translate-y: 2.5rem;
  }

  .sm\:hover\:translate-y-12:hover {
    --transform-translate-y: 3rem;
  }

  .sm\:hover\:translate-y-16:hover {
    --transform-translate-y: 4rem;
  }

  .sm\:hover\:translate-y-20:hover {
    --transform-translate-y: 5rem;
  }

  .sm\:hover\:translate-y-24:hover {
    --transform-translate-y: 6rem;
  }

  .sm\:hover\:translate-y-32:hover {
    --transform-translate-y: 8rem;
  }

  .sm\:hover\:translate-y-40:hover {
    --transform-translate-y: 10rem;
  }

  .sm\:hover\:translate-y-48:hover {
    --transform-translate-y: 12rem;
  }

  .sm\:hover\:translate-y-56:hover {
    --transform-translate-y: 14rem;
  }

  .sm\:hover\:translate-y-64:hover {
    --transform-translate-y: 16rem;
  }

  .sm\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px;
  }

  .sm\:hover\:-translate-y-1:hover {
    --transform-translate-y: -0.25rem;
  }

  .sm\:hover\:-translate-y-2:hover {
    --transform-translate-y: -0.5rem;
  }

  .sm\:hover\:-translate-y-3:hover {
    --transform-translate-y: -0.75rem;
  }

  .sm\:hover\:-translate-y-4:hover {
    --transform-translate-y: -1rem;
  }

  .sm\:hover\:-translate-y-5:hover {
    --transform-translate-y: -1.25rem;
  }

  .sm\:hover\:-translate-y-6:hover {
    --transform-translate-y: -1.5rem;
  }

  .sm\:hover\:-translate-y-8:hover {
    --transform-translate-y: -2rem;
  }

  .sm\:hover\:-translate-y-10:hover {
    --transform-translate-y: -2.5rem;
  }

  .sm\:hover\:-translate-y-12:hover {
    --transform-translate-y: -3rem;
  }

  .sm\:hover\:-translate-y-16:hover {
    --transform-translate-y: -4rem;
  }

  .sm\:hover\:-translate-y-20:hover {
    --transform-translate-y: -5rem;
  }

  .sm\:hover\:-translate-y-24:hover {
    --transform-translate-y: -6rem;
  }

  .sm\:hover\:-translate-y-32:hover {
    --transform-translate-y: -8rem;
  }

  .sm\:hover\:-translate-y-40:hover {
    --transform-translate-y: -10rem;
  }

  .sm\:hover\:-translate-y-48:hover {
    --transform-translate-y: -12rem;
  }

  .sm\:hover\:-translate-y-56:hover {
    --transform-translate-y: -14rem;
  }

  .sm\:hover\:-translate-y-64:hover {
    --transform-translate-y: -16rem;
  }

  .sm\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px;
  }

  .sm\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100%;
  }

  .sm\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50%;
  }

  .sm\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50%;
  }

  .sm\:hover\:translate-y-full:hover {
    --transform-translate-y: 100%;
  }

  .sm\:focus\:translate-x-0:focus {
    --transform-translate-x: 0;
  }

  .sm\:focus\:translate-x-1:focus {
    --transform-translate-x: 0.25rem;
  }

  .sm\:focus\:translate-x-2:focus {
    --transform-translate-x: 0.5rem;
  }

  .sm\:focus\:translate-x-3:focus {
    --transform-translate-x: 0.75rem;
  }

  .sm\:focus\:translate-x-4:focus {
    --transform-translate-x: 1rem;
  }

  .sm\:focus\:translate-x-5:focus {
    --transform-translate-x: 1.25rem;
  }

  .sm\:focus\:translate-x-6:focus {
    --transform-translate-x: 1.5rem;
  }

  .sm\:focus\:translate-x-8:focus {
    --transform-translate-x: 2rem;
  }

  .sm\:focus\:translate-x-10:focus {
    --transform-translate-x: 2.5rem;
  }

  .sm\:focus\:translate-x-12:focus {
    --transform-translate-x: 3rem;
  }

  .sm\:focus\:translate-x-16:focus {
    --transform-translate-x: 4rem;
  }

  .sm\:focus\:translate-x-20:focus {
    --transform-translate-x: 5rem;
  }

  .sm\:focus\:translate-x-24:focus {
    --transform-translate-x: 6rem;
  }

  .sm\:focus\:translate-x-32:focus {
    --transform-translate-x: 8rem;
  }

  .sm\:focus\:translate-x-40:focus {
    --transform-translate-x: 10rem;
  }

  .sm\:focus\:translate-x-48:focus {
    --transform-translate-x: 12rem;
  }

  .sm\:focus\:translate-x-56:focus {
    --transform-translate-x: 14rem;
  }

  .sm\:focus\:translate-x-64:focus {
    --transform-translate-x: 16rem;
  }

  .sm\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px;
  }

  .sm\:focus\:-translate-x-1:focus {
    --transform-translate-x: -0.25rem;
  }

  .sm\:focus\:-translate-x-2:focus {
    --transform-translate-x: -0.5rem;
  }

  .sm\:focus\:-translate-x-3:focus {
    --transform-translate-x: -0.75rem;
  }

  .sm\:focus\:-translate-x-4:focus {
    --transform-translate-x: -1rem;
  }

  .sm\:focus\:-translate-x-5:focus {
    --transform-translate-x: -1.25rem;
  }

  .sm\:focus\:-translate-x-6:focus {
    --transform-translate-x: -1.5rem;
  }

  .sm\:focus\:-translate-x-8:focus {
    --transform-translate-x: -2rem;
  }

  .sm\:focus\:-translate-x-10:focus {
    --transform-translate-x: -2.5rem;
  }

  .sm\:focus\:-translate-x-12:focus {
    --transform-translate-x: -3rem;
  }

  .sm\:focus\:-translate-x-16:focus {
    --transform-translate-x: -4rem;
  }

  .sm\:focus\:-translate-x-20:focus {
    --transform-translate-x: -5rem;
  }

  .sm\:focus\:-translate-x-24:focus {
    --transform-translate-x: -6rem;
  }

  .sm\:focus\:-translate-x-32:focus {
    --transform-translate-x: -8rem;
  }

  .sm\:focus\:-translate-x-40:focus {
    --transform-translate-x: -10rem;
  }

  .sm\:focus\:-translate-x-48:focus {
    --transform-translate-x: -12rem;
  }

  .sm\:focus\:-translate-x-56:focus {
    --transform-translate-x: -14rem;
  }

  .sm\:focus\:-translate-x-64:focus {
    --transform-translate-x: -16rem;
  }

  .sm\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px;
  }

  .sm\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100%;
  }

  .sm\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50%;
  }

  .sm\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50%;
  }

  .sm\:focus\:translate-x-full:focus {
    --transform-translate-x: 100%;
  }

  .sm\:focus\:translate-y-0:focus {
    --transform-translate-y: 0;
  }

  .sm\:focus\:translate-y-1:focus {
    --transform-translate-y: 0.25rem;
  }

  .sm\:focus\:translate-y-2:focus {
    --transform-translate-y: 0.5rem;
  }

  .sm\:focus\:translate-y-3:focus {
    --transform-translate-y: 0.75rem;
  }

  .sm\:focus\:translate-y-4:focus {
    --transform-translate-y: 1rem;
  }

  .sm\:focus\:translate-y-5:focus {
    --transform-translate-y: 1.25rem;
  }

  .sm\:focus\:translate-y-6:focus {
    --transform-translate-y: 1.5rem;
  }

  .sm\:focus\:translate-y-8:focus {
    --transform-translate-y: 2rem;
  }

  .sm\:focus\:translate-y-10:focus {
    --transform-translate-y: 2.5rem;
  }

  .sm\:focus\:translate-y-12:focus {
    --transform-translate-y: 3rem;
  }

  .sm\:focus\:translate-y-16:focus {
    --transform-translate-y: 4rem;
  }

  .sm\:focus\:translate-y-20:focus {
    --transform-translate-y: 5rem;
  }

  .sm\:focus\:translate-y-24:focus {
    --transform-translate-y: 6rem;
  }

  .sm\:focus\:translate-y-32:focus {
    --transform-translate-y: 8rem;
  }

  .sm\:focus\:translate-y-40:focus {
    --transform-translate-y: 10rem;
  }

  .sm\:focus\:translate-y-48:focus {
    --transform-translate-y: 12rem;
  }

  .sm\:focus\:translate-y-56:focus {
    --transform-translate-y: 14rem;
  }

  .sm\:focus\:translate-y-64:focus {
    --transform-translate-y: 16rem;
  }

  .sm\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px;
  }

  .sm\:focus\:-translate-y-1:focus {
    --transform-translate-y: -0.25rem;
  }

  .sm\:focus\:-translate-y-2:focus {
    --transform-translate-y: -0.5rem;
  }

  .sm\:focus\:-translate-y-3:focus {
    --transform-translate-y: -0.75rem;
  }

  .sm\:focus\:-translate-y-4:focus {
    --transform-translate-y: -1rem;
  }

  .sm\:focus\:-translate-y-5:focus {
    --transform-translate-y: -1.25rem;
  }

  .sm\:focus\:-translate-y-6:focus {
    --transform-translate-y: -1.5rem;
  }

  .sm\:focus\:-translate-y-8:focus {
    --transform-translate-y: -2rem;
  }

  .sm\:focus\:-translate-y-10:focus {
    --transform-translate-y: -2.5rem;
  }

  .sm\:focus\:-translate-y-12:focus {
    --transform-translate-y: -3rem;
  }

  .sm\:focus\:-translate-y-16:focus {
    --transform-translate-y: -4rem;
  }

  .sm\:focus\:-translate-y-20:focus {
    --transform-translate-y: -5rem;
  }

  .sm\:focus\:-translate-y-24:focus {
    --transform-translate-y: -6rem;
  }

  .sm\:focus\:-translate-y-32:focus {
    --transform-translate-y: -8rem;
  }

  .sm\:focus\:-translate-y-40:focus {
    --transform-translate-y: -10rem;
  }

  .sm\:focus\:-translate-y-48:focus {
    --transform-translate-y: -12rem;
  }

  .sm\:focus\:-translate-y-56:focus {
    --transform-translate-y: -14rem;
  }

  .sm\:focus\:-translate-y-64:focus {
    --transform-translate-y: -16rem;
  }

  .sm\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px;
  }

  .sm\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100%;
  }

  .sm\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50%;
  }

  .sm\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50%;
  }

  .sm\:focus\:translate-y-full:focus {
    --transform-translate-y: 100%;
  }

  .sm\:skew-x-0 {
    --transform-skew-x: 0;
  }

  .sm\:skew-x-1 {
    --transform-skew-x: 1deg;
  }

  .sm\:skew-x-2 {
    --transform-skew-x: 2deg;
  }

  .sm\:skew-x-3 {
    --transform-skew-x: 3deg;
  }

  .sm\:skew-x-6 {
    --transform-skew-x: 6deg;
  }

  .sm\:skew-x-12 {
    --transform-skew-x: 12deg;
  }

  .sm\:-skew-x-12 {
    --transform-skew-x: -12deg;
  }

  .sm\:-skew-x-6 {
    --transform-skew-x: -6deg;
  }

  .sm\:-skew-x-3 {
    --transform-skew-x: -3deg;
  }

  .sm\:-skew-x-2 {
    --transform-skew-x: -2deg;
  }

  .sm\:-skew-x-1 {
    --transform-skew-x: -1deg;
  }

  .sm\:skew-y-0 {
    --transform-skew-y: 0;
  }

  .sm\:skew-y-1 {
    --transform-skew-y: 1deg;
  }

  .sm\:skew-y-2 {
    --transform-skew-y: 2deg;
  }

  .sm\:skew-y-3 {
    --transform-skew-y: 3deg;
  }

  .sm\:skew-y-6 {
    --transform-skew-y: 6deg;
  }

  .sm\:skew-y-12 {
    --transform-skew-y: 12deg;
  }

  .sm\:-skew-y-12 {
    --transform-skew-y: -12deg;
  }

  .sm\:-skew-y-6 {
    --transform-skew-y: -6deg;
  }

  .sm\:-skew-y-3 {
    --transform-skew-y: -3deg;
  }

  .sm\:-skew-y-2 {
    --transform-skew-y: -2deg;
  }

  .sm\:-skew-y-1 {
    --transform-skew-y: -1deg;
  }

  .sm\:hover\:skew-x-0:hover {
    --transform-skew-x: 0;
  }

  .sm\:hover\:skew-x-1:hover {
    --transform-skew-x: 1deg;
  }

  .sm\:hover\:skew-x-2:hover {
    --transform-skew-x: 2deg;
  }

  .sm\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg;
  }

  .sm\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg;
  }

  .sm\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg;
  }

  .sm\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg;
  }

  .sm\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg;
  }

  .sm\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg;
  }

  .sm\:hover\:-skew-x-2:hover {
    --transform-skew-x: -2deg;
  }

  .sm\:hover\:-skew-x-1:hover {
    --transform-skew-x: -1deg;
  }

  .sm\:hover\:skew-y-0:hover {
    --transform-skew-y: 0;
  }

  .sm\:hover\:skew-y-1:hover {
    --transform-skew-y: 1deg;
  }

  .sm\:hover\:skew-y-2:hover {
    --transform-skew-y: 2deg;
  }

  .sm\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg;
  }

  .sm\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg;
  }

  .sm\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg;
  }

  .sm\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg;
  }

  .sm\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg;
  }

  .sm\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg;
  }

  .sm\:hover\:-skew-y-2:hover {
    --transform-skew-y: -2deg;
  }

  .sm\:hover\:-skew-y-1:hover {
    --transform-skew-y: -1deg;
  }

  .sm\:focus\:skew-x-0:focus {
    --transform-skew-x: 0;
  }

  .sm\:focus\:skew-x-1:focus {
    --transform-skew-x: 1deg;
  }

  .sm\:focus\:skew-x-2:focus {
    --transform-skew-x: 2deg;
  }

  .sm\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg;
  }

  .sm\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg;
  }

  .sm\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg;
  }

  .sm\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg;
  }

  .sm\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg;
  }

  .sm\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg;
  }

  .sm\:focus\:-skew-x-2:focus {
    --transform-skew-x: -2deg;
  }

  .sm\:focus\:-skew-x-1:focus {
    --transform-skew-x: -1deg;
  }

  .sm\:focus\:skew-y-0:focus {
    --transform-skew-y: 0;
  }

  .sm\:focus\:skew-y-1:focus {
    --transform-skew-y: 1deg;
  }

  .sm\:focus\:skew-y-2:focus {
    --transform-skew-y: 2deg;
  }

  .sm\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg;
  }

  .sm\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg;
  }

  .sm\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg;
  }

  .sm\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg;
  }

  .sm\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg;
  }

  .sm\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg;
  }

  .sm\:focus\:-skew-y-2:focus {
    --transform-skew-y: -2deg;
  }

  .sm\:focus\:-skew-y-1:focus {
    --transform-skew-y: -1deg;
  }

  .sm\:transition-none {
    transition-property: none;
  }

  .sm\:transition-all {
    transition-property: all;
  }

  .sm\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  .sm\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
  }

  .sm\:transition-opacity {
    transition-property: opacity;
  }

  .sm\:transition-shadow {
    transition-property: box-shadow;
  }

  .sm\:transition-transform {
    transition-property: transform;
  }

  .sm\:ease-linear {
    transition-timing-function: linear;
  }

  .sm\:ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .sm\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .sm\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .sm\:duration-75 {
    transition-duration: 75ms;
  }

  .sm\:duration-100 {
    transition-duration: 100ms;
  }

  .sm\:duration-150 {
    transition-duration: 150ms;
  }

  .sm\:duration-200 {
    transition-duration: 200ms;
  }

  .sm\:duration-300 {
    transition-duration: 300ms;
  }

  .sm\:duration-500 {
    transition-duration: 500ms;
  }

  .sm\:duration-700 {
    transition-duration: 700ms;
  }

  .sm\:duration-1000 {
    transition-duration: 1000ms;
  }

  .sm\:delay-75 {
    transition-delay: 75ms;
  }

  .sm\:delay-100 {
    transition-delay: 100ms;
  }

  .sm\:delay-150 {
    transition-delay: 150ms;
  }

  .sm\:delay-200 {
    transition-delay: 200ms;
  }

  .sm\:delay-300 {
    transition-delay: 300ms;
  }

  .sm\:delay-500 {
    transition-delay: 500ms;
  }

  .sm\:delay-700 {
    transition-delay: 700ms;
  }

  .sm\:delay-1000 {
    transition-delay: 1000ms;
  }

  .sm\:animate-none {
    animation: none;
  }

  .sm\:animate-spin {
    animation: spin 1s linear infinite;
  }

  .sm\:animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .sm\:animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .sm\:animate-bounce {
    animation: bounce 1s infinite;
  }
}

@media (min-width: 760px) {
  .md\:container {
    width: 100%;
  }

  @media (min-width: 360px) {
    .md\:container {
      max-width: 360px;
    }
  }

  @media (min-width: 480px) {
    .md\:container {
      max-width: 480px;
    }
  }

  @media (min-width: 760px) {
    .md\:container {
      max-width: 760px;
    }
  }

  @media (min-width: 960px) {
    .md\:container {
      max-width: 960px;
    }
  }

  @media (min-width: 1060px) {
    .md\:container {
      max-width: 1060px;
    }
  }

  @media (min-width: 1280px) {
    .md\:container {
      max-width: 1280px;
    }
  }

  .md\:space-y-0 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  .md\:space-x-0 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  .md\:space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  .md\:space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  .md\:space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  .md\:space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  .md\:space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  .md\:space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  .md\:space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  .md\:space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  .md\:space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  .md\:space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  .md\:space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  .md\:space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  .md\:space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  .md\:space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  .md\:space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  .md\:space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  .md\:space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  .md\:space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  .md\:-space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  .md\:-space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  .md\:-space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  .md\:-space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  .md\:-space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  .md\:-space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  .md\:-space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  .md\:-space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  .md\:-space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  .md\:-space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  .md\:-space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  .md\:-space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  .md\:-space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  .md\:-space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  .md\:-space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  .md\:-space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  .md\:-space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  .md\:-space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-reverse > :not(template) ~ :not(template) {
    --space-y-reverse: 1;
  }

  .md\:space-x-reverse > :not(template) ~ :not(template) {
    --space-x-reverse: 1;
  }

  .md\:divide-y-0 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  .md\:divide-x-0 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  .md\:divide-y-2 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  .md\:divide-x-2 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  .md\:divide-y-4 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  .md\:divide-x-4 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  .md\:divide-y-8 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  .md\:divide-x-8 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  .md\:divide-y > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  .md\:divide-x > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  .md\:divide-y-reverse > :not(template) ~ :not(template) {
    --divide-y-reverse: 1;
  }

  .md\:divide-x-reverse > :not(template) ~ :not(template) {
    --divide-x-reverse: 1;
  }

  .md\:divide-transparent > :not(template) ~ :not(template) {
    border-color: transparent;
  }

  .md\:divide-black > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--divide-opacity));
  }

  .md\:divide-white > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .md\:divide-gray-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--divide-opacity));
  }

  .md\:divide-gray-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--divide-opacity));
  }

  .md\:divide-gray-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--divide-opacity));
  }

  .md\:divide-gray-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--divide-opacity));
  }

  .md\:divide-gray-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--divide-opacity));
  }

  .md\:divide-gray-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--divide-opacity));
  }

  .md\:divide-gray-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--divide-opacity));
  }

  .md\:divide-gray-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--divide-opacity));
  }

  .md\:divide-gray-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--divide-opacity));
  }

  .md\:divide-blue-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--divide-opacity));
  }

  .md\:divide-blue-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--divide-opacity));
  }

  .md\:divide-blue-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--divide-opacity));
  }

  .md\:divide-blue-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--divide-opacity));
  }

  .md\:divide-blue-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--divide-opacity));
  }

  .md\:divide-blue-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--divide-opacity));
  }

  .md\:divide-blue-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--divide-opacity));
  }

  .md\:divide-blue-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--divide-opacity));
  }

  .md\:divide-blue-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--divide-opacity));
  }

  .md\:divide-blurple-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--divide-opacity));
  }

  .md\:divide-blurple-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--divide-opacity));
  }

  .md\:divide-blurple-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--divide-opacity));
  }

  .md\:divide-blurple-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--divide-opacity));
  }

  .md\:divide-blurple-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--divide-opacity));
  }

  .md\:divide-blurple-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--divide-opacity));
  }

  .md\:divide-green-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--divide-opacity));
  }

  .md\:divide-green-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--divide-opacity));
  }

  .md\:divide-green-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--divide-opacity));
  }

  .md\:divide-orange-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--divide-opacity));
  }

  .md\:divide-orange-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--divide-opacity));
  }

  .md\:divide-orange-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--divide-opacity));
  }

  .md\:divide-orange-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--divide-opacity));
  }

  .md\:divide-orange-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--divide-opacity));
  }

  .md\:divide-orange-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--divide-opacity));
  }

  .md\:divide-orange-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--divide-opacity));
  }

  .md\:divide-orange-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--divide-opacity));
  }

  .md\:divide-orange-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--divide-opacity));
  }

  .md\:divide-purple-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--divide-opacity));
  }

  .md\:divide-purple-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--divide-opacity));
  }

  .md\:divide-purple-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--divide-opacity));
  }

  .md\:divide-purple-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--divide-opacity));
  }

  .md\:divide-purple-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--divide-opacity));
  }

  .md\:divide-purple-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--divide-opacity));
  }

  .md\:divide-purple-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--divide-opacity));
  }

  .md\:divide-purple-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--divide-opacity));
  }

  .md\:divide-purple-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--divide-opacity));
  }

  .md\:divide-red-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--divide-opacity));
  }

  .md\:divide-red-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--divide-opacity));
  }

  .md\:divide-red-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--divide-opacity));
  }

  .md\:divide-teal-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--divide-opacity));
  }

  .md\:divide-teal-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--divide-opacity));
  }

  .md\:divide-teal-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--divide-opacity));
  }

  .md\:divide-teal-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--divide-opacity));
  }

  .md\:divide-teal-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--divide-opacity));
  }

  .md\:divide-teal-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--divide-opacity));
  }

  .md\:divide-teal-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--divide-opacity));
  }

  .md\:divide-teal-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--divide-opacity));
  }

  .md\:divide-teal-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--divide-opacity));
  }

  .md\:divide-yellow-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--divide-opacity));
  }

  .md\:divide-yellow-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--divide-opacity));
  }

  .md\:divide-yellow-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--divide-opacity));
  }

  .md\:divide-yellow-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--divide-opacity));
  }

  .md\:divide-yellow-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--divide-opacity));
  }

  .md\:divide-yellow-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--divide-opacity));
  }

  .md\:divide-yellow-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--divide-opacity));
  }

  .md\:divide-yellow-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--divide-opacity));
  }

  .md\:divide-yellow-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--divide-opacity));
  }

  .md\:divide-facebook-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--divide-opacity));
  }

  .md\:divide-facebook-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--divide-opacity));
  }

  .md\:divide-snapchat-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--divide-opacity));
  }

  .md\:divide-snapchat-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--divide-opacity));
  }

  .md\:divide-messenger-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--divide-opacity));
  }

  .md\:divide-messenger-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--divide-opacity));
  }

  .md\:divide-twitter-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--divide-opacity));
  }

  .md\:divide-twitter-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--divide-opacity));
  }

  .md\:divide-transparent-black-10 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.1);
  }

  .md\:divide-transparent-black-30 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.3);
  }

  .md\:divide-transparent-black-50 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.5);
  }

  .md\:divide-transparent-black-70 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.7);
  }

  .md\:divide-transparent-black-90 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.9);
  }

  .md\:divide-transparent-white-10 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.1);
  }

  .md\:divide-transparent-white-30 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.3);
  }

  .md\:divide-transparent-white-50 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.5);
  }

  .md\:divide-transparent-white-70 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.7);
  }

  .md\:divide-transparent-white-90 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.9);
  }

  .md\:divide-vr-dark-blue > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--divide-opacity));
  }

  .md\:divide-vr-neon-green > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--divide-opacity));
  }

  .md\:divide-solid > :not(template) ~ :not(template) {
    border-style: solid;
  }

  .md\:divide-dashed > :not(template) ~ :not(template) {
    border-style: dashed;
  }

  .md\:divide-dotted > :not(template) ~ :not(template) {
    border-style: dotted;
  }

  .md\:divide-double > :not(template) ~ :not(template) {
    border-style: double;
  }

  .md\:divide-none > :not(template) ~ :not(template) {
    border-style: none;
  }

  .md\:divide-opacity-0 > :not(template) ~ :not(template) {
    --divide-opacity: 0;
  }

  .md\:divide-opacity-25 > :not(template) ~ :not(template) {
    --divide-opacity: 0.25;
  }

  .md\:divide-opacity-50 > :not(template) ~ :not(template) {
    --divide-opacity: 0.5;
  }

  .md\:divide-opacity-75 > :not(template) ~ :not(template) {
    --divide-opacity: 0.75;
  }

  .md\:divide-opacity-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
  }

  .md\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .md\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .md\:focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .md\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .md\:appearance-none {
    -webkit-appearance: none;
            appearance: none;
  }

  .md\:bg-fixed {
    background-attachment: fixed;
  }

  .md\:bg-local {
    background-attachment: local;
  }

  .md\:bg-scroll {
    background-attachment: scroll;
  }

  .md\:bg-clip-border {
    background-clip: border-box;
  }

  .md\:bg-clip-padding {
    background-clip: padding-box;
  }

  .md\:bg-clip-content {
    background-clip: content-box;
  }

  .md\:bg-clip-text {
    -webkit-background-clip: text;
            background-clip: text;
  }

  .md\:bg-transparent {
    background-color: transparent;
  }

  .md\:bg-black {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .md\:bg-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .md\:bg-gray-100 {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .md\:bg-gray-200 {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .md\:bg-gray-300 {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .md\:bg-gray-400 {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .md\:bg-gray-500 {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .md\:bg-gray-600 {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .md\:bg-gray-700 {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .md\:bg-gray-800 {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .md\:bg-gray-900 {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .md\:bg-blue-100 {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .md\:bg-blue-200 {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .md\:bg-blue-300 {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .md\:bg-blue-400 {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .md\:bg-blue-500 {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .md\:bg-blue-600 {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .md\:bg-blue-700 {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .md\:bg-blue-800 {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .md\:bg-blue-900 {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .md\:bg-blurple-100 {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .md\:bg-blurple-200 {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .md\:bg-blurple-300 {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .md\:bg-blurple-400 {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .md\:bg-blurple-500 {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .md\:bg-blurple-700 {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .md\:bg-green-300 {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .md\:bg-green-500 {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .md\:bg-green-700 {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .md\:bg-orange-100 {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .md\:bg-orange-200 {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .md\:bg-orange-300 {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .md\:bg-orange-400 {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .md\:bg-orange-500 {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .md\:bg-orange-600 {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .md\:bg-orange-700 {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .md\:bg-orange-800 {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .md\:bg-orange-900 {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .md\:bg-purple-100 {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .md\:bg-purple-200 {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .md\:bg-purple-300 {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .md\:bg-purple-400 {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .md\:bg-purple-500 {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .md\:bg-purple-600 {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .md\:bg-purple-700 {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .md\:bg-purple-800 {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .md\:bg-purple-900 {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .md\:bg-red-300 {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .md\:bg-red-500 {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .md\:bg-red-700 {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .md\:bg-teal-100 {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .md\:bg-teal-200 {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .md\:bg-teal-300 {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .md\:bg-teal-400 {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .md\:bg-teal-500 {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .md\:bg-teal-600 {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .md\:bg-teal-700 {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .md\:bg-teal-800 {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .md\:bg-teal-900 {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .md\:bg-yellow-100 {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .md\:bg-yellow-200 {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .md\:bg-yellow-300 {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .md\:bg-yellow-400 {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .md\:bg-yellow-500 {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .md\:bg-yellow-600 {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .md\:bg-yellow-700 {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .md\:bg-yellow-800 {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .md\:bg-yellow-900 {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .md\:bg-facebook-400 {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .md\:bg-facebook-500 {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .md\:bg-snapchat-400 {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .md\:bg-snapchat-500 {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .md\:bg-messenger-400 {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .md\:bg-messenger-500 {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .md\:bg-twitter-400 {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .md\:bg-twitter-500 {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .md\:bg-transparent-black-10 {
    background-color: rgba(0,0,0,0.1);
  }

  .md\:bg-transparent-black-30 {
    background-color: rgba(0,0,0,0.3);
  }

  .md\:bg-transparent-black-50 {
    background-color: rgba(0,0,0,0.5);
  }

  .md\:bg-transparent-black-70 {
    background-color: rgba(0,0,0,0.7);
  }

  .md\:bg-transparent-black-90 {
    background-color: rgba(0,0,0,0.9);
  }

  .md\:bg-transparent-white-10 {
    background-color: rgba(255,255,255,0.1);
  }

  .md\:bg-transparent-white-30 {
    background-color: rgba(255,255,255,0.3);
  }

  .md\:bg-transparent-white-50 {
    background-color: rgba(255,255,255,0.5);
  }

  .md\:bg-transparent-white-70 {
    background-color: rgba(255,255,255,0.7);
  }

  .md\:bg-transparent-white-90 {
    background-color: rgba(255,255,255,0.9);
  }

  .md\:bg-vr-dark-blue {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .md\:bg-vr-neon-green {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .md\:active\:bg-transparent:active {
    background-color: transparent;
  }

  .md\:active\:bg-black:active {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .md\:active\:bg-white:active {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .md\:active\:bg-gray-100:active {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .md\:active\:bg-gray-200:active {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .md\:active\:bg-gray-300:active {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .md\:active\:bg-gray-400:active {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .md\:active\:bg-gray-500:active {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .md\:active\:bg-gray-600:active {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .md\:active\:bg-gray-700:active {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .md\:active\:bg-gray-800:active {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .md\:active\:bg-gray-900:active {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .md\:active\:bg-blue-100:active {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .md\:active\:bg-blue-200:active {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .md\:active\:bg-blue-300:active {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .md\:active\:bg-blue-400:active {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .md\:active\:bg-blue-500:active {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .md\:active\:bg-blue-600:active {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .md\:active\:bg-blue-700:active {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .md\:active\:bg-blue-800:active {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .md\:active\:bg-blue-900:active {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .md\:active\:bg-blurple-100:active {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .md\:active\:bg-blurple-200:active {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .md\:active\:bg-blurple-300:active {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .md\:active\:bg-blurple-400:active {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .md\:active\:bg-blurple-500:active {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .md\:active\:bg-blurple-700:active {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .md\:active\:bg-green-300:active {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .md\:active\:bg-green-500:active {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .md\:active\:bg-green-700:active {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .md\:active\:bg-orange-100:active {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .md\:active\:bg-orange-200:active {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .md\:active\:bg-orange-300:active {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .md\:active\:bg-orange-400:active {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .md\:active\:bg-orange-500:active {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .md\:active\:bg-orange-600:active {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .md\:active\:bg-orange-700:active {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .md\:active\:bg-orange-800:active {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .md\:active\:bg-orange-900:active {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .md\:active\:bg-purple-100:active {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .md\:active\:bg-purple-200:active {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .md\:active\:bg-purple-300:active {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .md\:active\:bg-purple-400:active {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .md\:active\:bg-purple-500:active {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .md\:active\:bg-purple-600:active {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .md\:active\:bg-purple-700:active {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .md\:active\:bg-purple-800:active {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .md\:active\:bg-purple-900:active {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .md\:active\:bg-red-300:active {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .md\:active\:bg-red-500:active {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .md\:active\:bg-red-700:active {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .md\:active\:bg-teal-100:active {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .md\:active\:bg-teal-200:active {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .md\:active\:bg-teal-300:active {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .md\:active\:bg-teal-400:active {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .md\:active\:bg-teal-500:active {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .md\:active\:bg-teal-600:active {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .md\:active\:bg-teal-700:active {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .md\:active\:bg-teal-800:active {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .md\:active\:bg-teal-900:active {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .md\:active\:bg-yellow-100:active {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .md\:active\:bg-yellow-200:active {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .md\:active\:bg-yellow-300:active {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .md\:active\:bg-yellow-400:active {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .md\:active\:bg-yellow-500:active {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .md\:active\:bg-yellow-600:active {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .md\:active\:bg-yellow-700:active {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .md\:active\:bg-yellow-800:active {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .md\:active\:bg-yellow-900:active {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .md\:active\:bg-facebook-400:active {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .md\:active\:bg-facebook-500:active {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .md\:active\:bg-snapchat-400:active {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .md\:active\:bg-snapchat-500:active {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .md\:active\:bg-messenger-400:active {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .md\:active\:bg-messenger-500:active {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .md\:active\:bg-twitter-400:active {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .md\:active\:bg-twitter-500:active {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .md\:active\:bg-transparent-black-10:active {
    background-color: rgba(0,0,0,0.1);
  }

  .md\:active\:bg-transparent-black-30:active {
    background-color: rgba(0,0,0,0.3);
  }

  .md\:active\:bg-transparent-black-50:active {
    background-color: rgba(0,0,0,0.5);
  }

  .md\:active\:bg-transparent-black-70:active {
    background-color: rgba(0,0,0,0.7);
  }

  .md\:active\:bg-transparent-black-90:active {
    background-color: rgba(0,0,0,0.9);
  }

  .md\:active\:bg-transparent-white-10:active {
    background-color: rgba(255,255,255,0.1);
  }

  .md\:active\:bg-transparent-white-30:active {
    background-color: rgba(255,255,255,0.3);
  }

  .md\:active\:bg-transparent-white-50:active {
    background-color: rgba(255,255,255,0.5);
  }

  .md\:active\:bg-transparent-white-70:active {
    background-color: rgba(255,255,255,0.7);
  }

  .md\:active\:bg-transparent-white-90:active {
    background-color: rgba(255,255,255,0.9);
  }

  .md\:active\:bg-vr-dark-blue:active {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .md\:active\:bg-vr-neon-green:active {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .md\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .md\:hover\:bg-black:hover {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .md\:hover\:bg-white:hover {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .md\:hover\:bg-gray-100:hover {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .md\:hover\:bg-gray-200:hover {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .md\:hover\:bg-gray-300:hover {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .md\:hover\:bg-gray-400:hover {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .md\:hover\:bg-gray-500:hover {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .md\:hover\:bg-gray-600:hover {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .md\:hover\:bg-gray-700:hover {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .md\:hover\:bg-gray-800:hover {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .md\:hover\:bg-gray-900:hover {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .md\:hover\:bg-blue-100:hover {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .md\:hover\:bg-blue-200:hover {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .md\:hover\:bg-blue-300:hover {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .md\:hover\:bg-blue-400:hover {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .md\:hover\:bg-blue-500:hover {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .md\:hover\:bg-blue-600:hover {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .md\:hover\:bg-blue-700:hover {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .md\:hover\:bg-blue-800:hover {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .md\:hover\:bg-blue-900:hover {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .md\:hover\:bg-blurple-100:hover {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .md\:hover\:bg-blurple-200:hover {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .md\:hover\:bg-blurple-300:hover {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .md\:hover\:bg-blurple-400:hover {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .md\:hover\:bg-blurple-500:hover {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .md\:hover\:bg-blurple-700:hover {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .md\:hover\:bg-green-300:hover {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .md\:hover\:bg-green-500:hover {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .md\:hover\:bg-green-700:hover {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .md\:hover\:bg-orange-100:hover {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .md\:hover\:bg-orange-200:hover {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .md\:hover\:bg-orange-300:hover {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .md\:hover\:bg-orange-400:hover {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .md\:hover\:bg-orange-500:hover {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .md\:hover\:bg-orange-600:hover {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .md\:hover\:bg-orange-700:hover {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .md\:hover\:bg-orange-800:hover {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .md\:hover\:bg-orange-900:hover {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .md\:hover\:bg-purple-100:hover {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .md\:hover\:bg-purple-200:hover {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .md\:hover\:bg-purple-300:hover {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .md\:hover\:bg-purple-400:hover {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .md\:hover\:bg-purple-500:hover {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .md\:hover\:bg-purple-600:hover {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .md\:hover\:bg-purple-700:hover {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .md\:hover\:bg-purple-800:hover {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .md\:hover\:bg-purple-900:hover {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .md\:hover\:bg-red-300:hover {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .md\:hover\:bg-red-500:hover {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .md\:hover\:bg-red-700:hover {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .md\:hover\:bg-teal-100:hover {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .md\:hover\:bg-teal-200:hover {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .md\:hover\:bg-teal-300:hover {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .md\:hover\:bg-teal-400:hover {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .md\:hover\:bg-teal-500:hover {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .md\:hover\:bg-teal-600:hover {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .md\:hover\:bg-teal-700:hover {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .md\:hover\:bg-teal-800:hover {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .md\:hover\:bg-teal-900:hover {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .md\:hover\:bg-yellow-100:hover {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .md\:hover\:bg-yellow-200:hover {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .md\:hover\:bg-yellow-300:hover {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .md\:hover\:bg-yellow-400:hover {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .md\:hover\:bg-yellow-500:hover {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .md\:hover\:bg-yellow-600:hover {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .md\:hover\:bg-yellow-700:hover {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .md\:hover\:bg-yellow-800:hover {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .md\:hover\:bg-yellow-900:hover {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .md\:hover\:bg-facebook-400:hover {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .md\:hover\:bg-facebook-500:hover {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .md\:hover\:bg-snapchat-400:hover {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .md\:hover\:bg-snapchat-500:hover {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .md\:hover\:bg-messenger-400:hover {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .md\:hover\:bg-messenger-500:hover {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .md\:hover\:bg-twitter-400:hover {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .md\:hover\:bg-twitter-500:hover {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .md\:hover\:bg-transparent-black-10:hover {
    background-color: rgba(0,0,0,0.1);
  }

  .md\:hover\:bg-transparent-black-30:hover {
    background-color: rgba(0,0,0,0.3);
  }

  .md\:hover\:bg-transparent-black-50:hover {
    background-color: rgba(0,0,0,0.5);
  }

  .md\:hover\:bg-transparent-black-70:hover {
    background-color: rgba(0,0,0,0.7);
  }

  .md\:hover\:bg-transparent-black-90:hover {
    background-color: rgba(0,0,0,0.9);
  }

  .md\:hover\:bg-transparent-white-10:hover {
    background-color: rgba(255,255,255,0.1);
  }

  .md\:hover\:bg-transparent-white-30:hover {
    background-color: rgba(255,255,255,0.3);
  }

  .md\:hover\:bg-transparent-white-50:hover {
    background-color: rgba(255,255,255,0.5);
  }

  .md\:hover\:bg-transparent-white-70:hover {
    background-color: rgba(255,255,255,0.7);
  }

  .md\:hover\:bg-transparent-white-90:hover {
    background-color: rgba(255,255,255,0.9);
  }

  .md\:hover\:bg-vr-dark-blue:hover {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .md\:hover\:bg-vr-neon-green:hover {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .md\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .md\:focus\:bg-black:focus {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .md\:focus\:bg-white:focus {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .md\:focus\:bg-gray-100:focus {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .md\:focus\:bg-gray-200:focus {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .md\:focus\:bg-gray-300:focus {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .md\:focus\:bg-gray-400:focus {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .md\:focus\:bg-gray-500:focus {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .md\:focus\:bg-gray-600:focus {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .md\:focus\:bg-gray-700:focus {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .md\:focus\:bg-gray-800:focus {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .md\:focus\:bg-gray-900:focus {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .md\:focus\:bg-blue-100:focus {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .md\:focus\:bg-blue-200:focus {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .md\:focus\:bg-blue-300:focus {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .md\:focus\:bg-blue-400:focus {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .md\:focus\:bg-blue-500:focus {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .md\:focus\:bg-blue-600:focus {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .md\:focus\:bg-blue-700:focus {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .md\:focus\:bg-blue-800:focus {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .md\:focus\:bg-blue-900:focus {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .md\:focus\:bg-blurple-100:focus {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .md\:focus\:bg-blurple-200:focus {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .md\:focus\:bg-blurple-300:focus {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .md\:focus\:bg-blurple-400:focus {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .md\:focus\:bg-blurple-500:focus {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .md\:focus\:bg-blurple-700:focus {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .md\:focus\:bg-green-300:focus {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .md\:focus\:bg-green-500:focus {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .md\:focus\:bg-green-700:focus {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .md\:focus\:bg-orange-100:focus {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .md\:focus\:bg-orange-200:focus {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .md\:focus\:bg-orange-300:focus {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .md\:focus\:bg-orange-400:focus {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .md\:focus\:bg-orange-500:focus {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .md\:focus\:bg-orange-600:focus {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .md\:focus\:bg-orange-700:focus {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .md\:focus\:bg-orange-800:focus {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .md\:focus\:bg-orange-900:focus {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .md\:focus\:bg-purple-100:focus {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .md\:focus\:bg-purple-200:focus {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .md\:focus\:bg-purple-300:focus {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .md\:focus\:bg-purple-400:focus {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .md\:focus\:bg-purple-500:focus {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .md\:focus\:bg-purple-600:focus {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .md\:focus\:bg-purple-700:focus {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .md\:focus\:bg-purple-800:focus {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .md\:focus\:bg-purple-900:focus {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .md\:focus\:bg-red-300:focus {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .md\:focus\:bg-red-500:focus {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .md\:focus\:bg-red-700:focus {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .md\:focus\:bg-teal-100:focus {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .md\:focus\:bg-teal-200:focus {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .md\:focus\:bg-teal-300:focus {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .md\:focus\:bg-teal-400:focus {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .md\:focus\:bg-teal-500:focus {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .md\:focus\:bg-teal-600:focus {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .md\:focus\:bg-teal-700:focus {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .md\:focus\:bg-teal-800:focus {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .md\:focus\:bg-teal-900:focus {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .md\:focus\:bg-yellow-100:focus {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .md\:focus\:bg-yellow-200:focus {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .md\:focus\:bg-yellow-300:focus {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .md\:focus\:bg-yellow-400:focus {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .md\:focus\:bg-yellow-500:focus {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .md\:focus\:bg-yellow-600:focus {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .md\:focus\:bg-yellow-700:focus {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .md\:focus\:bg-yellow-800:focus {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .md\:focus\:bg-yellow-900:focus {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .md\:focus\:bg-facebook-400:focus {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .md\:focus\:bg-facebook-500:focus {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .md\:focus\:bg-snapchat-400:focus {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .md\:focus\:bg-snapchat-500:focus {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .md\:focus\:bg-messenger-400:focus {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .md\:focus\:bg-messenger-500:focus {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .md\:focus\:bg-twitter-400:focus {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .md\:focus\:bg-twitter-500:focus {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .md\:focus\:bg-transparent-black-10:focus {
    background-color: rgba(0,0,0,0.1);
  }

  .md\:focus\:bg-transparent-black-30:focus {
    background-color: rgba(0,0,0,0.3);
  }

  .md\:focus\:bg-transparent-black-50:focus {
    background-color: rgba(0,0,0,0.5);
  }

  .md\:focus\:bg-transparent-black-70:focus {
    background-color: rgba(0,0,0,0.7);
  }

  .md\:focus\:bg-transparent-black-90:focus {
    background-color: rgba(0,0,0,0.9);
  }

  .md\:focus\:bg-transparent-white-10:focus {
    background-color: rgba(255,255,255,0.1);
  }

  .md\:focus\:bg-transparent-white-30:focus {
    background-color: rgba(255,255,255,0.3);
  }

  .md\:focus\:bg-transparent-white-50:focus {
    background-color: rgba(255,255,255,0.5);
  }

  .md\:focus\:bg-transparent-white-70:focus {
    background-color: rgba(255,255,255,0.7);
  }

  .md\:focus\:bg-transparent-white-90:focus {
    background-color: rgba(255,255,255,0.9);
  }

  .md\:focus\:bg-vr-dark-blue:focus {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .md\:focus\:bg-vr-neon-green:focus {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .md\:bg-none {
    background-image: none;
  }

  .md\:bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  .md\:bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  .md\:bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  .md\:bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  .md\:bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  .md\:bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  .md\:bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  .md\:bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  .md\:from-transparent {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:from-black {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:from-white {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:from-gray-100 {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .md\:from-gray-200 {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .md\:from-gray-300 {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .md\:from-gray-400 {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .md\:from-gray-500 {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .md\:from-gray-600 {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .md\:from-gray-700 {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .md\:from-gray-800 {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .md\:from-gray-900 {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .md\:from-blue-100 {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .md\:from-blue-200 {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .md\:from-blue-300 {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .md\:from-blue-400 {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .md\:from-blue-500 {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .md\:from-blue-600 {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .md\:from-blue-700 {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .md\:from-blue-800 {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .md\:from-blue-900 {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .md\:from-blurple-100 {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .md\:from-blurple-200 {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .md\:from-blurple-300 {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .md\:from-blurple-400 {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .md\:from-blurple-500 {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .md\:from-blurple-700 {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .md\:from-green-300 {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .md\:from-green-500 {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .md\:from-green-700 {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .md\:from-orange-100 {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .md\:from-orange-200 {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .md\:from-orange-300 {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .md\:from-orange-400 {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .md\:from-orange-500 {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .md\:from-orange-600 {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .md\:from-orange-700 {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .md\:from-orange-800 {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .md\:from-orange-900 {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .md\:from-purple-100 {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .md\:from-purple-200 {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .md\:from-purple-300 {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .md\:from-purple-400 {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .md\:from-purple-500 {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .md\:from-purple-600 {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .md\:from-purple-700 {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .md\:from-purple-800 {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .md\:from-purple-900 {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .md\:from-red-300 {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .md\:from-red-500 {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .md\:from-red-700 {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .md\:from-teal-100 {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .md\:from-teal-200 {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .md\:from-teal-300 {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .md\:from-teal-400 {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .md\:from-teal-500 {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .md\:from-teal-600 {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .md\:from-teal-700 {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .md\:from-teal-800 {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .md\:from-teal-900 {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .md\:from-yellow-100 {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .md\:from-yellow-200 {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .md\:from-yellow-300 {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .md\:from-yellow-400 {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .md\:from-yellow-500 {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .md\:from-yellow-600 {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .md\:from-yellow-700 {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .md\:from-yellow-800 {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .md\:from-yellow-900 {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .md\:from-facebook-400 {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .md\:from-facebook-500 {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .md\:from-snapchat-400 {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .md\:from-snapchat-500 {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .md\:from-messenger-400 {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .md\:from-messenger-500 {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .md\:from-twitter-400 {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .md\:from-twitter-500 {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .md\:from-transparent-black-10 {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:from-transparent-black-30 {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:from-transparent-black-50 {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:from-transparent-black-70 {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:from-transparent-black-90 {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:from-transparent-white-10 {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:from-transparent-white-30 {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:from-transparent-white-50 {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:from-transparent-white-70 {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:from-transparent-white-90 {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:from-vr-dark-blue {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .md\:from-vr-neon-green {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .md\:via-transparent {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:via-black {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:via-white {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:via-gray-100 {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .md\:via-gray-200 {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .md\:via-gray-300 {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .md\:via-gray-400 {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .md\:via-gray-500 {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .md\:via-gray-600 {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .md\:via-gray-700 {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .md\:via-gray-800 {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .md\:via-gray-900 {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .md\:via-blue-100 {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .md\:via-blue-200 {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .md\:via-blue-300 {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .md\:via-blue-400 {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .md\:via-blue-500 {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .md\:via-blue-600 {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .md\:via-blue-700 {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .md\:via-blue-800 {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .md\:via-blue-900 {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .md\:via-blurple-100 {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .md\:via-blurple-200 {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .md\:via-blurple-300 {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .md\:via-blurple-400 {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .md\:via-blurple-500 {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .md\:via-blurple-700 {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .md\:via-green-300 {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .md\:via-green-500 {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .md\:via-green-700 {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .md\:via-orange-100 {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .md\:via-orange-200 {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .md\:via-orange-300 {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .md\:via-orange-400 {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .md\:via-orange-500 {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .md\:via-orange-600 {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .md\:via-orange-700 {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .md\:via-orange-800 {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .md\:via-orange-900 {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .md\:via-purple-100 {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .md\:via-purple-200 {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .md\:via-purple-300 {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .md\:via-purple-400 {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .md\:via-purple-500 {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .md\:via-purple-600 {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .md\:via-purple-700 {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .md\:via-purple-800 {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .md\:via-purple-900 {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .md\:via-red-300 {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .md\:via-red-500 {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .md\:via-red-700 {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .md\:via-teal-100 {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .md\:via-teal-200 {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .md\:via-teal-300 {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .md\:via-teal-400 {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .md\:via-teal-500 {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .md\:via-teal-600 {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .md\:via-teal-700 {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .md\:via-teal-800 {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .md\:via-teal-900 {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .md\:via-yellow-100 {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .md\:via-yellow-200 {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .md\:via-yellow-300 {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .md\:via-yellow-400 {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .md\:via-yellow-500 {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .md\:via-yellow-600 {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .md\:via-yellow-700 {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .md\:via-yellow-800 {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .md\:via-yellow-900 {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .md\:via-facebook-400 {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .md\:via-facebook-500 {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .md\:via-snapchat-400 {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .md\:via-snapchat-500 {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .md\:via-messenger-400 {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .md\:via-messenger-500 {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .md\:via-twitter-400 {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .md\:via-twitter-500 {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .md\:via-transparent-black-10 {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:via-transparent-black-30 {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:via-transparent-black-50 {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:via-transparent-black-70 {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:via-transparent-black-90 {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:via-transparent-white-10 {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:via-transparent-white-30 {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:via-transparent-white-50 {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:via-transparent-white-70 {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:via-transparent-white-90 {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:via-vr-dark-blue {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .md\:via-vr-neon-green {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .md\:to-transparent {
    --gradient-to-color: transparent;
  }

  .md\:to-black {
    --gradient-to-color: #000;
  }

  .md\:to-white {
    --gradient-to-color: #fff;
  }

  .md\:to-gray-100 {
    --gradient-to-color: #f7fafc;
  }

  .md\:to-gray-200 {
    --gradient-to-color: #edf2f7;
  }

  .md\:to-gray-300 {
    --gradient-to-color: #e2e8f0;
  }

  .md\:to-gray-400 {
    --gradient-to-color: #cbd5e0;
  }

  .md\:to-gray-500 {
    --gradient-to-color: #a0aec0;
  }

  .md\:to-gray-600 {
    --gradient-to-color: #718096;
  }

  .md\:to-gray-700 {
    --gradient-to-color: #4a5568;
  }

  .md\:to-gray-800 {
    --gradient-to-color: #2d3748;
  }

  .md\:to-gray-900 {
    --gradient-to-color: #1a202c;
  }

  .md\:to-blue-100 {
    --gradient-to-color: #86dfff;
  }

  .md\:to-blue-200 {
    --gradient-to-color: #6bd6ff;
  }

  .md\:to-blue-300 {
    --gradient-to-color: #52ccff;
  }

  .md\:to-blue-400 {
    --gradient-to-color: #3ac2ff;
  }

  .md\:to-blue-500 {
    --gradient-to-color: #23b7fb;
  }

  .md\:to-blue-600 {
    --gradient-to-color: #1a9adf;
  }

  .md\:to-blue-700 {
    --gradient-to-color: #127fbf;
  }

  .md\:to-blue-800 {
    --gradient-to-color: #0c659f;
  }

  .md\:to-blue-900 {
    --gradient-to-color: #074c80;
  }

  .md\:to-blurple-100 {
    --gradient-to-color: #938FDB;
  }

  .md\:to-blurple-200 {
    --gradient-to-color: #7A75D0;
  }

  .md\:to-blurple-300 {
    --gradient-to-color: #615BC4;
  }

  .md\:to-blurple-400 {
    --gradient-to-color: #4943B7;
  }

  .md\:to-blurple-500 {
    --gradient-to-color: #322baa;
  }

  .md\:to-blurple-700 {
    --gradient-to-color: #1c1e84;
  }

  .md\:to-green-300 {
    --gradient-to-color: #42d86f;
  }

  .md\:to-green-500 {
    --gradient-to-color: #0cc242;
  }

  .md\:to-green-700 {
    --gradient-to-color: #02983a;
  }

  .md\:to-orange-100 {
    --gradient-to-color: #ff6e4a;
  }

  .md\:to-orange-200 {
    --gradient-to-color: #ff6640;
  }

  .md\:to-orange-300 {
    --gradient-to-color: #ff5e36;
  }

  .md\:to-orange-400 {
    --gradient-to-color: #ff562b;
  }

  .md\:to-orange-500 {
    --gradient-to-color: #ff4d22;
  }

  .md\:to-orange-600 {
    --gradient-to-color: #e5461e;
  }

  .md\:to-orange-700 {
    --gradient-to-color: #cc3e1b;
  }

  .md\:to-orange-800 {
    --gradient-to-color: #b33617;
  }

  .md\:to-orange-900 {
    --gradient-to-color: #992f14;
  }

  .md\:to-purple-100 {
    --gradient-to-color: #c861ff;
  }

  .md\:to-purple-200 {
    --gradient-to-color: #c354ff;
  }

  .md\:to-purple-300 {
    --gradient-to-color: #be49fc;
  }

  .md\:to-purple-400 {
    --gradient-to-color: #ab42e3;
  }

  .md\:to-purple-500 {
    --gradient-to-color: #983ac9;
  }

  .md\:to-purple-600 {
    --gradient-to-color: #8433b0;
  }

  .md\:to-purple-700 {
    --gradient-to-color: #712c96;
  }

  .md\:to-purple-800 {
    --gradient-to-color: #5e247d;
  }

  .md\:to-purple-900 {
    --gradient-to-color: #4b1d63;
  }

  .md\:to-red-300 {
    --gradient-to-color: #ff6d69;
  }

  .md\:to-red-500 {
    --gradient-to-color: #ff4540;
  }

  .md\:to-red-700 {
    --gradient-to-color: #bf3929;
  }

  .md\:to-teal-100 {
    --gradient-to-color: #8cfff9;
  }

  .md\:to-teal-200 {
    --gradient-to-color: #66fff7;
  }

  .md\:to-teal-300 {
    --gradient-to-color: #40fff5;
  }

  .md\:to-teal-400 {
    --gradient-to-color: #35fcf2;
  }

  .md\:to-teal-500 {
    --gradient-to-color: #30e3da;
  }

  .md\:to-teal-600 {
    --gradient-to-color: #2ac9c1;
  }

  .md\:to-teal-700 {
    --gradient-to-color: #25b0a9;
  }

  .md\:to-teal-800 {
    --gradient-to-color: #209691;
  }

  .md\:to-teal-900 {
    --gradient-to-color: #1a7d78;
  }

  .md\:to-yellow-100 {
    --gradient-to-color: #ffe894;
  }

  .md\:to-yellow-200 {
    --gradient-to-color: #ffe27a;
  }

  .md\:to-yellow-300 {
    --gradient-to-color: #ffdd61;
  }

  .md\:to-yellow-400 {
    --gradient-to-color: #ffd747;
  }

  .md\:to-yellow-500 {
    --gradient-to-color: #fcce2f;
  }

  .md\:to-yellow-600 {
    --gradient-to-color: #e3bb29;
  }

  .md\:to-yellow-700 {
    --gradient-to-color: #c9a624;
  }

  .md\:to-yellow-800 {
    --gradient-to-color: #b09120;
  }

  .md\:to-yellow-900 {
    --gradient-to-color: #967c1b;
  }

  .md\:to-facebook-400 {
    --gradient-to-color: #4a6dbc;
  }

  .md\:to-facebook-500 {
    --gradient-to-color: #39579a;
  }

  .md\:to-snapchat-400 {
    --gradient-to-color: #fffc00;
  }

  .md\:to-snapchat-500 {
    --gradient-to-color: #39579a;
  }

  .md\:to-messenger-400 {
    --gradient-to-color: #339dff;
  }

  .md\:to-messenger-500 {
    --gradient-to-color: #0084ff;
  }

  .md\:to-twitter-400 {
    --gradient-to-color: #21c2ff;
  }

  .md\:to-twitter-500 {
    --gradient-to-color: #00aced;
  }

  .md\:to-transparent-black-10 {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .md\:to-transparent-black-30 {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .md\:to-transparent-black-50 {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .md\:to-transparent-black-70 {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .md\:to-transparent-black-90 {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .md\:to-transparent-white-10 {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .md\:to-transparent-white-30 {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .md\:to-transparent-white-50 {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .md\:to-transparent-white-70 {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .md\:to-transparent-white-90 {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .md\:to-vr-dark-blue {
    --gradient-to-color: #000047;
  }

  .md\:to-vr-neon-green {
    --gradient-to-color: #00ff75;
  }

  .md\:hover\:from-transparent:hover {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:from-black:hover {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:from-white:hover {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:from-gray-100:hover {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .md\:hover\:from-gray-200:hover {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .md\:hover\:from-gray-300:hover {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .md\:hover\:from-gray-400:hover {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .md\:hover\:from-gray-500:hover {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .md\:hover\:from-gray-600:hover {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .md\:hover\:from-gray-700:hover {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .md\:hover\:from-gray-800:hover {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .md\:hover\:from-gray-900:hover {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .md\:hover\:from-blue-100:hover {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .md\:hover\:from-blue-200:hover {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .md\:hover\:from-blue-300:hover {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .md\:hover\:from-blue-400:hover {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .md\:hover\:from-blue-500:hover {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .md\:hover\:from-blue-600:hover {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .md\:hover\:from-blue-700:hover {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .md\:hover\:from-blue-800:hover {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .md\:hover\:from-blue-900:hover {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .md\:hover\:from-blurple-100:hover {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .md\:hover\:from-blurple-200:hover {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .md\:hover\:from-blurple-300:hover {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .md\:hover\:from-blurple-400:hover {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .md\:hover\:from-blurple-500:hover {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .md\:hover\:from-blurple-700:hover {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .md\:hover\:from-green-300:hover {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .md\:hover\:from-green-500:hover {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .md\:hover\:from-green-700:hover {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .md\:hover\:from-orange-100:hover {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .md\:hover\:from-orange-200:hover {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .md\:hover\:from-orange-300:hover {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .md\:hover\:from-orange-400:hover {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .md\:hover\:from-orange-500:hover {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .md\:hover\:from-orange-600:hover {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .md\:hover\:from-orange-700:hover {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .md\:hover\:from-orange-800:hover {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .md\:hover\:from-orange-900:hover {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .md\:hover\:from-purple-100:hover {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .md\:hover\:from-purple-200:hover {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .md\:hover\:from-purple-300:hover {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .md\:hover\:from-purple-400:hover {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .md\:hover\:from-purple-500:hover {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .md\:hover\:from-purple-600:hover {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .md\:hover\:from-purple-700:hover {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .md\:hover\:from-purple-800:hover {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .md\:hover\:from-purple-900:hover {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .md\:hover\:from-red-300:hover {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .md\:hover\:from-red-500:hover {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .md\:hover\:from-red-700:hover {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .md\:hover\:from-teal-100:hover {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .md\:hover\:from-teal-200:hover {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .md\:hover\:from-teal-300:hover {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .md\:hover\:from-teal-400:hover {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .md\:hover\:from-teal-500:hover {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .md\:hover\:from-teal-600:hover {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .md\:hover\:from-teal-700:hover {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .md\:hover\:from-teal-800:hover {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .md\:hover\:from-teal-900:hover {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .md\:hover\:from-yellow-100:hover {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .md\:hover\:from-yellow-200:hover {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .md\:hover\:from-yellow-300:hover {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .md\:hover\:from-yellow-400:hover {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .md\:hover\:from-yellow-500:hover {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .md\:hover\:from-yellow-600:hover {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .md\:hover\:from-yellow-700:hover {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .md\:hover\:from-yellow-800:hover {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .md\:hover\:from-yellow-900:hover {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .md\:hover\:from-facebook-400:hover {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .md\:hover\:from-facebook-500:hover {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .md\:hover\:from-snapchat-400:hover {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .md\:hover\:from-snapchat-500:hover {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .md\:hover\:from-messenger-400:hover {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .md\:hover\:from-messenger-500:hover {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .md\:hover\:from-twitter-400:hover {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .md\:hover\:from-twitter-500:hover {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .md\:hover\:from-transparent-black-10:hover {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:from-transparent-black-30:hover {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:from-transparent-black-50:hover {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:from-transparent-black-70:hover {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:from-transparent-black-90:hover {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:from-transparent-white-10:hover {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:from-transparent-white-30:hover {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:from-transparent-white-50:hover {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:from-transparent-white-70:hover {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:from-transparent-white-90:hover {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:from-vr-dark-blue:hover {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .md\:hover\:from-vr-neon-green:hover {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .md\:hover\:via-transparent:hover {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:via-black:hover {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:via-white:hover {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:via-gray-100:hover {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .md\:hover\:via-gray-200:hover {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .md\:hover\:via-gray-300:hover {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .md\:hover\:via-gray-400:hover {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .md\:hover\:via-gray-500:hover {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .md\:hover\:via-gray-600:hover {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .md\:hover\:via-gray-700:hover {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .md\:hover\:via-gray-800:hover {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .md\:hover\:via-gray-900:hover {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .md\:hover\:via-blue-100:hover {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .md\:hover\:via-blue-200:hover {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .md\:hover\:via-blue-300:hover {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .md\:hover\:via-blue-400:hover {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .md\:hover\:via-blue-500:hover {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .md\:hover\:via-blue-600:hover {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .md\:hover\:via-blue-700:hover {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .md\:hover\:via-blue-800:hover {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .md\:hover\:via-blue-900:hover {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .md\:hover\:via-blurple-100:hover {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .md\:hover\:via-blurple-200:hover {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .md\:hover\:via-blurple-300:hover {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .md\:hover\:via-blurple-400:hover {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .md\:hover\:via-blurple-500:hover {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .md\:hover\:via-blurple-700:hover {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .md\:hover\:via-green-300:hover {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .md\:hover\:via-green-500:hover {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .md\:hover\:via-green-700:hover {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .md\:hover\:via-orange-100:hover {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .md\:hover\:via-orange-200:hover {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .md\:hover\:via-orange-300:hover {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .md\:hover\:via-orange-400:hover {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .md\:hover\:via-orange-500:hover {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .md\:hover\:via-orange-600:hover {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .md\:hover\:via-orange-700:hover {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .md\:hover\:via-orange-800:hover {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .md\:hover\:via-orange-900:hover {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .md\:hover\:via-purple-100:hover {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .md\:hover\:via-purple-200:hover {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .md\:hover\:via-purple-300:hover {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .md\:hover\:via-purple-400:hover {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .md\:hover\:via-purple-500:hover {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .md\:hover\:via-purple-600:hover {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .md\:hover\:via-purple-700:hover {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .md\:hover\:via-purple-800:hover {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .md\:hover\:via-purple-900:hover {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .md\:hover\:via-red-300:hover {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .md\:hover\:via-red-500:hover {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .md\:hover\:via-red-700:hover {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .md\:hover\:via-teal-100:hover {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .md\:hover\:via-teal-200:hover {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .md\:hover\:via-teal-300:hover {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .md\:hover\:via-teal-400:hover {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .md\:hover\:via-teal-500:hover {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .md\:hover\:via-teal-600:hover {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .md\:hover\:via-teal-700:hover {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .md\:hover\:via-teal-800:hover {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .md\:hover\:via-teal-900:hover {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .md\:hover\:via-yellow-100:hover {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .md\:hover\:via-yellow-200:hover {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .md\:hover\:via-yellow-300:hover {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .md\:hover\:via-yellow-400:hover {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .md\:hover\:via-yellow-500:hover {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .md\:hover\:via-yellow-600:hover {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .md\:hover\:via-yellow-700:hover {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .md\:hover\:via-yellow-800:hover {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .md\:hover\:via-yellow-900:hover {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .md\:hover\:via-facebook-400:hover {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .md\:hover\:via-facebook-500:hover {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .md\:hover\:via-snapchat-400:hover {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .md\:hover\:via-snapchat-500:hover {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .md\:hover\:via-messenger-400:hover {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .md\:hover\:via-messenger-500:hover {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .md\:hover\:via-twitter-400:hover {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .md\:hover\:via-twitter-500:hover {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .md\:hover\:via-transparent-black-10:hover {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:via-transparent-black-30:hover {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:via-transparent-black-50:hover {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:via-transparent-black-70:hover {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:via-transparent-black-90:hover {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:via-transparent-white-10:hover {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:via-transparent-white-30:hover {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:via-transparent-white-50:hover {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:via-transparent-white-70:hover {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:via-transparent-white-90:hover {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:via-vr-dark-blue:hover {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .md\:hover\:via-vr-neon-green:hover {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .md\:hover\:to-transparent:hover {
    --gradient-to-color: transparent;
  }

  .md\:hover\:to-black:hover {
    --gradient-to-color: #000;
  }

  .md\:hover\:to-white:hover {
    --gradient-to-color: #fff;
  }

  .md\:hover\:to-gray-100:hover {
    --gradient-to-color: #f7fafc;
  }

  .md\:hover\:to-gray-200:hover {
    --gradient-to-color: #edf2f7;
  }

  .md\:hover\:to-gray-300:hover {
    --gradient-to-color: #e2e8f0;
  }

  .md\:hover\:to-gray-400:hover {
    --gradient-to-color: #cbd5e0;
  }

  .md\:hover\:to-gray-500:hover {
    --gradient-to-color: #a0aec0;
  }

  .md\:hover\:to-gray-600:hover {
    --gradient-to-color: #718096;
  }

  .md\:hover\:to-gray-700:hover {
    --gradient-to-color: #4a5568;
  }

  .md\:hover\:to-gray-800:hover {
    --gradient-to-color: #2d3748;
  }

  .md\:hover\:to-gray-900:hover {
    --gradient-to-color: #1a202c;
  }

  .md\:hover\:to-blue-100:hover {
    --gradient-to-color: #86dfff;
  }

  .md\:hover\:to-blue-200:hover {
    --gradient-to-color: #6bd6ff;
  }

  .md\:hover\:to-blue-300:hover {
    --gradient-to-color: #52ccff;
  }

  .md\:hover\:to-blue-400:hover {
    --gradient-to-color: #3ac2ff;
  }

  .md\:hover\:to-blue-500:hover {
    --gradient-to-color: #23b7fb;
  }

  .md\:hover\:to-blue-600:hover {
    --gradient-to-color: #1a9adf;
  }

  .md\:hover\:to-blue-700:hover {
    --gradient-to-color: #127fbf;
  }

  .md\:hover\:to-blue-800:hover {
    --gradient-to-color: #0c659f;
  }

  .md\:hover\:to-blue-900:hover {
    --gradient-to-color: #074c80;
  }

  .md\:hover\:to-blurple-100:hover {
    --gradient-to-color: #938FDB;
  }

  .md\:hover\:to-blurple-200:hover {
    --gradient-to-color: #7A75D0;
  }

  .md\:hover\:to-blurple-300:hover {
    --gradient-to-color: #615BC4;
  }

  .md\:hover\:to-blurple-400:hover {
    --gradient-to-color: #4943B7;
  }

  .md\:hover\:to-blurple-500:hover {
    --gradient-to-color: #322baa;
  }

  .md\:hover\:to-blurple-700:hover {
    --gradient-to-color: #1c1e84;
  }

  .md\:hover\:to-green-300:hover {
    --gradient-to-color: #42d86f;
  }

  .md\:hover\:to-green-500:hover {
    --gradient-to-color: #0cc242;
  }

  .md\:hover\:to-green-700:hover {
    --gradient-to-color: #02983a;
  }

  .md\:hover\:to-orange-100:hover {
    --gradient-to-color: #ff6e4a;
  }

  .md\:hover\:to-orange-200:hover {
    --gradient-to-color: #ff6640;
  }

  .md\:hover\:to-orange-300:hover {
    --gradient-to-color: #ff5e36;
  }

  .md\:hover\:to-orange-400:hover {
    --gradient-to-color: #ff562b;
  }

  .md\:hover\:to-orange-500:hover {
    --gradient-to-color: #ff4d22;
  }

  .md\:hover\:to-orange-600:hover {
    --gradient-to-color: #e5461e;
  }

  .md\:hover\:to-orange-700:hover {
    --gradient-to-color: #cc3e1b;
  }

  .md\:hover\:to-orange-800:hover {
    --gradient-to-color: #b33617;
  }

  .md\:hover\:to-orange-900:hover {
    --gradient-to-color: #992f14;
  }

  .md\:hover\:to-purple-100:hover {
    --gradient-to-color: #c861ff;
  }

  .md\:hover\:to-purple-200:hover {
    --gradient-to-color: #c354ff;
  }

  .md\:hover\:to-purple-300:hover {
    --gradient-to-color: #be49fc;
  }

  .md\:hover\:to-purple-400:hover {
    --gradient-to-color: #ab42e3;
  }

  .md\:hover\:to-purple-500:hover {
    --gradient-to-color: #983ac9;
  }

  .md\:hover\:to-purple-600:hover {
    --gradient-to-color: #8433b0;
  }

  .md\:hover\:to-purple-700:hover {
    --gradient-to-color: #712c96;
  }

  .md\:hover\:to-purple-800:hover {
    --gradient-to-color: #5e247d;
  }

  .md\:hover\:to-purple-900:hover {
    --gradient-to-color: #4b1d63;
  }

  .md\:hover\:to-red-300:hover {
    --gradient-to-color: #ff6d69;
  }

  .md\:hover\:to-red-500:hover {
    --gradient-to-color: #ff4540;
  }

  .md\:hover\:to-red-700:hover {
    --gradient-to-color: #bf3929;
  }

  .md\:hover\:to-teal-100:hover {
    --gradient-to-color: #8cfff9;
  }

  .md\:hover\:to-teal-200:hover {
    --gradient-to-color: #66fff7;
  }

  .md\:hover\:to-teal-300:hover {
    --gradient-to-color: #40fff5;
  }

  .md\:hover\:to-teal-400:hover {
    --gradient-to-color: #35fcf2;
  }

  .md\:hover\:to-teal-500:hover {
    --gradient-to-color: #30e3da;
  }

  .md\:hover\:to-teal-600:hover {
    --gradient-to-color: #2ac9c1;
  }

  .md\:hover\:to-teal-700:hover {
    --gradient-to-color: #25b0a9;
  }

  .md\:hover\:to-teal-800:hover {
    --gradient-to-color: #209691;
  }

  .md\:hover\:to-teal-900:hover {
    --gradient-to-color: #1a7d78;
  }

  .md\:hover\:to-yellow-100:hover {
    --gradient-to-color: #ffe894;
  }

  .md\:hover\:to-yellow-200:hover {
    --gradient-to-color: #ffe27a;
  }

  .md\:hover\:to-yellow-300:hover {
    --gradient-to-color: #ffdd61;
  }

  .md\:hover\:to-yellow-400:hover {
    --gradient-to-color: #ffd747;
  }

  .md\:hover\:to-yellow-500:hover {
    --gradient-to-color: #fcce2f;
  }

  .md\:hover\:to-yellow-600:hover {
    --gradient-to-color: #e3bb29;
  }

  .md\:hover\:to-yellow-700:hover {
    --gradient-to-color: #c9a624;
  }

  .md\:hover\:to-yellow-800:hover {
    --gradient-to-color: #b09120;
  }

  .md\:hover\:to-yellow-900:hover {
    --gradient-to-color: #967c1b;
  }

  .md\:hover\:to-facebook-400:hover {
    --gradient-to-color: #4a6dbc;
  }

  .md\:hover\:to-facebook-500:hover {
    --gradient-to-color: #39579a;
  }

  .md\:hover\:to-snapchat-400:hover {
    --gradient-to-color: #fffc00;
  }

  .md\:hover\:to-snapchat-500:hover {
    --gradient-to-color: #39579a;
  }

  .md\:hover\:to-messenger-400:hover {
    --gradient-to-color: #339dff;
  }

  .md\:hover\:to-messenger-500:hover {
    --gradient-to-color: #0084ff;
  }

  .md\:hover\:to-twitter-400:hover {
    --gradient-to-color: #21c2ff;
  }

  .md\:hover\:to-twitter-500:hover {
    --gradient-to-color: #00aced;
  }

  .md\:hover\:to-transparent-black-10:hover {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .md\:hover\:to-transparent-black-30:hover {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .md\:hover\:to-transparent-black-50:hover {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .md\:hover\:to-transparent-black-70:hover {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .md\:hover\:to-transparent-black-90:hover {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .md\:hover\:to-transparent-white-10:hover {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .md\:hover\:to-transparent-white-30:hover {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .md\:hover\:to-transparent-white-50:hover {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .md\:hover\:to-transparent-white-70:hover {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .md\:hover\:to-transparent-white-90:hover {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .md\:hover\:to-vr-dark-blue:hover {
    --gradient-to-color: #000047;
  }

  .md\:hover\:to-vr-neon-green:hover {
    --gradient-to-color: #00ff75;
  }

  .md\:focus\:from-transparent:focus {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:from-black:focus {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:from-white:focus {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:from-gray-100:focus {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .md\:focus\:from-gray-200:focus {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .md\:focus\:from-gray-300:focus {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .md\:focus\:from-gray-400:focus {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .md\:focus\:from-gray-500:focus {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .md\:focus\:from-gray-600:focus {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .md\:focus\:from-gray-700:focus {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .md\:focus\:from-gray-800:focus {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .md\:focus\:from-gray-900:focus {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .md\:focus\:from-blue-100:focus {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .md\:focus\:from-blue-200:focus {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .md\:focus\:from-blue-300:focus {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .md\:focus\:from-blue-400:focus {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .md\:focus\:from-blue-500:focus {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .md\:focus\:from-blue-600:focus {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .md\:focus\:from-blue-700:focus {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .md\:focus\:from-blue-800:focus {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .md\:focus\:from-blue-900:focus {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .md\:focus\:from-blurple-100:focus {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .md\:focus\:from-blurple-200:focus {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .md\:focus\:from-blurple-300:focus {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .md\:focus\:from-blurple-400:focus {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .md\:focus\:from-blurple-500:focus {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .md\:focus\:from-blurple-700:focus {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .md\:focus\:from-green-300:focus {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .md\:focus\:from-green-500:focus {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .md\:focus\:from-green-700:focus {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .md\:focus\:from-orange-100:focus {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .md\:focus\:from-orange-200:focus {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .md\:focus\:from-orange-300:focus {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .md\:focus\:from-orange-400:focus {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .md\:focus\:from-orange-500:focus {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .md\:focus\:from-orange-600:focus {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .md\:focus\:from-orange-700:focus {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .md\:focus\:from-orange-800:focus {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .md\:focus\:from-orange-900:focus {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .md\:focus\:from-purple-100:focus {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .md\:focus\:from-purple-200:focus {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .md\:focus\:from-purple-300:focus {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .md\:focus\:from-purple-400:focus {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .md\:focus\:from-purple-500:focus {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .md\:focus\:from-purple-600:focus {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .md\:focus\:from-purple-700:focus {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .md\:focus\:from-purple-800:focus {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .md\:focus\:from-purple-900:focus {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .md\:focus\:from-red-300:focus {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .md\:focus\:from-red-500:focus {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .md\:focus\:from-red-700:focus {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .md\:focus\:from-teal-100:focus {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .md\:focus\:from-teal-200:focus {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .md\:focus\:from-teal-300:focus {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .md\:focus\:from-teal-400:focus {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .md\:focus\:from-teal-500:focus {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .md\:focus\:from-teal-600:focus {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .md\:focus\:from-teal-700:focus {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .md\:focus\:from-teal-800:focus {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .md\:focus\:from-teal-900:focus {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .md\:focus\:from-yellow-100:focus {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .md\:focus\:from-yellow-200:focus {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .md\:focus\:from-yellow-300:focus {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .md\:focus\:from-yellow-400:focus {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .md\:focus\:from-yellow-500:focus {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .md\:focus\:from-yellow-600:focus {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .md\:focus\:from-yellow-700:focus {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .md\:focus\:from-yellow-800:focus {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .md\:focus\:from-yellow-900:focus {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .md\:focus\:from-facebook-400:focus {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .md\:focus\:from-facebook-500:focus {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .md\:focus\:from-snapchat-400:focus {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .md\:focus\:from-snapchat-500:focus {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .md\:focus\:from-messenger-400:focus {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .md\:focus\:from-messenger-500:focus {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .md\:focus\:from-twitter-400:focus {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .md\:focus\:from-twitter-500:focus {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .md\:focus\:from-transparent-black-10:focus {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:from-transparent-black-30:focus {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:from-transparent-black-50:focus {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:from-transparent-black-70:focus {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:from-transparent-black-90:focus {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:from-transparent-white-10:focus {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:from-transparent-white-30:focus {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:from-transparent-white-50:focus {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:from-transparent-white-70:focus {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:from-transparent-white-90:focus {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:from-vr-dark-blue:focus {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .md\:focus\:from-vr-neon-green:focus {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .md\:focus\:via-transparent:focus {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:via-black:focus {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:via-white:focus {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:via-gray-100:focus {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .md\:focus\:via-gray-200:focus {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .md\:focus\:via-gray-300:focus {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .md\:focus\:via-gray-400:focus {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .md\:focus\:via-gray-500:focus {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .md\:focus\:via-gray-600:focus {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .md\:focus\:via-gray-700:focus {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .md\:focus\:via-gray-800:focus {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .md\:focus\:via-gray-900:focus {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .md\:focus\:via-blue-100:focus {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .md\:focus\:via-blue-200:focus {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .md\:focus\:via-blue-300:focus {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .md\:focus\:via-blue-400:focus {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .md\:focus\:via-blue-500:focus {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .md\:focus\:via-blue-600:focus {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .md\:focus\:via-blue-700:focus {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .md\:focus\:via-blue-800:focus {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .md\:focus\:via-blue-900:focus {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .md\:focus\:via-blurple-100:focus {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .md\:focus\:via-blurple-200:focus {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .md\:focus\:via-blurple-300:focus {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .md\:focus\:via-blurple-400:focus {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .md\:focus\:via-blurple-500:focus {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .md\:focus\:via-blurple-700:focus {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .md\:focus\:via-green-300:focus {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .md\:focus\:via-green-500:focus {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .md\:focus\:via-green-700:focus {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .md\:focus\:via-orange-100:focus {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .md\:focus\:via-orange-200:focus {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .md\:focus\:via-orange-300:focus {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .md\:focus\:via-orange-400:focus {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .md\:focus\:via-orange-500:focus {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .md\:focus\:via-orange-600:focus {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .md\:focus\:via-orange-700:focus {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .md\:focus\:via-orange-800:focus {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .md\:focus\:via-orange-900:focus {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .md\:focus\:via-purple-100:focus {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .md\:focus\:via-purple-200:focus {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .md\:focus\:via-purple-300:focus {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .md\:focus\:via-purple-400:focus {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .md\:focus\:via-purple-500:focus {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .md\:focus\:via-purple-600:focus {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .md\:focus\:via-purple-700:focus {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .md\:focus\:via-purple-800:focus {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .md\:focus\:via-purple-900:focus {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .md\:focus\:via-red-300:focus {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .md\:focus\:via-red-500:focus {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .md\:focus\:via-red-700:focus {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .md\:focus\:via-teal-100:focus {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .md\:focus\:via-teal-200:focus {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .md\:focus\:via-teal-300:focus {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .md\:focus\:via-teal-400:focus {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .md\:focus\:via-teal-500:focus {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .md\:focus\:via-teal-600:focus {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .md\:focus\:via-teal-700:focus {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .md\:focus\:via-teal-800:focus {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .md\:focus\:via-teal-900:focus {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .md\:focus\:via-yellow-100:focus {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .md\:focus\:via-yellow-200:focus {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .md\:focus\:via-yellow-300:focus {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .md\:focus\:via-yellow-400:focus {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .md\:focus\:via-yellow-500:focus {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .md\:focus\:via-yellow-600:focus {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .md\:focus\:via-yellow-700:focus {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .md\:focus\:via-yellow-800:focus {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .md\:focus\:via-yellow-900:focus {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .md\:focus\:via-facebook-400:focus {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .md\:focus\:via-facebook-500:focus {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .md\:focus\:via-snapchat-400:focus {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .md\:focus\:via-snapchat-500:focus {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .md\:focus\:via-messenger-400:focus {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .md\:focus\:via-messenger-500:focus {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .md\:focus\:via-twitter-400:focus {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .md\:focus\:via-twitter-500:focus {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .md\:focus\:via-transparent-black-10:focus {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:via-transparent-black-30:focus {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:via-transparent-black-50:focus {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:via-transparent-black-70:focus {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:via-transparent-black-90:focus {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:via-transparent-white-10:focus {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:via-transparent-white-30:focus {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:via-transparent-white-50:focus {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:via-transparent-white-70:focus {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:via-transparent-white-90:focus {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:via-vr-dark-blue:focus {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .md\:focus\:via-vr-neon-green:focus {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .md\:focus\:to-transparent:focus {
    --gradient-to-color: transparent;
  }

  .md\:focus\:to-black:focus {
    --gradient-to-color: #000;
  }

  .md\:focus\:to-white:focus {
    --gradient-to-color: #fff;
  }

  .md\:focus\:to-gray-100:focus {
    --gradient-to-color: #f7fafc;
  }

  .md\:focus\:to-gray-200:focus {
    --gradient-to-color: #edf2f7;
  }

  .md\:focus\:to-gray-300:focus {
    --gradient-to-color: #e2e8f0;
  }

  .md\:focus\:to-gray-400:focus {
    --gradient-to-color: #cbd5e0;
  }

  .md\:focus\:to-gray-500:focus {
    --gradient-to-color: #a0aec0;
  }

  .md\:focus\:to-gray-600:focus {
    --gradient-to-color: #718096;
  }

  .md\:focus\:to-gray-700:focus {
    --gradient-to-color: #4a5568;
  }

  .md\:focus\:to-gray-800:focus {
    --gradient-to-color: #2d3748;
  }

  .md\:focus\:to-gray-900:focus {
    --gradient-to-color: #1a202c;
  }

  .md\:focus\:to-blue-100:focus {
    --gradient-to-color: #86dfff;
  }

  .md\:focus\:to-blue-200:focus {
    --gradient-to-color: #6bd6ff;
  }

  .md\:focus\:to-blue-300:focus {
    --gradient-to-color: #52ccff;
  }

  .md\:focus\:to-blue-400:focus {
    --gradient-to-color: #3ac2ff;
  }

  .md\:focus\:to-blue-500:focus {
    --gradient-to-color: #23b7fb;
  }

  .md\:focus\:to-blue-600:focus {
    --gradient-to-color: #1a9adf;
  }

  .md\:focus\:to-blue-700:focus {
    --gradient-to-color: #127fbf;
  }

  .md\:focus\:to-blue-800:focus {
    --gradient-to-color: #0c659f;
  }

  .md\:focus\:to-blue-900:focus {
    --gradient-to-color: #074c80;
  }

  .md\:focus\:to-blurple-100:focus {
    --gradient-to-color: #938FDB;
  }

  .md\:focus\:to-blurple-200:focus {
    --gradient-to-color: #7A75D0;
  }

  .md\:focus\:to-blurple-300:focus {
    --gradient-to-color: #615BC4;
  }

  .md\:focus\:to-blurple-400:focus {
    --gradient-to-color: #4943B7;
  }

  .md\:focus\:to-blurple-500:focus {
    --gradient-to-color: #322baa;
  }

  .md\:focus\:to-blurple-700:focus {
    --gradient-to-color: #1c1e84;
  }

  .md\:focus\:to-green-300:focus {
    --gradient-to-color: #42d86f;
  }

  .md\:focus\:to-green-500:focus {
    --gradient-to-color: #0cc242;
  }

  .md\:focus\:to-green-700:focus {
    --gradient-to-color: #02983a;
  }

  .md\:focus\:to-orange-100:focus {
    --gradient-to-color: #ff6e4a;
  }

  .md\:focus\:to-orange-200:focus {
    --gradient-to-color: #ff6640;
  }

  .md\:focus\:to-orange-300:focus {
    --gradient-to-color: #ff5e36;
  }

  .md\:focus\:to-orange-400:focus {
    --gradient-to-color: #ff562b;
  }

  .md\:focus\:to-orange-500:focus {
    --gradient-to-color: #ff4d22;
  }

  .md\:focus\:to-orange-600:focus {
    --gradient-to-color: #e5461e;
  }

  .md\:focus\:to-orange-700:focus {
    --gradient-to-color: #cc3e1b;
  }

  .md\:focus\:to-orange-800:focus {
    --gradient-to-color: #b33617;
  }

  .md\:focus\:to-orange-900:focus {
    --gradient-to-color: #992f14;
  }

  .md\:focus\:to-purple-100:focus {
    --gradient-to-color: #c861ff;
  }

  .md\:focus\:to-purple-200:focus {
    --gradient-to-color: #c354ff;
  }

  .md\:focus\:to-purple-300:focus {
    --gradient-to-color: #be49fc;
  }

  .md\:focus\:to-purple-400:focus {
    --gradient-to-color: #ab42e3;
  }

  .md\:focus\:to-purple-500:focus {
    --gradient-to-color: #983ac9;
  }

  .md\:focus\:to-purple-600:focus {
    --gradient-to-color: #8433b0;
  }

  .md\:focus\:to-purple-700:focus {
    --gradient-to-color: #712c96;
  }

  .md\:focus\:to-purple-800:focus {
    --gradient-to-color: #5e247d;
  }

  .md\:focus\:to-purple-900:focus {
    --gradient-to-color: #4b1d63;
  }

  .md\:focus\:to-red-300:focus {
    --gradient-to-color: #ff6d69;
  }

  .md\:focus\:to-red-500:focus {
    --gradient-to-color: #ff4540;
  }

  .md\:focus\:to-red-700:focus {
    --gradient-to-color: #bf3929;
  }

  .md\:focus\:to-teal-100:focus {
    --gradient-to-color: #8cfff9;
  }

  .md\:focus\:to-teal-200:focus {
    --gradient-to-color: #66fff7;
  }

  .md\:focus\:to-teal-300:focus {
    --gradient-to-color: #40fff5;
  }

  .md\:focus\:to-teal-400:focus {
    --gradient-to-color: #35fcf2;
  }

  .md\:focus\:to-teal-500:focus {
    --gradient-to-color: #30e3da;
  }

  .md\:focus\:to-teal-600:focus {
    --gradient-to-color: #2ac9c1;
  }

  .md\:focus\:to-teal-700:focus {
    --gradient-to-color: #25b0a9;
  }

  .md\:focus\:to-teal-800:focus {
    --gradient-to-color: #209691;
  }

  .md\:focus\:to-teal-900:focus {
    --gradient-to-color: #1a7d78;
  }

  .md\:focus\:to-yellow-100:focus {
    --gradient-to-color: #ffe894;
  }

  .md\:focus\:to-yellow-200:focus {
    --gradient-to-color: #ffe27a;
  }

  .md\:focus\:to-yellow-300:focus {
    --gradient-to-color: #ffdd61;
  }

  .md\:focus\:to-yellow-400:focus {
    --gradient-to-color: #ffd747;
  }

  .md\:focus\:to-yellow-500:focus {
    --gradient-to-color: #fcce2f;
  }

  .md\:focus\:to-yellow-600:focus {
    --gradient-to-color: #e3bb29;
  }

  .md\:focus\:to-yellow-700:focus {
    --gradient-to-color: #c9a624;
  }

  .md\:focus\:to-yellow-800:focus {
    --gradient-to-color: #b09120;
  }

  .md\:focus\:to-yellow-900:focus {
    --gradient-to-color: #967c1b;
  }

  .md\:focus\:to-facebook-400:focus {
    --gradient-to-color: #4a6dbc;
  }

  .md\:focus\:to-facebook-500:focus {
    --gradient-to-color: #39579a;
  }

  .md\:focus\:to-snapchat-400:focus {
    --gradient-to-color: #fffc00;
  }

  .md\:focus\:to-snapchat-500:focus {
    --gradient-to-color: #39579a;
  }

  .md\:focus\:to-messenger-400:focus {
    --gradient-to-color: #339dff;
  }

  .md\:focus\:to-messenger-500:focus {
    --gradient-to-color: #0084ff;
  }

  .md\:focus\:to-twitter-400:focus {
    --gradient-to-color: #21c2ff;
  }

  .md\:focus\:to-twitter-500:focus {
    --gradient-to-color: #00aced;
  }

  .md\:focus\:to-transparent-black-10:focus {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .md\:focus\:to-transparent-black-30:focus {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .md\:focus\:to-transparent-black-50:focus {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .md\:focus\:to-transparent-black-70:focus {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .md\:focus\:to-transparent-black-90:focus {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .md\:focus\:to-transparent-white-10:focus {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .md\:focus\:to-transparent-white-30:focus {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .md\:focus\:to-transparent-white-50:focus {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .md\:focus\:to-transparent-white-70:focus {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .md\:focus\:to-transparent-white-90:focus {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .md\:focus\:to-vr-dark-blue:focus {
    --gradient-to-color: #000047;
  }

  .md\:focus\:to-vr-neon-green:focus {
    --gradient-to-color: #00ff75;
  }

  .md\:bg-opacity-0 {
    --bg-opacity: 0;
  }

  .md\:bg-opacity-25 {
    --bg-opacity: 0.25;
  }

  .md\:bg-opacity-50 {
    --bg-opacity: 0.5;
  }

  .md\:bg-opacity-75 {
    --bg-opacity: 0.75;
  }

  .md\:bg-opacity-100 {
    --bg-opacity: 1;
  }

  .md\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0;
  }

  .md\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25;
  }

  .md\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5;
  }

  .md\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75;
  }

  .md\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1;
  }

  .md\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0;
  }

  .md\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25;
  }

  .md\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5;
  }

  .md\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75;
  }

  .md\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1;
  }

  .md\:bg-bottom {
    background-position: bottom;
  }

  .md\:bg-center {
    background-position: center;
  }

  .md\:bg-left {
    background-position: left;
  }

  .md\:bg-left-bottom {
    background-position: left bottom;
  }

  .md\:bg-left-top {
    background-position: left top;
  }

  .md\:bg-right {
    background-position: right;
  }

  .md\:bg-right-bottom {
    background-position: right bottom;
  }

  .md\:bg-right-top {
    background-position: right top;
  }

  .md\:bg-top {
    background-position: top;
  }

  .md\:bg-repeat {
    background-repeat: repeat;
  }

  .md\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .md\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .md\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .md\:bg-repeat-round {
    background-repeat: round;
  }

  .md\:bg-repeat-space {
    background-repeat: space;
  }

  .md\:bg-auto {
    background-size: auto;
  }

  .md\:bg-cover {
    background-size: cover;
  }

  .md\:bg-contain {
    background-size: contain;
  }

  .md\:border-collapse {
    border-collapse: collapse;
  }

  .md\:border-separate {
    border-collapse: separate;
  }

  .md\:border-transparent {
    border-color: transparent;
  }

  .md\:border-black {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .md\:border-white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .md\:border-gray-100 {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .md\:border-gray-200 {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .md\:border-gray-300 {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .md\:border-gray-400 {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .md\:border-gray-500 {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .md\:border-gray-600 {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .md\:border-gray-700 {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .md\:border-gray-800 {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .md\:border-gray-900 {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .md\:border-blue-100 {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .md\:border-blue-200 {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .md\:border-blue-300 {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .md\:border-blue-400 {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .md\:border-blue-500 {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .md\:border-blue-600 {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .md\:border-blue-700 {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .md\:border-blue-800 {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .md\:border-blue-900 {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .md\:border-blurple-100 {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .md\:border-blurple-200 {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .md\:border-blurple-300 {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .md\:border-blurple-400 {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .md\:border-blurple-500 {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .md\:border-blurple-700 {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .md\:border-green-300 {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .md\:border-green-500 {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .md\:border-green-700 {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .md\:border-orange-100 {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .md\:border-orange-200 {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .md\:border-orange-300 {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .md\:border-orange-400 {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .md\:border-orange-500 {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .md\:border-orange-600 {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .md\:border-orange-700 {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .md\:border-orange-800 {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .md\:border-orange-900 {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .md\:border-purple-100 {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .md\:border-purple-200 {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .md\:border-purple-300 {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .md\:border-purple-400 {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .md\:border-purple-500 {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .md\:border-purple-600 {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .md\:border-purple-700 {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .md\:border-purple-800 {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .md\:border-purple-900 {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .md\:border-red-300 {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .md\:border-red-500 {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .md\:border-red-700 {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .md\:border-teal-100 {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .md\:border-teal-200 {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .md\:border-teal-300 {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .md\:border-teal-400 {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .md\:border-teal-500 {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .md\:border-teal-600 {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .md\:border-teal-700 {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .md\:border-teal-800 {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .md\:border-teal-900 {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .md\:border-yellow-100 {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .md\:border-yellow-200 {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .md\:border-yellow-300 {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .md\:border-yellow-400 {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .md\:border-yellow-500 {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .md\:border-yellow-600 {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .md\:border-yellow-700 {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .md\:border-yellow-800 {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .md\:border-yellow-900 {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .md\:border-facebook-400 {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .md\:border-facebook-500 {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .md\:border-snapchat-400 {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .md\:border-snapchat-500 {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .md\:border-messenger-400 {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .md\:border-messenger-500 {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .md\:border-twitter-400 {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .md\:border-twitter-500 {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .md\:border-transparent-black-10 {
    border-color: rgba(0,0,0,0.1);
  }

  .md\:border-transparent-black-30 {
    border-color: rgba(0,0,0,0.3);
  }

  .md\:border-transparent-black-50 {
    border-color: rgba(0,0,0,0.5);
  }

  .md\:border-transparent-black-70 {
    border-color: rgba(0,0,0,0.7);
  }

  .md\:border-transparent-black-90 {
    border-color: rgba(0,0,0,0.9);
  }

  .md\:border-transparent-white-10 {
    border-color: rgba(255,255,255,0.1);
  }

  .md\:border-transparent-white-30 {
    border-color: rgba(255,255,255,0.3);
  }

  .md\:border-transparent-white-50 {
    border-color: rgba(255,255,255,0.5);
  }

  .md\:border-transparent-white-70 {
    border-color: rgba(255,255,255,0.7);
  }

  .md\:border-transparent-white-90 {
    border-color: rgba(255,255,255,0.9);
  }

  .md\:border-vr-dark-blue {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .md\:border-vr-neon-green {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .md\:active\:border-transparent:active {
    border-color: transparent;
  }

  .md\:active\:border-black:active {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .md\:active\:border-white:active {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .md\:active\:border-gray-100:active {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .md\:active\:border-gray-200:active {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .md\:active\:border-gray-300:active {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .md\:active\:border-gray-400:active {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .md\:active\:border-gray-500:active {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .md\:active\:border-gray-600:active {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .md\:active\:border-gray-700:active {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .md\:active\:border-gray-800:active {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .md\:active\:border-gray-900:active {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .md\:active\:border-blue-100:active {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .md\:active\:border-blue-200:active {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .md\:active\:border-blue-300:active {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .md\:active\:border-blue-400:active {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .md\:active\:border-blue-500:active {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .md\:active\:border-blue-600:active {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .md\:active\:border-blue-700:active {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .md\:active\:border-blue-800:active {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .md\:active\:border-blue-900:active {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .md\:active\:border-blurple-100:active {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .md\:active\:border-blurple-200:active {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .md\:active\:border-blurple-300:active {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .md\:active\:border-blurple-400:active {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .md\:active\:border-blurple-500:active {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .md\:active\:border-blurple-700:active {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .md\:active\:border-green-300:active {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .md\:active\:border-green-500:active {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .md\:active\:border-green-700:active {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .md\:active\:border-orange-100:active {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .md\:active\:border-orange-200:active {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .md\:active\:border-orange-300:active {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .md\:active\:border-orange-400:active {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .md\:active\:border-orange-500:active {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .md\:active\:border-orange-600:active {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .md\:active\:border-orange-700:active {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .md\:active\:border-orange-800:active {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .md\:active\:border-orange-900:active {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .md\:active\:border-purple-100:active {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .md\:active\:border-purple-200:active {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .md\:active\:border-purple-300:active {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .md\:active\:border-purple-400:active {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .md\:active\:border-purple-500:active {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .md\:active\:border-purple-600:active {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .md\:active\:border-purple-700:active {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .md\:active\:border-purple-800:active {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .md\:active\:border-purple-900:active {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .md\:active\:border-red-300:active {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .md\:active\:border-red-500:active {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .md\:active\:border-red-700:active {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .md\:active\:border-teal-100:active {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .md\:active\:border-teal-200:active {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .md\:active\:border-teal-300:active {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .md\:active\:border-teal-400:active {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .md\:active\:border-teal-500:active {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .md\:active\:border-teal-600:active {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .md\:active\:border-teal-700:active {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .md\:active\:border-teal-800:active {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .md\:active\:border-teal-900:active {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .md\:active\:border-yellow-100:active {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .md\:active\:border-yellow-200:active {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .md\:active\:border-yellow-300:active {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .md\:active\:border-yellow-400:active {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .md\:active\:border-yellow-500:active {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .md\:active\:border-yellow-600:active {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .md\:active\:border-yellow-700:active {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .md\:active\:border-yellow-800:active {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .md\:active\:border-yellow-900:active {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .md\:active\:border-facebook-400:active {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .md\:active\:border-facebook-500:active {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .md\:active\:border-snapchat-400:active {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .md\:active\:border-snapchat-500:active {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .md\:active\:border-messenger-400:active {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .md\:active\:border-messenger-500:active {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .md\:active\:border-twitter-400:active {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .md\:active\:border-twitter-500:active {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .md\:active\:border-transparent-black-10:active {
    border-color: rgba(0,0,0,0.1);
  }

  .md\:active\:border-transparent-black-30:active {
    border-color: rgba(0,0,0,0.3);
  }

  .md\:active\:border-transparent-black-50:active {
    border-color: rgba(0,0,0,0.5);
  }

  .md\:active\:border-transparent-black-70:active {
    border-color: rgba(0,0,0,0.7);
  }

  .md\:active\:border-transparent-black-90:active {
    border-color: rgba(0,0,0,0.9);
  }

  .md\:active\:border-transparent-white-10:active {
    border-color: rgba(255,255,255,0.1);
  }

  .md\:active\:border-transparent-white-30:active {
    border-color: rgba(255,255,255,0.3);
  }

  .md\:active\:border-transparent-white-50:active {
    border-color: rgba(255,255,255,0.5);
  }

  .md\:active\:border-transparent-white-70:active {
    border-color: rgba(255,255,255,0.7);
  }

  .md\:active\:border-transparent-white-90:active {
    border-color: rgba(255,255,255,0.9);
  }

  .md\:active\:border-vr-dark-blue:active {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .md\:active\:border-vr-neon-green:active {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .md\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .md\:hover\:border-black:hover {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .md\:hover\:border-white:hover {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .md\:hover\:border-gray-100:hover {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .md\:hover\:border-gray-200:hover {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .md\:hover\:border-gray-300:hover {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .md\:hover\:border-gray-400:hover {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .md\:hover\:border-gray-500:hover {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .md\:hover\:border-gray-600:hover {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .md\:hover\:border-gray-700:hover {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .md\:hover\:border-gray-800:hover {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .md\:hover\:border-gray-900:hover {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .md\:hover\:border-blue-100:hover {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .md\:hover\:border-blue-200:hover {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .md\:hover\:border-blue-300:hover {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .md\:hover\:border-blue-400:hover {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .md\:hover\:border-blue-500:hover {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .md\:hover\:border-blue-600:hover {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .md\:hover\:border-blue-700:hover {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .md\:hover\:border-blue-800:hover {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .md\:hover\:border-blue-900:hover {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .md\:hover\:border-blurple-100:hover {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .md\:hover\:border-blurple-200:hover {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .md\:hover\:border-blurple-300:hover {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .md\:hover\:border-blurple-400:hover {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .md\:hover\:border-blurple-500:hover {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .md\:hover\:border-blurple-700:hover {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .md\:hover\:border-green-300:hover {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .md\:hover\:border-green-500:hover {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .md\:hover\:border-green-700:hover {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .md\:hover\:border-orange-100:hover {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .md\:hover\:border-orange-200:hover {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .md\:hover\:border-orange-300:hover {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .md\:hover\:border-orange-400:hover {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .md\:hover\:border-orange-500:hover {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .md\:hover\:border-orange-600:hover {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .md\:hover\:border-orange-700:hover {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .md\:hover\:border-orange-800:hover {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .md\:hover\:border-orange-900:hover {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .md\:hover\:border-purple-100:hover {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .md\:hover\:border-purple-200:hover {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .md\:hover\:border-purple-300:hover {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .md\:hover\:border-purple-400:hover {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .md\:hover\:border-purple-500:hover {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .md\:hover\:border-purple-600:hover {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .md\:hover\:border-purple-700:hover {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .md\:hover\:border-purple-800:hover {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .md\:hover\:border-purple-900:hover {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .md\:hover\:border-red-300:hover {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .md\:hover\:border-red-500:hover {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .md\:hover\:border-red-700:hover {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .md\:hover\:border-teal-100:hover {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .md\:hover\:border-teal-200:hover {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .md\:hover\:border-teal-300:hover {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .md\:hover\:border-teal-400:hover {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .md\:hover\:border-teal-500:hover {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .md\:hover\:border-teal-600:hover {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .md\:hover\:border-teal-700:hover {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .md\:hover\:border-teal-800:hover {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .md\:hover\:border-teal-900:hover {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .md\:hover\:border-yellow-100:hover {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .md\:hover\:border-yellow-200:hover {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .md\:hover\:border-yellow-300:hover {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .md\:hover\:border-yellow-400:hover {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .md\:hover\:border-yellow-500:hover {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .md\:hover\:border-yellow-600:hover {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .md\:hover\:border-yellow-700:hover {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .md\:hover\:border-yellow-800:hover {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .md\:hover\:border-yellow-900:hover {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .md\:hover\:border-facebook-400:hover {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .md\:hover\:border-facebook-500:hover {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .md\:hover\:border-snapchat-400:hover {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .md\:hover\:border-snapchat-500:hover {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .md\:hover\:border-messenger-400:hover {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .md\:hover\:border-messenger-500:hover {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .md\:hover\:border-twitter-400:hover {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .md\:hover\:border-twitter-500:hover {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .md\:hover\:border-transparent-black-10:hover {
    border-color: rgba(0,0,0,0.1);
  }

  .md\:hover\:border-transparent-black-30:hover {
    border-color: rgba(0,0,0,0.3);
  }

  .md\:hover\:border-transparent-black-50:hover {
    border-color: rgba(0,0,0,0.5);
  }

  .md\:hover\:border-transparent-black-70:hover {
    border-color: rgba(0,0,0,0.7);
  }

  .md\:hover\:border-transparent-black-90:hover {
    border-color: rgba(0,0,0,0.9);
  }

  .md\:hover\:border-transparent-white-10:hover {
    border-color: rgba(255,255,255,0.1);
  }

  .md\:hover\:border-transparent-white-30:hover {
    border-color: rgba(255,255,255,0.3);
  }

  .md\:hover\:border-transparent-white-50:hover {
    border-color: rgba(255,255,255,0.5);
  }

  .md\:hover\:border-transparent-white-70:hover {
    border-color: rgba(255,255,255,0.7);
  }

  .md\:hover\:border-transparent-white-90:hover {
    border-color: rgba(255,255,255,0.9);
  }

  .md\:hover\:border-vr-dark-blue:hover {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .md\:hover\:border-vr-neon-green:hover {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .md\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .md\:focus\:border-black:focus {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .md\:focus\:border-white:focus {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .md\:focus\:border-gray-100:focus {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .md\:focus\:border-gray-200:focus {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .md\:focus\:border-gray-300:focus {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .md\:focus\:border-gray-400:focus {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .md\:focus\:border-gray-500:focus {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .md\:focus\:border-gray-600:focus {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .md\:focus\:border-gray-700:focus {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .md\:focus\:border-gray-800:focus {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .md\:focus\:border-gray-900:focus {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .md\:focus\:border-blue-100:focus {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .md\:focus\:border-blue-200:focus {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .md\:focus\:border-blue-300:focus {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .md\:focus\:border-blue-400:focus {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .md\:focus\:border-blue-500:focus {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .md\:focus\:border-blue-600:focus {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .md\:focus\:border-blue-700:focus {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .md\:focus\:border-blue-800:focus {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .md\:focus\:border-blue-900:focus {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .md\:focus\:border-blurple-100:focus {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .md\:focus\:border-blurple-200:focus {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .md\:focus\:border-blurple-300:focus {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .md\:focus\:border-blurple-400:focus {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .md\:focus\:border-blurple-500:focus {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .md\:focus\:border-blurple-700:focus {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .md\:focus\:border-green-300:focus {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .md\:focus\:border-green-500:focus {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .md\:focus\:border-green-700:focus {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .md\:focus\:border-orange-100:focus {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .md\:focus\:border-orange-200:focus {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .md\:focus\:border-orange-300:focus {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .md\:focus\:border-orange-400:focus {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .md\:focus\:border-orange-500:focus {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .md\:focus\:border-orange-600:focus {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .md\:focus\:border-orange-700:focus {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .md\:focus\:border-orange-800:focus {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .md\:focus\:border-orange-900:focus {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .md\:focus\:border-purple-100:focus {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .md\:focus\:border-purple-200:focus {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .md\:focus\:border-purple-300:focus {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .md\:focus\:border-purple-400:focus {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .md\:focus\:border-purple-500:focus {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .md\:focus\:border-purple-600:focus {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .md\:focus\:border-purple-700:focus {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .md\:focus\:border-purple-800:focus {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .md\:focus\:border-purple-900:focus {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .md\:focus\:border-red-300:focus {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .md\:focus\:border-red-500:focus {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .md\:focus\:border-red-700:focus {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .md\:focus\:border-teal-100:focus {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .md\:focus\:border-teal-200:focus {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .md\:focus\:border-teal-300:focus {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .md\:focus\:border-teal-400:focus {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .md\:focus\:border-teal-500:focus {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .md\:focus\:border-teal-600:focus {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .md\:focus\:border-teal-700:focus {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .md\:focus\:border-teal-800:focus {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .md\:focus\:border-teal-900:focus {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .md\:focus\:border-yellow-100:focus {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .md\:focus\:border-yellow-200:focus {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .md\:focus\:border-yellow-300:focus {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .md\:focus\:border-yellow-400:focus {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .md\:focus\:border-yellow-500:focus {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .md\:focus\:border-yellow-600:focus {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .md\:focus\:border-yellow-700:focus {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .md\:focus\:border-yellow-800:focus {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .md\:focus\:border-yellow-900:focus {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .md\:focus\:border-facebook-400:focus {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .md\:focus\:border-facebook-500:focus {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .md\:focus\:border-snapchat-400:focus {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .md\:focus\:border-snapchat-500:focus {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .md\:focus\:border-messenger-400:focus {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .md\:focus\:border-messenger-500:focus {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .md\:focus\:border-twitter-400:focus {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .md\:focus\:border-twitter-500:focus {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .md\:focus\:border-transparent-black-10:focus {
    border-color: rgba(0,0,0,0.1);
  }

  .md\:focus\:border-transparent-black-30:focus {
    border-color: rgba(0,0,0,0.3);
  }

  .md\:focus\:border-transparent-black-50:focus {
    border-color: rgba(0,0,0,0.5);
  }

  .md\:focus\:border-transparent-black-70:focus {
    border-color: rgba(0,0,0,0.7);
  }

  .md\:focus\:border-transparent-black-90:focus {
    border-color: rgba(0,0,0,0.9);
  }

  .md\:focus\:border-transparent-white-10:focus {
    border-color: rgba(255,255,255,0.1);
  }

  .md\:focus\:border-transparent-white-30:focus {
    border-color: rgba(255,255,255,0.3);
  }

  .md\:focus\:border-transparent-white-50:focus {
    border-color: rgba(255,255,255,0.5);
  }

  .md\:focus\:border-transparent-white-70:focus {
    border-color: rgba(255,255,255,0.7);
  }

  .md\:focus\:border-transparent-white-90:focus {
    border-color: rgba(255,255,255,0.9);
  }

  .md\:focus\:border-vr-dark-blue:focus {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .md\:focus\:border-vr-neon-green:focus {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .md\:border-opacity-0 {
    --border-opacity: 0;
  }

  .md\:border-opacity-25 {
    --border-opacity: 0.25;
  }

  .md\:border-opacity-50 {
    --border-opacity: 0.5;
  }

  .md\:border-opacity-75 {
    --border-opacity: 0.75;
  }

  .md\:border-opacity-100 {
    --border-opacity: 1;
  }

  .md\:hover\:border-opacity-0:hover {
    --border-opacity: 0;
  }

  .md\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25;
  }

  .md\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5;
  }

  .md\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75;
  }

  .md\:hover\:border-opacity-100:hover {
    --border-opacity: 1;
  }

  .md\:focus\:border-opacity-0:focus {
    --border-opacity: 0;
  }

  .md\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25;
  }

  .md\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5;
  }

  .md\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75;
  }

  .md\:focus\:border-opacity-100:focus {
    --border-opacity: 1;
  }

  .md\:rounded-none {
    border-radius: 0;
  }

  .md\:rounded-sm {
    border-radius: 0.125rem;
  }

  .md\:rounded {
    border-radius: 0.25rem;
  }

  .md\:rounded-md {
    border-radius: 0.375rem;
  }

  .md\:rounded-lg {
    border-radius: 0.5rem;
  }

  .md\:rounded-xl {
    border-radius: 0.75rem;
  }

  .md\:rounded-2xl {
    border-radius: 1rem;
  }

  .md\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .md\:rounded-full {
    border-radius: 9999px;
  }

  .md\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .md\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .md\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .md\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .md\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .md\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .md\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .md\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .md\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .md\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .md\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .md\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .md\:rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .md\:rounded-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .md\:rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .md\:rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .md\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .md\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .md\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .md\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .md\:rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .md\:rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .md\:rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .md\:rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .md\:rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .md\:rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .md\:rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .md\:rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .md\:rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .md\:rounded-r-3xl {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .md\:rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .md\:rounded-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .md\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .md\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .md\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .md\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .md\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  .md\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  .md\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .md\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .md\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  .md\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  .md\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  .md\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  .md\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  .md\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  .md\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  .md\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  .md\:rounded-tl-md {
    border-top-left-radius: 0.375rem;
  }

  .md\:rounded-tr-md {
    border-top-right-radius: 0.375rem;
  }

  .md\:rounded-br-md {
    border-bottom-right-radius: 0.375rem;
  }

  .md\:rounded-bl-md {
    border-bottom-left-radius: 0.375rem;
  }

  .md\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .md\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  .md\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  .md\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  .md\:rounded-tl-xl {
    border-top-left-radius: 0.75rem;
  }

  .md\:rounded-tr-xl {
    border-top-right-radius: 0.75rem;
  }

  .md\:rounded-br-xl {
    border-bottom-right-radius: 0.75rem;
  }

  .md\:rounded-bl-xl {
    border-bottom-left-radius: 0.75rem;
  }

  .md\:rounded-tl-2xl {
    border-top-left-radius: 1rem;
  }

  .md\:rounded-tr-2xl {
    border-top-right-radius: 1rem;
  }

  .md\:rounded-br-2xl {
    border-bottom-right-radius: 1rem;
  }

  .md\:rounded-bl-2xl {
    border-bottom-left-radius: 1rem;
  }

  .md\:rounded-tl-3xl {
    border-top-left-radius: 1.5rem;
  }

  .md\:rounded-tr-3xl {
    border-top-right-radius: 1.5rem;
  }

  .md\:rounded-br-3xl {
    border-bottom-right-radius: 1.5rem;
  }

  .md\:rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem;
  }

  .md\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .md\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .md\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .md\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .md\:border-solid {
    border-style: solid;
  }

  .md\:border-dashed {
    border-style: dashed;
  }

  .md\:border-dotted {
    border-style: dotted;
  }

  .md\:border-double {
    border-style: double;
  }

  .md\:border-none {
    border-style: none;
  }

  .md\:border-0 {
    border-width: 0;
  }

  .md\:border-2 {
    border-width: 2px;
  }

  .md\:border-4 {
    border-width: 4px;
  }

  .md\:border-8 {
    border-width: 8px;
  }

  .md\:border {
    border-width: 1px;
  }

  .md\:border-t-0 {
    border-top-width: 0;
  }

  .md\:border-r-0 {
    border-right-width: 0;
  }

  .md\:border-b-0 {
    border-bottom-width: 0;
  }

  .md\:border-l-0 {
    border-left-width: 0;
  }

  .md\:border-t-2 {
    border-top-width: 2px;
  }

  .md\:border-r-2 {
    border-right-width: 2px;
  }

  .md\:border-b-2 {
    border-bottom-width: 2px;
  }

  .md\:border-l-2 {
    border-left-width: 2px;
  }

  .md\:border-t-4 {
    border-top-width: 4px;
  }

  .md\:border-r-4 {
    border-right-width: 4px;
  }

  .md\:border-b-4 {
    border-bottom-width: 4px;
  }

  .md\:border-l-4 {
    border-left-width: 4px;
  }

  .md\:border-t-8 {
    border-top-width: 8px;
  }

  .md\:border-r-8 {
    border-right-width: 8px;
  }

  .md\:border-b-8 {
    border-bottom-width: 8px;
  }

  .md\:border-l-8 {
    border-left-width: 8px;
  }

  .md\:border-t {
    border-top-width: 1px;
  }

  .md\:border-r {
    border-right-width: 1px;
  }

  .md\:border-b {
    border-bottom-width: 1px;
  }

  .md\:border-l {
    border-left-width: 1px;
  }

  .md\:box-border {
    box-sizing: border-box;
  }

  .md\:box-content {
    box-sizing: content-box;
  }

  .md\:cursor-auto {
    cursor: auto;
  }

  .md\:cursor-default {
    cursor: default;
  }

  .md\:cursor-pointer {
    cursor: pointer;
  }

  .md\:cursor-wait {
    cursor: wait;
  }

  .md\:cursor-text {
    cursor: text;
  }

  .md\:cursor-move {
    cursor: move;
  }

  .md\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .md\:block {
    display: block;
  }

  .md\:inline-block {
    display: inline-block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:flex {
    display: flex;
  }

  .md\:inline-flex {
    display: inline-flex;
  }

  .md\:table {
    display: table;
  }

  .md\:table-caption {
    display: table-caption;
  }

  .md\:table-cell {
    display: table-cell;
  }

  .md\:table-column {
    display: table-column;
  }

  .md\:table-column-group {
    display: table-column-group;
  }

  .md\:table-footer-group {
    display: table-footer-group;
  }

  .md\:table-header-group {
    display: table-header-group;
  }

  .md\:table-row-group {
    display: table-row-group;
  }

  .md\:table-row {
    display: table-row;
  }

  .md\:flow-root {
    display: flow-root;
  }

  .md\:grid {
    display: grid;
  }

  .md\:inline-grid {
    display: inline-grid;
  }

  .md\:contents {
    display: contents;
  }

  .md\:hidden {
    display: none;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .md\:flex-wrap {
    flex-wrap: wrap;
  }

  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .md\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  .md\:place-items-auto {
    place-items: auto;
  }

  .md\:place-items-start {
    place-items: start;
  }

  .md\:place-items-end {
    place-items: end;
  }

  .md\:place-items-center {
    place-items: center;
  }

  .md\:place-items-stretch {
    place-items: stretch;
  }

  .md\:place-content-center {
    place-content: center;
  }

  .md\:place-content-start {
    place-content: start;
  }

  .md\:place-content-end {
    place-content: end;
  }

  .md\:place-content-between {
    place-content: space-between;
  }

  .md\:place-content-around {
    place-content: space-around;
  }

  .md\:place-content-evenly {
    place-content: space-evenly;
  }

  .md\:place-content-stretch {
    place-content: stretch;
  }

  .md\:place-self-auto {
    place-self: auto;
  }

  .md\:place-self-start {
    place-self: start;
  }

  .md\:place-self-end {
    place-self: end;
  }

  .md\:place-self-center {
    place-self: center;
  }

  .md\:place-self-stretch {
    place-self: stretch;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:items-baseline {
    align-items: baseline;
  }

  .md\:items-stretch {
    align-items: stretch;
  }

  .md\:content-center {
    align-content: center;
  }

  .md\:content-start {
    align-content: flex-start;
  }

  .md\:content-end {
    align-content: flex-end;
  }

  .md\:content-between {
    align-content: space-between;
  }

  .md\:content-around {
    align-content: space-around;
  }

  .md\:content-evenly {
    align-content: space-evenly;
  }

  .md\:self-auto {
    align-self: auto;
  }

  .md\:self-start {
    align-self: flex-start;
  }

  .md\:self-end {
    align-self: flex-end;
  }

  .md\:self-center {
    align-self: center;
  }

  .md\:self-stretch {
    align-self: stretch;
  }

  .md\:justify-items-auto {
    justify-items: auto;
  }

  .md\:justify-items-start {
    justify-items: start;
  }

  .md\:justify-items-end {
    justify-items: end;
  }

  .md\:justify-items-center {
    justify-items: center;
  }

  .md\:justify-items-stretch {
    justify-items: stretch;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:justify-around {
    justify-content: space-around;
  }

  .md\:justify-evenly {
    justify-content: space-evenly;
  }

  .md\:justify-self-auto {
    justify-self: auto;
  }

  .md\:justify-self-start {
    justify-self: start;
  }

  .md\:justify-self-end {
    justify-self: end;
  }

  .md\:justify-self-center {
    justify-self: center;
  }

  .md\:justify-self-stretch {
    justify-self: stretch;
  }

  .md\:flex-1 {
    flex: 1 1 0%;
  }

  .md\:flex-auto {
    flex: 1 1 auto;
  }

  .md\:flex-initial {
    flex: 0 1 auto;
  }

  .md\:flex-none {
    flex: none;
  }

  .md\:flex-grow-0 {
    flex-grow: 0;
  }

  .md\:flex-grow {
    flex-grow: 1;
  }

  .md\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .md\:flex-shrink {
    flex-shrink: 1;
  }

  .md\:order-1 {
    order: 1;
  }

  .md\:order-2 {
    order: 2;
  }

  .md\:order-3 {
    order: 3;
  }

  .md\:order-4 {
    order: 4;
  }

  .md\:order-5 {
    order: 5;
  }

  .md\:order-6 {
    order: 6;
  }

  .md\:order-7 {
    order: 7;
  }

  .md\:order-8 {
    order: 8;
  }

  .md\:order-9 {
    order: 9;
  }

  .md\:order-10 {
    order: 10;
  }

  .md\:order-11 {
    order: 11;
  }

  .md\:order-12 {
    order: 12;
  }

  .md\:order-first {
    order: -9999;
  }

  .md\:order-last {
    order: 9999;
  }

  .md\:order-none {
    order: 0;
  }

  .md\:float-right {
    float: right;
  }

  .md\:float-left {
    float: left;
  }

  .md\:float-none {
    float: none;
  }

  .md\:clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  .md\:clear-left {
    clear: left;
  }

  .md\:clear-right {
    clear: right;
  }

  .md\:clear-both {
    clear: both;
  }

  .md\:clear-none {
    clear: none;
  }

  .md\:font-source-sans {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .md\:font-league-gothic {
    font-family: "League Gothic", Impact, "Franklin Gothic Bold", "Arial Black", sans-serif;
  }

  .md\:font-hairline {
    font-weight: 100;
  }

  .md\:font-thin {
    font-weight: 200;
  }

  .md\:font-light {
    font-weight: 300;
  }

  .md\:font-normal {
    font-weight: 400;
  }

  .md\:font-medium {
    font-weight: 500;
  }

  .md\:font-semibold {
    font-weight: 600;
  }

  .md\:font-bold {
    font-weight: 700;
  }

  .md\:font-extrabold {
    font-weight: 800;
  }

  .md\:font-black {
    font-weight: 900;
  }

  .md\:hover\:font-hairline:hover {
    font-weight: 100;
  }

  .md\:hover\:font-thin:hover {
    font-weight: 200;
  }

  .md\:hover\:font-light:hover {
    font-weight: 300;
  }

  .md\:hover\:font-normal:hover {
    font-weight: 400;
  }

  .md\:hover\:font-medium:hover {
    font-weight: 500;
  }

  .md\:hover\:font-semibold:hover {
    font-weight: 600;
  }

  .md\:hover\:font-bold:hover {
    font-weight: 700;
  }

  .md\:hover\:font-extrabold:hover {
    font-weight: 800;
  }

  .md\:hover\:font-black:hover {
    font-weight: 900;
  }

  .md\:focus\:font-hairline:focus {
    font-weight: 100;
  }

  .md\:focus\:font-thin:focus {
    font-weight: 200;
  }

  .md\:focus\:font-light:focus {
    font-weight: 300;
  }

  .md\:focus\:font-normal:focus {
    font-weight: 400;
  }

  .md\:focus\:font-medium:focus {
    font-weight: 500;
  }

  .md\:focus\:font-semibold:focus {
    font-weight: 600;
  }

  .md\:focus\:font-bold:focus {
    font-weight: 700;
  }

  .md\:focus\:font-extrabold:focus {
    font-weight: 800;
  }

  .md\:focus\:font-black:focus {
    font-weight: 900;
  }

  .md\:h-0 {
    height: 0;
  }

  .md\:h-1 {
    height: 0.25rem;
  }

  .md\:h-2 {
    height: 0.5rem;
  }

  .md\:h-3 {
    height: 0.75rem;
  }

  .md\:h-4 {
    height: 1rem;
  }

  .md\:h-5 {
    height: 1.25rem;
  }

  .md\:h-6 {
    height: 1.5rem;
  }

  .md\:h-8 {
    height: 2rem;
  }

  .md\:h-10 {
    height: 2.5rem;
  }

  .md\:h-12 {
    height: 3rem;
  }

  .md\:h-16 {
    height: 4rem;
  }

  .md\:h-20 {
    height: 5rem;
  }

  .md\:h-24 {
    height: 6rem;
  }

  .md\:h-32 {
    height: 8rem;
  }

  .md\:h-40 {
    height: 10rem;
  }

  .md\:h-48 {
    height: 12rem;
  }

  .md\:h-56 {
    height: 14rem;
  }

  .md\:h-64 {
    height: 16rem;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:h-px {
    height: 1px;
  }

  .md\:h-full {
    height: 100%;
  }

  .md\:h-screen {
    height: 100vh;
  }

  .md\:text-xs {
    font-size: 12px;
  }

  .md\:text-sm {
    font-size: 14px;
  }

  .md\:text-base {
    font-size: 18px;
  }

  .md\:text-lg {
    font-size: 22px;
  }

  .md\:text-xl {
    font-size: 28px;
  }

  .md\:text-2xl {
    font-size: 35px;
  }

  .md\:text-3xl {
    font-size: 44px;
  }

  .md\:text-4xl {
    font-size: 55px;
  }

  .md\:text-5xl {
    font-size: 69px;
  }

  .md\:text-6xl {
    font-size: 84px;
  }

  .md\:leading-3 {
    line-height: .75rem;
  }

  .md\:leading-4 {
    line-height: 1rem;
  }

  .md\:leading-5 {
    line-height: 1.25rem;
  }

  .md\:leading-6 {
    line-height: 1.5rem;
  }

  .md\:leading-7 {
    line-height: 1.75rem;
  }

  .md\:leading-8 {
    line-height: 2rem;
  }

  .md\:leading-9 {
    line-height: 2.25rem;
  }

  .md\:leading-10 {
    line-height: 2.5rem;
  }

  .md\:leading-none {
    line-height: 1;
  }

  .md\:leading-tight {
    line-height: 1.25;
  }

  .md\:leading-snug {
    line-height: 1.375;
  }

  .md\:leading-normal {
    line-height: 1.5;
  }

  .md\:leading-relaxed {
    line-height: 1.625;
  }

  .md\:leading-loose {
    line-height: 2;
  }

  .md\:list-inside {
    list-style-position: inside;
  }

  .md\:list-outside {
    list-style-position: outside;
  }

  .md\:list-none {
    list-style-type: none;
  }

  .md\:list-disc {
    list-style-type: disc;
  }

  .md\:list-decimal {
    list-style-type: decimal;
  }

  .md\:m-0 {
    margin: 0;
  }

  .md\:m-1 {
    margin: 0.25rem;
  }

  .md\:m-2 {
    margin: 0.5rem;
  }

  .md\:m-3 {
    margin: 0.75rem;
  }

  .md\:m-4 {
    margin: 1rem;
  }

  .md\:m-5 {
    margin: 1.25rem;
  }

  .md\:m-6 {
    margin: 1.5rem;
  }

  .md\:m-8 {
    margin: 2rem;
  }

  .md\:m-10 {
    margin: 2.5rem;
  }

  .md\:m-12 {
    margin: 3rem;
  }

  .md\:m-16 {
    margin: 4rem;
  }

  .md\:m-20 {
    margin: 5rem;
  }

  .md\:m-24 {
    margin: 6rem;
  }

  .md\:m-32 {
    margin: 8rem;
  }

  .md\:m-40 {
    margin: 10rem;
  }

  .md\:m-48 {
    margin: 12rem;
  }

  .md\:m-56 {
    margin: 14rem;
  }

  .md\:m-64 {
    margin: 16rem;
  }

  .md\:m-auto {
    margin: auto;
  }

  .md\:m-px {
    margin: 1px;
  }

  .md\:-m-1 {
    margin: -0.25rem;
  }

  .md\:-m-2 {
    margin: -0.5rem;
  }

  .md\:-m-3 {
    margin: -0.75rem;
  }

  .md\:-m-4 {
    margin: -1rem;
  }

  .md\:-m-5 {
    margin: -1.25rem;
  }

  .md\:-m-6 {
    margin: -1.5rem;
  }

  .md\:-m-8 {
    margin: -2rem;
  }

  .md\:-m-10 {
    margin: -2.5rem;
  }

  .md\:-m-12 {
    margin: -3rem;
  }

  .md\:-m-16 {
    margin: -4rem;
  }

  .md\:-m-20 {
    margin: -5rem;
  }

  .md\:-m-24 {
    margin: -6rem;
  }

  .md\:-m-32 {
    margin: -8rem;
  }

  .md\:-m-40 {
    margin: -10rem;
  }

  .md\:-m-48 {
    margin: -12rem;
  }

  .md\:-m-56 {
    margin: -14rem;
  }

  .md\:-m-64 {
    margin: -16rem;
  }

  .md\:-m-px {
    margin: -1px;
  }

  .md\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .md\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .md\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .md\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .md\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .md\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .md\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .md\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .md\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .md\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .md\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .md\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .md\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .md\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .md\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .md\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .md\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .md\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .md\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .md\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .md\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .md\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .md\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .md\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .md\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .md\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .md\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .md\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .md\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .md\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .md\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .md\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .md\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .md\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .md\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .md\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .md\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .md\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .md\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .md\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .md\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .md\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .md\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .md\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .md\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .md\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .md\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .md\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .md\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .md\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .md\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .md\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .md\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .md\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .md\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .md\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .md\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .md\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .md\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .md\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .md\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .md\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .md\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .md\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .md\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .md\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .md\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .md\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .md\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .md\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .md\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .md\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .md\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .md\:mt-0 {
    margin-top: 0;
  }

  .md\:mr-0 {
    margin-right: 0;
  }

  .md\:mb-0 {
    margin-bottom: 0;
  }

  .md\:ml-0 {
    margin-left: 0;
  }

  .md\:mt-1 {
    margin-top: 0.25rem;
  }

  .md\:mr-1 {
    margin-right: 0.25rem;
  }

  .md\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .md\:ml-1 {
    margin-left: 0.25rem;
  }

  .md\:mt-2 {
    margin-top: 0.5rem;
  }

  .md\:mr-2 {
    margin-right: 0.5rem;
  }

  .md\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .md\:ml-2 {
    margin-left: 0.5rem;
  }

  .md\:mt-3 {
    margin-top: 0.75rem;
  }

  .md\:mr-3 {
    margin-right: 0.75rem;
  }

  .md\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .md\:ml-3 {
    margin-left: 0.75rem;
  }

  .md\:mt-4 {
    margin-top: 1rem;
  }

  .md\:mr-4 {
    margin-right: 1rem;
  }

  .md\:mb-4 {
    margin-bottom: 1rem;
  }

  .md\:ml-4 {
    margin-left: 1rem;
  }

  .md\:mt-5 {
    margin-top: 1.25rem;
  }

  .md\:mr-5 {
    margin-right: 1.25rem;
  }

  .md\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .md\:ml-5 {
    margin-left: 1.25rem;
  }

  .md\:mt-6 {
    margin-top: 1.5rem;
  }

  .md\:mr-6 {
    margin-right: 1.5rem;
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .md\:ml-6 {
    margin-left: 1.5rem;
  }

  .md\:mt-8 {
    margin-top: 2rem;
  }

  .md\:mr-8 {
    margin-right: 2rem;
  }

  .md\:mb-8 {
    margin-bottom: 2rem;
  }

  .md\:ml-8 {
    margin-left: 2rem;
  }

  .md\:mt-10 {
    margin-top: 2.5rem;
  }

  .md\:mr-10 {
    margin-right: 2.5rem;
  }

  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:ml-10 {
    margin-left: 2.5rem;
  }

  .md\:mt-12 {
    margin-top: 3rem;
  }

  .md\:mr-12 {
    margin-right: 3rem;
  }

  .md\:mb-12 {
    margin-bottom: 3rem;
  }

  .md\:ml-12 {
    margin-left: 3rem;
  }

  .md\:mt-16 {
    margin-top: 4rem;
  }

  .md\:mr-16 {
    margin-right: 4rem;
  }

  .md\:mb-16 {
    margin-bottom: 4rem;
  }

  .md\:ml-16 {
    margin-left: 4rem;
  }

  .md\:mt-20 {
    margin-top: 5rem;
  }

  .md\:mr-20 {
    margin-right: 5rem;
  }

  .md\:mb-20 {
    margin-bottom: 5rem;
  }

  .md\:ml-20 {
    margin-left: 5rem;
  }

  .md\:mt-24 {
    margin-top: 6rem;
  }

  .md\:mr-24 {
    margin-right: 6rem;
  }

  .md\:mb-24 {
    margin-bottom: 6rem;
  }

  .md\:ml-24 {
    margin-left: 6rem;
  }

  .md\:mt-32 {
    margin-top: 8rem;
  }

  .md\:mr-32 {
    margin-right: 8rem;
  }

  .md\:mb-32 {
    margin-bottom: 8rem;
  }

  .md\:ml-32 {
    margin-left: 8rem;
  }

  .md\:mt-40 {
    margin-top: 10rem;
  }

  .md\:mr-40 {
    margin-right: 10rem;
  }

  .md\:mb-40 {
    margin-bottom: 10rem;
  }

  .md\:ml-40 {
    margin-left: 10rem;
  }

  .md\:mt-48 {
    margin-top: 12rem;
  }

  .md\:mr-48 {
    margin-right: 12rem;
  }

  .md\:mb-48 {
    margin-bottom: 12rem;
  }

  .md\:ml-48 {
    margin-left: 12rem;
  }

  .md\:mt-56 {
    margin-top: 14rem;
  }

  .md\:mr-56 {
    margin-right: 14rem;
  }

  .md\:mb-56 {
    margin-bottom: 14rem;
  }

  .md\:ml-56 {
    margin-left: 14rem;
  }

  .md\:mt-64 {
    margin-top: 16rem;
  }

  .md\:mr-64 {
    margin-right: 16rem;
  }

  .md\:mb-64 {
    margin-bottom: 16rem;
  }

  .md\:ml-64 {
    margin-left: 16rem;
  }

  .md\:mt-auto {
    margin-top: auto;
  }

  .md\:mr-auto {
    margin-right: auto;
  }

  .md\:mb-auto {
    margin-bottom: auto;
  }

  .md\:ml-auto {
    margin-left: auto;
  }

  .md\:mt-px {
    margin-top: 1px;
  }

  .md\:mr-px {
    margin-right: 1px;
  }

  .md\:mb-px {
    margin-bottom: 1px;
  }

  .md\:ml-px {
    margin-left: 1px;
  }

  .md\:-mt-1 {
    margin-top: -0.25rem;
  }

  .md\:-mr-1 {
    margin-right: -0.25rem;
  }

  .md\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  .md\:-ml-1 {
    margin-left: -0.25rem;
  }

  .md\:-mt-2 {
    margin-top: -0.5rem;
  }

  .md\:-mr-2 {
    margin-right: -0.5rem;
  }

  .md\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  .md\:-ml-2 {
    margin-left: -0.5rem;
  }

  .md\:-mt-3 {
    margin-top: -0.75rem;
  }

  .md\:-mr-3 {
    margin-right: -0.75rem;
  }

  .md\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  .md\:-ml-3 {
    margin-left: -0.75rem;
  }

  .md\:-mt-4 {
    margin-top: -1rem;
  }

  .md\:-mr-4 {
    margin-right: -1rem;
  }

  .md\:-mb-4 {
    margin-bottom: -1rem;
  }

  .md\:-ml-4 {
    margin-left: -1rem;
  }

  .md\:-mt-5 {
    margin-top: -1.25rem;
  }

  .md\:-mr-5 {
    margin-right: -1.25rem;
  }

  .md\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  .md\:-ml-5 {
    margin-left: -1.25rem;
  }

  .md\:-mt-6 {
    margin-top: -1.5rem;
  }

  .md\:-mr-6 {
    margin-right: -1.5rem;
  }

  .md\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .md\:-ml-6 {
    margin-left: -1.5rem;
  }

  .md\:-mt-8 {
    margin-top: -2rem;
  }

  .md\:-mr-8 {
    margin-right: -2rem;
  }

  .md\:-mb-8 {
    margin-bottom: -2rem;
  }

  .md\:-ml-8 {
    margin-left: -2rem;
  }

  .md\:-mt-10 {
    margin-top: -2.5rem;
  }

  .md\:-mr-10 {
    margin-right: -2.5rem;
  }

  .md\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  .md\:-ml-10 {
    margin-left: -2.5rem;
  }

  .md\:-mt-12 {
    margin-top: -3rem;
  }

  .md\:-mr-12 {
    margin-right: -3rem;
  }

  .md\:-mb-12 {
    margin-bottom: -3rem;
  }

  .md\:-ml-12 {
    margin-left: -3rem;
  }

  .md\:-mt-16 {
    margin-top: -4rem;
  }

  .md\:-mr-16 {
    margin-right: -4rem;
  }

  .md\:-mb-16 {
    margin-bottom: -4rem;
  }

  .md\:-ml-16 {
    margin-left: -4rem;
  }

  .md\:-mt-20 {
    margin-top: -5rem;
  }

  .md\:-mr-20 {
    margin-right: -5rem;
  }

  .md\:-mb-20 {
    margin-bottom: -5rem;
  }

  .md\:-ml-20 {
    margin-left: -5rem;
  }

  .md\:-mt-24 {
    margin-top: -6rem;
  }

  .md\:-mr-24 {
    margin-right: -6rem;
  }

  .md\:-mb-24 {
    margin-bottom: -6rem;
  }

  .md\:-ml-24 {
    margin-left: -6rem;
  }

  .md\:-mt-32 {
    margin-top: -8rem;
  }

  .md\:-mr-32 {
    margin-right: -8rem;
  }

  .md\:-mb-32 {
    margin-bottom: -8rem;
  }

  .md\:-ml-32 {
    margin-left: -8rem;
  }

  .md\:-mt-40 {
    margin-top: -10rem;
  }

  .md\:-mr-40 {
    margin-right: -10rem;
  }

  .md\:-mb-40 {
    margin-bottom: -10rem;
  }

  .md\:-ml-40 {
    margin-left: -10rem;
  }

  .md\:-mt-48 {
    margin-top: -12rem;
  }

  .md\:-mr-48 {
    margin-right: -12rem;
  }

  .md\:-mb-48 {
    margin-bottom: -12rem;
  }

  .md\:-ml-48 {
    margin-left: -12rem;
  }

  .md\:-mt-56 {
    margin-top: -14rem;
  }

  .md\:-mr-56 {
    margin-right: -14rem;
  }

  .md\:-mb-56 {
    margin-bottom: -14rem;
  }

  .md\:-ml-56 {
    margin-left: -14rem;
  }

  .md\:-mt-64 {
    margin-top: -16rem;
  }

  .md\:-mr-64 {
    margin-right: -16rem;
  }

  .md\:-mb-64 {
    margin-bottom: -16rem;
  }

  .md\:-ml-64 {
    margin-left: -16rem;
  }

  .md\:-mt-px {
    margin-top: -1px;
  }

  .md\:-mr-px {
    margin-right: -1px;
  }

  .md\:-mb-px {
    margin-bottom: -1px;
  }

  .md\:-ml-px {
    margin-left: -1px;
  }

  .md\:max-h-full {
    max-height: 100%;
  }

  .md\:max-h-screen {
    max-height: 100vh;
  }

  .md\:max-w-none {
    max-width: none;
  }

  .md\:max-w-xs {
    max-width: 20rem;
  }

  .md\:max-w-sm {
    max-width: 24rem;
  }

  .md\:max-w-md {
    max-width: 28rem;
  }

  .md\:max-w-lg {
    max-width: 32rem;
  }

  .md\:max-w-xl {
    max-width: 36rem;
  }

  .md\:max-w-2xl {
    max-width: 42rem;
  }

  .md\:max-w-3xl {
    max-width: 48rem;
  }

  .md\:max-w-4xl {
    max-width: 56rem;
  }

  .md\:max-w-5xl {
    max-width: 64rem;
  }

  .md\:max-w-6xl {
    max-width: 72rem;
  }

  .md\:max-w-full {
    max-width: 100%;
  }

  .md\:max-w-screen-xs {
    max-width: 360px;
  }

  .md\:max-w-screen-sm {
    max-width: 480px;
  }

  .md\:max-w-screen-md {
    max-width: 760px;
  }

  .md\:max-w-screen-lg {
    max-width: 960px;
  }

  .md\:max-w-screen-xl {
    max-width: 1060px;
  }

  .md\:max-w-screen-xxl {
    max-width: 1280px;
  }

  .md\:min-h-0 {
    min-height: 0;
  }

  .md\:min-h-full {
    min-height: 100%;
  }

  .md\:min-h-screen {
    min-height: 100vh;
  }

  .md\:min-w-0 {
    min-width: 0;
  }

  .md\:min-w-full {
    min-width: 100%;
  }

  .md\:object-contain {
    object-fit: contain;
  }

  .md\:object-cover {
    object-fit: cover;
  }

  .md\:object-fill {
    object-fit: fill;
  }

  .md\:object-none {
    object-fit: none;
  }

  .md\:object-scale-down {
    object-fit: scale-down;
  }

  .md\:object-bottom {
    object-position: bottom;
  }

  .md\:object-center {
    object-position: center;
  }

  .md\:object-left {
    object-position: left;
  }

  .md\:object-left-bottom {
    object-position: left bottom;
  }

  .md\:object-left-top {
    object-position: left top;
  }

  .md\:object-right {
    object-position: right;
  }

  .md\:object-right-bottom {
    object-position: right bottom;
  }

  .md\:object-right-top {
    object-position: right top;
  }

  .md\:object-top {
    object-position: top;
  }

  .md\:opacity-0 {
    opacity: 0;
  }

  .md\:opacity-25 {
    opacity: 0.25;
  }

  .md\:opacity-50 {
    opacity: 0.5;
  }

  .md\:opacity-75 {
    opacity: 0.75;
  }

  .md\:opacity-100 {
    opacity: 1;
  }

  .md\:hover\:opacity-0:hover {
    opacity: 0;
  }

  .md\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  .md\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  .md\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  .md\:hover\:opacity-100:hover {
    opacity: 1;
  }

  .md\:focus\:opacity-0:focus {
    opacity: 0;
  }

  .md\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  .md\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  .md\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  .md\:focus\:opacity-100:focus {
    opacity: 1;
  }

  .md\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .md\:outline-white {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .md\:outline-black {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .md\:focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .md\:focus\:outline-white:focus {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .md\:focus\:outline-black:focus {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .md\:overflow-auto {
    overflow: auto;
  }

  .md\:overflow-hidden {
    overflow: hidden;
  }

  .md\:overflow-visible {
    overflow: visible;
  }

  .md\:overflow-scroll {
    overflow: scroll;
  }

  .md\:overflow-x-auto {
    overflow-x: auto;
  }

  .md\:overflow-y-auto {
    overflow-y: auto;
  }

  .md\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .md\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .md\:overflow-x-visible {
    overflow-x: visible;
  }

  .md\:overflow-y-visible {
    overflow-y: visible;
  }

  .md\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .md\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .md\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .md\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .md\:overscroll-auto {
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }

  .md\:overscroll-contain {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  .md\:overscroll-none {
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }

  .md\:overscroll-y-auto {
    overscroll-behavior-y: auto;
  }

  .md\:overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  .md\:overscroll-y-none {
    overscroll-behavior-y: none;
  }

  .md\:overscroll-x-auto {
    overscroll-behavior-x: auto;
  }

  .md\:overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .md\:overscroll-x-none {
    overscroll-behavior-x: none;
  }

  .md\:p-0 {
    padding: 0;
  }

  .md\:p-1 {
    padding: 0.25rem;
  }

  .md\:p-2 {
    padding: 0.5rem;
  }

  .md\:p-3 {
    padding: 0.75rem;
  }

  .md\:p-4 {
    padding: 1rem;
  }

  .md\:p-5 {
    padding: 1.25rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:p-12 {
    padding: 3rem;
  }

  .md\:p-16 {
    padding: 4rem;
  }

  .md\:p-20 {
    padding: 5rem;
  }

  .md\:p-24 {
    padding: 6rem;
  }

  .md\:p-32 {
    padding: 8rem;
  }

  .md\:p-40 {
    padding: 10rem;
  }

  .md\:p-48 {
    padding: 12rem;
  }

  .md\:p-56 {
    padding: 14rem;
  }

  .md\:p-64 {
    padding: 16rem;
  }

  .md\:p-px {
    padding: 1px;
  }

  .md\:p-1\/4 {
    padding: 25%;
  }

  .md\:p-1\/3 {
    padding: 33.333333333%;
  }

  .md\:p-1\/2 {
    padding: 50%;
  }

  .md\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .md\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .md\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .md\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .md\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .md\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .md\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .md\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .md\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .md\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .md\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .md\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .md\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .md\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .md\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .md\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .md\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .md\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .md\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .md\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .md\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .md\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .md\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .md\:py-1\/4 {
    padding-top: 25%;
    padding-bottom: 25%;
  }

  .md\:px-1\/4 {
    padding-left: 25%;
    padding-right: 25%;
  }

  .md\:py-1\/3 {
    padding-top: 33.333333333%;
    padding-bottom: 33.333333333%;
  }

  .md\:px-1\/3 {
    padding-left: 33.333333333%;
    padding-right: 33.333333333%;
  }

  .md\:py-1\/2 {
    padding-top: 50%;
    padding-bottom: 50%;
  }

  .md\:px-1\/2 {
    padding-left: 50%;
    padding-right: 50%;
  }

  .md\:pt-0 {
    padding-top: 0;
  }

  .md\:pr-0 {
    padding-right: 0;
  }

  .md\:pb-0 {
    padding-bottom: 0;
  }

  .md\:pl-0 {
    padding-left: 0;
  }

  .md\:pt-1 {
    padding-top: 0.25rem;
  }

  .md\:pr-1 {
    padding-right: 0.25rem;
  }

  .md\:pb-1 {
    padding-bottom: 0.25rem;
  }

  .md\:pl-1 {
    padding-left: 0.25rem;
  }

  .md\:pt-2 {
    padding-top: 0.5rem;
  }

  .md\:pr-2 {
    padding-right: 0.5rem;
  }

  .md\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .md\:pl-2 {
    padding-left: 0.5rem;
  }

  .md\:pt-3 {
    padding-top: 0.75rem;
  }

  .md\:pr-3 {
    padding-right: 0.75rem;
  }

  .md\:pb-3 {
    padding-bottom: 0.75rem;
  }

  .md\:pl-3 {
    padding-left: 0.75rem;
  }

  .md\:pt-4 {
    padding-top: 1rem;
  }

  .md\:pr-4 {
    padding-right: 1rem;
  }

  .md\:pb-4 {
    padding-bottom: 1rem;
  }

  .md\:pl-4 {
    padding-left: 1rem;
  }

  .md\:pt-5 {
    padding-top: 1.25rem;
  }

  .md\:pr-5 {
    padding-right: 1.25rem;
  }

  .md\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .md\:pl-5 {
    padding-left: 1.25rem;
  }

  .md\:pt-6 {
    padding-top: 1.5rem;
  }

  .md\:pr-6 {
    padding-right: 1.5rem;
  }

  .md\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .md\:pl-6 {
    padding-left: 1.5rem;
  }

  .md\:pt-8 {
    padding-top: 2rem;
  }

  .md\:pr-8 {
    padding-right: 2rem;
  }

  .md\:pb-8 {
    padding-bottom: 2rem;
  }

  .md\:pl-8 {
    padding-left: 2rem;
  }

  .md\:pt-10 {
    padding-top: 2.5rem;
  }

  .md\:pr-10 {
    padding-right: 2.5rem;
  }

  .md\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .md\:pl-10 {
    padding-left: 2.5rem;
  }

  .md\:pt-12 {
    padding-top: 3rem;
  }

  .md\:pr-12 {
    padding-right: 3rem;
  }

  .md\:pb-12 {
    padding-bottom: 3rem;
  }

  .md\:pl-12 {
    padding-left: 3rem;
  }

  .md\:pt-16 {
    padding-top: 4rem;
  }

  .md\:pr-16 {
    padding-right: 4rem;
  }

  .md\:pb-16 {
    padding-bottom: 4rem;
  }

  .md\:pl-16 {
    padding-left: 4rem;
  }

  .md\:pt-20 {
    padding-top: 5rem;
  }

  .md\:pr-20 {
    padding-right: 5rem;
  }

  .md\:pb-20 {
    padding-bottom: 5rem;
  }

  .md\:pl-20 {
    padding-left: 5rem;
  }

  .md\:pt-24 {
    padding-top: 6rem;
  }

  .md\:pr-24 {
    padding-right: 6rem;
  }

  .md\:pb-24 {
    padding-bottom: 6rem;
  }

  .md\:pl-24 {
    padding-left: 6rem;
  }

  .md\:pt-32 {
    padding-top: 8rem;
  }

  .md\:pr-32 {
    padding-right: 8rem;
  }

  .md\:pb-32 {
    padding-bottom: 8rem;
  }

  .md\:pl-32 {
    padding-left: 8rem;
  }

  .md\:pt-40 {
    padding-top: 10rem;
  }

  .md\:pr-40 {
    padding-right: 10rem;
  }

  .md\:pb-40 {
    padding-bottom: 10rem;
  }

  .md\:pl-40 {
    padding-left: 10rem;
  }

  .md\:pt-48 {
    padding-top: 12rem;
  }

  .md\:pr-48 {
    padding-right: 12rem;
  }

  .md\:pb-48 {
    padding-bottom: 12rem;
  }

  .md\:pl-48 {
    padding-left: 12rem;
  }

  .md\:pt-56 {
    padding-top: 14rem;
  }

  .md\:pr-56 {
    padding-right: 14rem;
  }

  .md\:pb-56 {
    padding-bottom: 14rem;
  }

  .md\:pl-56 {
    padding-left: 14rem;
  }

  .md\:pt-64 {
    padding-top: 16rem;
  }

  .md\:pr-64 {
    padding-right: 16rem;
  }

  .md\:pb-64 {
    padding-bottom: 16rem;
  }

  .md\:pl-64 {
    padding-left: 16rem;
  }

  .md\:pt-px {
    padding-top: 1px;
  }

  .md\:pr-px {
    padding-right: 1px;
  }

  .md\:pb-px {
    padding-bottom: 1px;
  }

  .md\:pl-px {
    padding-left: 1px;
  }

  .md\:pt-1\/4 {
    padding-top: 25%;
  }

  .md\:pr-1\/4 {
    padding-right: 25%;
  }

  .md\:pb-1\/4 {
    padding-bottom: 25%;
  }

  .md\:pl-1\/4 {
    padding-left: 25%;
  }

  .md\:pt-1\/3 {
    padding-top: 33.333333333%;
  }

  .md\:pr-1\/3 {
    padding-right: 33.333333333%;
  }

  .md\:pb-1\/3 {
    padding-bottom: 33.333333333%;
  }

  .md\:pl-1\/3 {
    padding-left: 33.333333333%;
  }

  .md\:pt-1\/2 {
    padding-top: 50%;
  }

  .md\:pr-1\/2 {
    padding-right: 50%;
  }

  .md\:pb-1\/2 {
    padding-bottom: 50%;
  }

  .md\:pl-1\/2 {
    padding-left: 50%;
  }

  .md\:placeholder-transparent:-ms-input-placeholder {
    color: transparent;
  }

  .md\:placeholder-transparent::placeholder {
    color: transparent;
  }

  .md\:placeholder-black:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .md\:placeholder-black::placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .md\:placeholder-white:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-white::placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-100::placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-200::placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-300::placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-400::placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-500::placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-600::placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-700::placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-800::placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-900::placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-100::placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-200::placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-300::placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-400::placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-500::placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-600::placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-700::placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-800::placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-900::placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .md\:placeholder-blurple-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .md\:placeholder-blurple-100::placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .md\:placeholder-blurple-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .md\:placeholder-blurple-200::placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .md\:placeholder-blurple-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .md\:placeholder-blurple-300::placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .md\:placeholder-blurple-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .md\:placeholder-blurple-400::placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .md\:placeholder-blurple-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .md\:placeholder-blurple-500::placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .md\:placeholder-blurple-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .md\:placeholder-blurple-700::placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .md\:placeholder-green-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .md\:placeholder-green-300::placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .md\:placeholder-green-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .md\:placeholder-green-500::placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .md\:placeholder-green-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .md\:placeholder-green-700::placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-100::placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-200::placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-300::placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-400::placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-500::placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-600::placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-700::placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-800::placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .md\:placeholder-orange-900::placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-100::placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-200::placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-300::placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-400::placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-500::placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-600::placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-700::placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-800::placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-900::placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .md\:placeholder-red-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .md\:placeholder-red-300::placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .md\:placeholder-red-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .md\:placeholder-red-500::placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .md\:placeholder-red-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .md\:placeholder-red-700::placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-100::placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-200::placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-300::placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-400::placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-500::placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-600::placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-700::placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-800::placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-900::placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-100::placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-200::placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-300::placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-400::placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-500::placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-600::placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-700::placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-800::placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .md\:placeholder-yellow-900::placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .md\:placeholder-facebook-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .md\:placeholder-facebook-400::placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .md\:placeholder-facebook-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .md\:placeholder-facebook-500::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .md\:placeholder-snapchat-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .md\:placeholder-snapchat-400::placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .md\:placeholder-snapchat-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .md\:placeholder-snapchat-500::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .md\:placeholder-messenger-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-messenger-400::placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-messenger-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-messenger-500::placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-twitter-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-twitter-400::placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-twitter-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .md\:placeholder-twitter-500::placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .md\:placeholder-transparent-black-10:-ms-input-placeholder {
    color: rgba(0,0,0,0.1);
  }

  .md\:placeholder-transparent-black-10::placeholder {
    color: rgba(0,0,0,0.1);
  }

  .md\:placeholder-transparent-black-30:-ms-input-placeholder {
    color: rgba(0,0,0,0.3);
  }

  .md\:placeholder-transparent-black-30::placeholder {
    color: rgba(0,0,0,0.3);
  }

  .md\:placeholder-transparent-black-50:-ms-input-placeholder {
    color: rgba(0,0,0,0.5);
  }

  .md\:placeholder-transparent-black-50::placeholder {
    color: rgba(0,0,0,0.5);
  }

  .md\:placeholder-transparent-black-70:-ms-input-placeholder {
    color: rgba(0,0,0,0.7);
  }

  .md\:placeholder-transparent-black-70::placeholder {
    color: rgba(0,0,0,0.7);
  }

  .md\:placeholder-transparent-black-90:-ms-input-placeholder {
    color: rgba(0,0,0,0.9);
  }

  .md\:placeholder-transparent-black-90::placeholder {
    color: rgba(0,0,0,0.9);
  }

  .md\:placeholder-transparent-white-10:-ms-input-placeholder {
    color: rgba(255,255,255,0.1);
  }

  .md\:placeholder-transparent-white-10::placeholder {
    color: rgba(255,255,255,0.1);
  }

  .md\:placeholder-transparent-white-30:-ms-input-placeholder {
    color: rgba(255,255,255,0.3);
  }

  .md\:placeholder-transparent-white-30::placeholder {
    color: rgba(255,255,255,0.3);
  }

  .md\:placeholder-transparent-white-50:-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
  }

  .md\:placeholder-transparent-white-50::placeholder {
    color: rgba(255,255,255,0.5);
  }

  .md\:placeholder-transparent-white-70:-ms-input-placeholder {
    color: rgba(255,255,255,0.7);
  }

  .md\:placeholder-transparent-white-70::placeholder {
    color: rgba(255,255,255,0.7);
  }

  .md\:placeholder-transparent-white-90:-ms-input-placeholder {
    color: rgba(255,255,255,0.9);
  }

  .md\:placeholder-transparent-white-90::placeholder {
    color: rgba(255,255,255,0.9);
  }

  .md\:placeholder-vr-dark-blue:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .md\:placeholder-vr-dark-blue::placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .md\:placeholder-vr-neon-green:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .md\:placeholder-vr-neon-green::placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent;
  }

  .md\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  .md\:focus\:placeholder-black:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-black:focus::placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-white:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-white:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blurple-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blurple-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blurple-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blurple-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blurple-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blurple-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blurple-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blurple-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blurple-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blurple-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blurple-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blurple-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-green-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-green-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-green-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-orange-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-red-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-red-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-red-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-yellow-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-facebook-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-facebook-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-facebook-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-facebook-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-snapchat-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-snapchat-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-snapchat-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-snapchat-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-messenger-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-messenger-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-messenger-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-messenger-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-twitter-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-twitter-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-twitter-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-twitter-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-transparent-black-10:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.1);
  }

  .md\:focus\:placeholder-transparent-black-10:focus::placeholder {
    color: rgba(0,0,0,0.1);
  }

  .md\:focus\:placeholder-transparent-black-30:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.3);
  }

  .md\:focus\:placeholder-transparent-black-30:focus::placeholder {
    color: rgba(0,0,0,0.3);
  }

  .md\:focus\:placeholder-transparent-black-50:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.5);
  }

  .md\:focus\:placeholder-transparent-black-50:focus::placeholder {
    color: rgba(0,0,0,0.5);
  }

  .md\:focus\:placeholder-transparent-black-70:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.7);
  }

  .md\:focus\:placeholder-transparent-black-70:focus::placeholder {
    color: rgba(0,0,0,0.7);
  }

  .md\:focus\:placeholder-transparent-black-90:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.9);
  }

  .md\:focus\:placeholder-transparent-black-90:focus::placeholder {
    color: rgba(0,0,0,0.9);
  }

  .md\:focus\:placeholder-transparent-white-10:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.1);
  }

  .md\:focus\:placeholder-transparent-white-10:focus::placeholder {
    color: rgba(255,255,255,0.1);
  }

  .md\:focus\:placeholder-transparent-white-30:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.3);
  }

  .md\:focus\:placeholder-transparent-white-30:focus::placeholder {
    color: rgba(255,255,255,0.3);
  }

  .md\:focus\:placeholder-transparent-white-50:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
  }

  .md\:focus\:placeholder-transparent-white-50:focus::placeholder {
    color: rgba(255,255,255,0.5);
  }

  .md\:focus\:placeholder-transparent-white-70:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.7);
  }

  .md\:focus\:placeholder-transparent-white-70:focus::placeholder {
    color: rgba(255,255,255,0.7);
  }

  .md\:focus\:placeholder-transparent-white-90:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.9);
  }

  .md\:focus\:placeholder-transparent-white-90:focus::placeholder {
    color: rgba(255,255,255,0.9);
  }

  .md\:focus\:placeholder-vr-dark-blue:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-vr-dark-blue:focus::placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-vr-neon-green:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-vr-neon-green:focus::placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .md\:placeholder-opacity-0:-ms-input-placeholder {
    --placeholder-opacity: 0;
  }

  .md\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0;
  }

  .md\:placeholder-opacity-25:-ms-input-placeholder {
    --placeholder-opacity: 0.25;
  }

  .md\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25;
  }

  .md\:placeholder-opacity-50:-ms-input-placeholder {
    --placeholder-opacity: 0.5;
  }

  .md\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5;
  }

  .md\:placeholder-opacity-75:-ms-input-placeholder {
    --placeholder-opacity: 0.75;
  }

  .md\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75;
  }

  .md\:placeholder-opacity-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
  }

  .md\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1;
  }

  .md\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
    --placeholder-opacity: 0;
  }

  .md\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0;
  }

  .md\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.25;
  }

  .md\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25;
  }

  .md\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.5;
  }

  .md\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5;
  }

  .md\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.75;
  }

  .md\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75;
  }

  .md\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
  }

  .md\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1;
  }

  .md\:pointer-events-none {
    pointer-events: none;
  }

  .md\:pointer-events-auto {
    pointer-events: auto;
  }

  .md\:static {
    position: static;
  }

  .md\:fixed {
    position: fixed;
  }

  .md\:absolute {
    position: absolute;
  }

  .md\:relative {
    position: relative;
  }

  .md\:sticky {
    position: sticky;
  }

  .md\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .md\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .md\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  .md\:inset-x-0 {
    right: 0;
    left: 0;
  }

  .md\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .md\:inset-x-auto {
    right: auto;
    left: auto;
  }

  .md\:top-0 {
    top: 0;
  }

  .md\:right-0 {
    right: 0;
  }

  .md\:bottom-0 {
    bottom: 0;
  }

  .md\:left-0 {
    left: 0;
  }

  .md\:top-auto {
    top: auto;
  }

  .md\:right-auto {
    right: auto;
  }

  .md\:bottom-auto {
    bottom: auto;
  }

  .md\:left-auto {
    left: auto;
  }

  .md\:resize-none {
    resize: none;
  }

  .md\:resize-y {
    resize: vertical;
  }

  .md\:resize-x {
    resize: horizontal;
  }

  .md\:resize {
    resize: both;
  }

  .md\:shadow-xs {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .md\:shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .md\:shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .md\:shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .md\:shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .md\:shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .md\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .md\:shadow-none {
    box-shadow: none;
  }

  .md\:hover\:shadow-xs:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .md\:hover\:shadow-sm:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .md\:hover\:shadow:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:hover\:shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .md\:hover\:shadow-lg:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .md\:hover\:shadow-xl:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .md\:hover\:shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .md\:hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:hover\:shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .md\:hover\:shadow-none:hover {
    box-shadow: none;
  }

  .md\:focus\:shadow-xs:focus {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .md\:focus\:shadow-sm:focus {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .md\:focus\:shadow:focus {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:focus\:shadow-md:focus {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .md\:focus\:shadow-lg:focus {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .md\:focus\:shadow-xl:focus {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .md\:focus\:shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .md\:focus\:shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .md\:focus\:shadow-none:focus {
    box-shadow: none;
  }

  .md\:fill-current {
    fill: currentColor;
  }

  .md\:stroke-current {
    stroke: currentColor;
  }

  .md\:stroke-0 {
    stroke-width: 0;
  }

  .md\:stroke-1 {
    stroke-width: 1;
  }

  .md\:stroke-2 {
    stroke-width: 2;
  }

  .md\:table-auto {
    table-layout: auto;
  }

  .md\:table-fixed {
    table-layout: fixed;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:text-right {
    text-align: right;
  }

  .md\:text-justify {
    text-align: justify;
  }

  .md\:text-transparent {
    color: transparent;
  }

  .md\:text-black {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .md\:text-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .md\:text-gray-100 {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .md\:text-gray-200 {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .md\:text-gray-300 {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .md\:text-gray-400 {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .md\:text-gray-500 {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .md\:text-gray-600 {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .md\:text-gray-700 {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .md\:text-gray-800 {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .md\:text-gray-900 {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .md\:text-blue-100 {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .md\:text-blue-200 {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .md\:text-blue-300 {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .md\:text-blue-400 {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .md\:text-blue-500 {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .md\:text-blue-600 {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .md\:text-blue-700 {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .md\:text-blue-800 {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .md\:text-blue-900 {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .md\:text-blurple-100 {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .md\:text-blurple-200 {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .md\:text-blurple-300 {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .md\:text-blurple-400 {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .md\:text-blurple-500 {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .md\:text-blurple-700 {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .md\:text-green-300 {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .md\:text-green-500 {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .md\:text-green-700 {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .md\:text-orange-100 {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .md\:text-orange-200 {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .md\:text-orange-300 {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .md\:text-orange-400 {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .md\:text-orange-500 {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .md\:text-orange-600 {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .md\:text-orange-700 {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .md\:text-orange-800 {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .md\:text-orange-900 {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .md\:text-purple-100 {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .md\:text-purple-200 {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .md\:text-purple-300 {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .md\:text-purple-400 {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .md\:text-purple-500 {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .md\:text-purple-600 {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .md\:text-purple-700 {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .md\:text-purple-800 {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .md\:text-purple-900 {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .md\:text-red-300 {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .md\:text-red-500 {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .md\:text-red-700 {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .md\:text-teal-100 {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .md\:text-teal-200 {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .md\:text-teal-300 {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .md\:text-teal-400 {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .md\:text-teal-500 {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .md\:text-teal-600 {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .md\:text-teal-700 {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .md\:text-teal-800 {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .md\:text-teal-900 {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .md\:text-yellow-100 {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .md\:text-yellow-200 {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .md\:text-yellow-300 {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .md\:text-yellow-400 {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .md\:text-yellow-500 {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .md\:text-yellow-600 {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .md\:text-yellow-700 {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .md\:text-yellow-800 {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .md\:text-yellow-900 {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .md\:text-facebook-400 {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .md\:text-facebook-500 {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .md\:text-snapchat-400 {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .md\:text-snapchat-500 {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .md\:text-messenger-400 {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .md\:text-messenger-500 {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .md\:text-twitter-400 {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .md\:text-twitter-500 {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .md\:text-transparent-black-10 {
    color: rgba(0,0,0,0.1);
  }

  .md\:text-transparent-black-30 {
    color: rgba(0,0,0,0.3);
  }

  .md\:text-transparent-black-50 {
    color: rgba(0,0,0,0.5);
  }

  .md\:text-transparent-black-70 {
    color: rgba(0,0,0,0.7);
  }

  .md\:text-transparent-black-90 {
    color: rgba(0,0,0,0.9);
  }

  .md\:text-transparent-white-10 {
    color: rgba(255,255,255,0.1);
  }

  .md\:text-transparent-white-30 {
    color: rgba(255,255,255,0.3);
  }

  .md\:text-transparent-white-50 {
    color: rgba(255,255,255,0.5);
  }

  .md\:text-transparent-white-70 {
    color: rgba(255,255,255,0.7);
  }

  .md\:text-transparent-white-90 {
    color: rgba(255,255,255,0.9);
  }

  .md\:text-vr-dark-blue {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .md\:text-vr-neon-green {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .md\:active\:text-transparent:active {
    color: transparent;
  }

  .md\:active\:text-black:active {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .md\:active\:text-white:active {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .md\:active\:text-gray-100:active {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .md\:active\:text-gray-200:active {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .md\:active\:text-gray-300:active {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .md\:active\:text-gray-400:active {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .md\:active\:text-gray-500:active {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .md\:active\:text-gray-600:active {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .md\:active\:text-gray-700:active {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .md\:active\:text-gray-800:active {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .md\:active\:text-gray-900:active {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .md\:active\:text-blue-100:active {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .md\:active\:text-blue-200:active {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .md\:active\:text-blue-300:active {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .md\:active\:text-blue-400:active {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .md\:active\:text-blue-500:active {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .md\:active\:text-blue-600:active {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .md\:active\:text-blue-700:active {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .md\:active\:text-blue-800:active {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .md\:active\:text-blue-900:active {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .md\:active\:text-blurple-100:active {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .md\:active\:text-blurple-200:active {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .md\:active\:text-blurple-300:active {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .md\:active\:text-blurple-400:active {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .md\:active\:text-blurple-500:active {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .md\:active\:text-blurple-700:active {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .md\:active\:text-green-300:active {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .md\:active\:text-green-500:active {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .md\:active\:text-green-700:active {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .md\:active\:text-orange-100:active {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .md\:active\:text-orange-200:active {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .md\:active\:text-orange-300:active {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .md\:active\:text-orange-400:active {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .md\:active\:text-orange-500:active {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .md\:active\:text-orange-600:active {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .md\:active\:text-orange-700:active {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .md\:active\:text-orange-800:active {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .md\:active\:text-orange-900:active {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .md\:active\:text-purple-100:active {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .md\:active\:text-purple-200:active {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .md\:active\:text-purple-300:active {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .md\:active\:text-purple-400:active {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .md\:active\:text-purple-500:active {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .md\:active\:text-purple-600:active {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .md\:active\:text-purple-700:active {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .md\:active\:text-purple-800:active {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .md\:active\:text-purple-900:active {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .md\:active\:text-red-300:active {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .md\:active\:text-red-500:active {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .md\:active\:text-red-700:active {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .md\:active\:text-teal-100:active {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .md\:active\:text-teal-200:active {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .md\:active\:text-teal-300:active {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .md\:active\:text-teal-400:active {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .md\:active\:text-teal-500:active {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .md\:active\:text-teal-600:active {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .md\:active\:text-teal-700:active {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .md\:active\:text-teal-800:active {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .md\:active\:text-teal-900:active {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .md\:active\:text-yellow-100:active {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .md\:active\:text-yellow-200:active {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .md\:active\:text-yellow-300:active {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .md\:active\:text-yellow-400:active {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .md\:active\:text-yellow-500:active {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .md\:active\:text-yellow-600:active {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .md\:active\:text-yellow-700:active {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .md\:active\:text-yellow-800:active {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .md\:active\:text-yellow-900:active {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .md\:active\:text-facebook-400:active {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .md\:active\:text-facebook-500:active {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .md\:active\:text-snapchat-400:active {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .md\:active\:text-snapchat-500:active {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .md\:active\:text-messenger-400:active {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .md\:active\:text-messenger-500:active {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .md\:active\:text-twitter-400:active {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .md\:active\:text-twitter-500:active {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .md\:active\:text-transparent-black-10:active {
    color: rgba(0,0,0,0.1);
  }

  .md\:active\:text-transparent-black-30:active {
    color: rgba(0,0,0,0.3);
  }

  .md\:active\:text-transparent-black-50:active {
    color: rgba(0,0,0,0.5);
  }

  .md\:active\:text-transparent-black-70:active {
    color: rgba(0,0,0,0.7);
  }

  .md\:active\:text-transparent-black-90:active {
    color: rgba(0,0,0,0.9);
  }

  .md\:active\:text-transparent-white-10:active {
    color: rgba(255,255,255,0.1);
  }

  .md\:active\:text-transparent-white-30:active {
    color: rgba(255,255,255,0.3);
  }

  .md\:active\:text-transparent-white-50:active {
    color: rgba(255,255,255,0.5);
  }

  .md\:active\:text-transparent-white-70:active {
    color: rgba(255,255,255,0.7);
  }

  .md\:active\:text-transparent-white-90:active {
    color: rgba(255,255,255,0.9);
  }

  .md\:active\:text-vr-dark-blue:active {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .md\:active\:text-vr-neon-green:active {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .md\:hover\:text-transparent:hover {
    color: transparent;
  }

  .md\:hover\:text-black:hover {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .md\:hover\:text-white:hover {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .md\:hover\:text-gray-100:hover {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .md\:hover\:text-gray-200:hover {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .md\:hover\:text-gray-300:hover {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .md\:hover\:text-gray-400:hover {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .md\:hover\:text-gray-500:hover {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .md\:hover\:text-gray-600:hover {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .md\:hover\:text-gray-700:hover {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .md\:hover\:text-gray-800:hover {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .md\:hover\:text-gray-900:hover {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .md\:hover\:text-blue-100:hover {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .md\:hover\:text-blue-200:hover {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .md\:hover\:text-blue-300:hover {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .md\:hover\:text-blue-400:hover {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .md\:hover\:text-blue-500:hover {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .md\:hover\:text-blue-600:hover {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .md\:hover\:text-blue-700:hover {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .md\:hover\:text-blue-800:hover {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .md\:hover\:text-blue-900:hover {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .md\:hover\:text-blurple-100:hover {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .md\:hover\:text-blurple-200:hover {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .md\:hover\:text-blurple-300:hover {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .md\:hover\:text-blurple-400:hover {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .md\:hover\:text-blurple-500:hover {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .md\:hover\:text-blurple-700:hover {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .md\:hover\:text-green-300:hover {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .md\:hover\:text-green-500:hover {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .md\:hover\:text-green-700:hover {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .md\:hover\:text-orange-100:hover {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .md\:hover\:text-orange-200:hover {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .md\:hover\:text-orange-300:hover {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .md\:hover\:text-orange-400:hover {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .md\:hover\:text-orange-500:hover {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .md\:hover\:text-orange-600:hover {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .md\:hover\:text-orange-700:hover {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .md\:hover\:text-orange-800:hover {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .md\:hover\:text-orange-900:hover {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .md\:hover\:text-purple-100:hover {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .md\:hover\:text-purple-200:hover {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .md\:hover\:text-purple-300:hover {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .md\:hover\:text-purple-400:hover {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .md\:hover\:text-purple-500:hover {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .md\:hover\:text-purple-600:hover {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .md\:hover\:text-purple-700:hover {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .md\:hover\:text-purple-800:hover {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .md\:hover\:text-purple-900:hover {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .md\:hover\:text-red-300:hover {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .md\:hover\:text-red-500:hover {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .md\:hover\:text-red-700:hover {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .md\:hover\:text-teal-100:hover {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .md\:hover\:text-teal-200:hover {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .md\:hover\:text-teal-300:hover {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .md\:hover\:text-teal-400:hover {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .md\:hover\:text-teal-500:hover {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .md\:hover\:text-teal-600:hover {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .md\:hover\:text-teal-700:hover {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .md\:hover\:text-teal-800:hover {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .md\:hover\:text-teal-900:hover {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .md\:hover\:text-yellow-100:hover {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .md\:hover\:text-yellow-200:hover {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .md\:hover\:text-yellow-300:hover {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .md\:hover\:text-yellow-400:hover {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .md\:hover\:text-yellow-500:hover {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .md\:hover\:text-yellow-600:hover {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .md\:hover\:text-yellow-700:hover {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .md\:hover\:text-yellow-800:hover {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .md\:hover\:text-yellow-900:hover {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .md\:hover\:text-facebook-400:hover {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .md\:hover\:text-facebook-500:hover {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .md\:hover\:text-snapchat-400:hover {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .md\:hover\:text-snapchat-500:hover {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .md\:hover\:text-messenger-400:hover {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .md\:hover\:text-messenger-500:hover {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .md\:hover\:text-twitter-400:hover {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .md\:hover\:text-twitter-500:hover {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .md\:hover\:text-transparent-black-10:hover {
    color: rgba(0,0,0,0.1);
  }

  .md\:hover\:text-transparent-black-30:hover {
    color: rgba(0,0,0,0.3);
  }

  .md\:hover\:text-transparent-black-50:hover {
    color: rgba(0,0,0,0.5);
  }

  .md\:hover\:text-transparent-black-70:hover {
    color: rgba(0,0,0,0.7);
  }

  .md\:hover\:text-transparent-black-90:hover {
    color: rgba(0,0,0,0.9);
  }

  .md\:hover\:text-transparent-white-10:hover {
    color: rgba(255,255,255,0.1);
  }

  .md\:hover\:text-transparent-white-30:hover {
    color: rgba(255,255,255,0.3);
  }

  .md\:hover\:text-transparent-white-50:hover {
    color: rgba(255,255,255,0.5);
  }

  .md\:hover\:text-transparent-white-70:hover {
    color: rgba(255,255,255,0.7);
  }

  .md\:hover\:text-transparent-white-90:hover {
    color: rgba(255,255,255,0.9);
  }

  .md\:hover\:text-vr-dark-blue:hover {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .md\:hover\:text-vr-neon-green:hover {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .md\:focus\:text-transparent:focus {
    color: transparent;
  }

  .md\:focus\:text-black:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .md\:focus\:text-white:focus {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .md\:focus\:text-gray-100:focus {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .md\:focus\:text-gray-200:focus {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .md\:focus\:text-gray-300:focus {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .md\:focus\:text-gray-400:focus {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .md\:focus\:text-gray-500:focus {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .md\:focus\:text-gray-600:focus {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .md\:focus\:text-gray-700:focus {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .md\:focus\:text-gray-800:focus {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .md\:focus\:text-gray-900:focus {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .md\:focus\:text-blue-100:focus {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .md\:focus\:text-blue-200:focus {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .md\:focus\:text-blue-300:focus {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .md\:focus\:text-blue-400:focus {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .md\:focus\:text-blue-500:focus {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .md\:focus\:text-blue-600:focus {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .md\:focus\:text-blue-700:focus {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .md\:focus\:text-blue-800:focus {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .md\:focus\:text-blue-900:focus {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .md\:focus\:text-blurple-100:focus {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .md\:focus\:text-blurple-200:focus {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .md\:focus\:text-blurple-300:focus {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .md\:focus\:text-blurple-400:focus {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .md\:focus\:text-blurple-500:focus {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .md\:focus\:text-blurple-700:focus {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .md\:focus\:text-green-300:focus {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .md\:focus\:text-green-500:focus {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .md\:focus\:text-green-700:focus {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .md\:focus\:text-orange-100:focus {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .md\:focus\:text-orange-200:focus {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .md\:focus\:text-orange-300:focus {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .md\:focus\:text-orange-400:focus {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .md\:focus\:text-orange-500:focus {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .md\:focus\:text-orange-600:focus {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .md\:focus\:text-orange-700:focus {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .md\:focus\:text-orange-800:focus {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .md\:focus\:text-orange-900:focus {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .md\:focus\:text-purple-100:focus {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .md\:focus\:text-purple-200:focus {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .md\:focus\:text-purple-300:focus {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .md\:focus\:text-purple-400:focus {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .md\:focus\:text-purple-500:focus {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .md\:focus\:text-purple-600:focus {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .md\:focus\:text-purple-700:focus {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .md\:focus\:text-purple-800:focus {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .md\:focus\:text-purple-900:focus {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .md\:focus\:text-red-300:focus {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .md\:focus\:text-red-500:focus {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .md\:focus\:text-red-700:focus {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .md\:focus\:text-teal-100:focus {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .md\:focus\:text-teal-200:focus {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .md\:focus\:text-teal-300:focus {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .md\:focus\:text-teal-400:focus {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .md\:focus\:text-teal-500:focus {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .md\:focus\:text-teal-600:focus {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .md\:focus\:text-teal-700:focus {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .md\:focus\:text-teal-800:focus {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .md\:focus\:text-teal-900:focus {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .md\:focus\:text-yellow-100:focus {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .md\:focus\:text-yellow-200:focus {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .md\:focus\:text-yellow-300:focus {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .md\:focus\:text-yellow-400:focus {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .md\:focus\:text-yellow-500:focus {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .md\:focus\:text-yellow-600:focus {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .md\:focus\:text-yellow-700:focus {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .md\:focus\:text-yellow-800:focus {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .md\:focus\:text-yellow-900:focus {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .md\:focus\:text-facebook-400:focus {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .md\:focus\:text-facebook-500:focus {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .md\:focus\:text-snapchat-400:focus {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .md\:focus\:text-snapchat-500:focus {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .md\:focus\:text-messenger-400:focus {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .md\:focus\:text-messenger-500:focus {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .md\:focus\:text-twitter-400:focus {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .md\:focus\:text-twitter-500:focus {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .md\:focus\:text-transparent-black-10:focus {
    color: rgba(0,0,0,0.1);
  }

  .md\:focus\:text-transparent-black-30:focus {
    color: rgba(0,0,0,0.3);
  }

  .md\:focus\:text-transparent-black-50:focus {
    color: rgba(0,0,0,0.5);
  }

  .md\:focus\:text-transparent-black-70:focus {
    color: rgba(0,0,0,0.7);
  }

  .md\:focus\:text-transparent-black-90:focus {
    color: rgba(0,0,0,0.9);
  }

  .md\:focus\:text-transparent-white-10:focus {
    color: rgba(255,255,255,0.1);
  }

  .md\:focus\:text-transparent-white-30:focus {
    color: rgba(255,255,255,0.3);
  }

  .md\:focus\:text-transparent-white-50:focus {
    color: rgba(255,255,255,0.5);
  }

  .md\:focus\:text-transparent-white-70:focus {
    color: rgba(255,255,255,0.7);
  }

  .md\:focus\:text-transparent-white-90:focus {
    color: rgba(255,255,255,0.9);
  }

  .md\:focus\:text-vr-dark-blue:focus {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .md\:focus\:text-vr-neon-green:focus {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .md\:text-opacity-0 {
    --text-opacity: 0;
  }

  .md\:text-opacity-25 {
    --text-opacity: 0.25;
  }

  .md\:text-opacity-50 {
    --text-opacity: 0.5;
  }

  .md\:text-opacity-75 {
    --text-opacity: 0.75;
  }

  .md\:text-opacity-100 {
    --text-opacity: 1;
  }

  .md\:hover\:text-opacity-0:hover {
    --text-opacity: 0;
  }

  .md\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25;
  }

  .md\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5;
  }

  .md\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75;
  }

  .md\:hover\:text-opacity-100:hover {
    --text-opacity: 1;
  }

  .md\:focus\:text-opacity-0:focus {
    --text-opacity: 0;
  }

  .md\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25;
  }

  .md\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5;
  }

  .md\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75;
  }

  .md\:focus\:text-opacity-100:focus {
    --text-opacity: 1;
  }

  .md\:italic {
    font-style: italic;
  }

  .md\:not-italic {
    font-style: normal;
  }

  .md\:uppercase {
    text-transform: uppercase;
  }

  .md\:lowercase {
    text-transform: lowercase;
  }

  .md\:capitalize {
    text-transform: capitalize;
  }

  .md\:normal-case {
    text-transform: none;
  }

  .md\:underline {
    text-decoration: underline;
  }

  .md\:line-through {
    text-decoration: line-through;
  }

  .md\:no-underline {
    text-decoration: none;
  }

  .md\:hover\:underline:hover {
    text-decoration: underline;
  }

  .md\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .md\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .md\:focus\:underline:focus {
    text-decoration: underline;
  }

  .md\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .md\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .md\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .md\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .md\: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,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    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);
  }

  .md\:normal-nums {
    font-variant-numeric: normal;
  }

  .md\:ordinal {
    --font-variant-numeric-ordinal: ordinal;
  }

  .md\:slashed-zero {
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  .md\:lining-nums {
    --font-variant-numeric-figure: lining-nums;
  }

  .md\:oldstyle-nums {
    --font-variant-numeric-figure: oldstyle-nums;
  }

  .md\:proportional-nums {
    --font-variant-numeric-spacing: proportional-nums;
  }

  .md\:tabular-nums {
    --font-variant-numeric-spacing: tabular-nums;
  }

  .md\:diagonal-fractions {
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  .md\:stacked-fractions {
    --font-variant-numeric-fraction: stacked-fractions;
  }

  .md\:tracking-tighter {
    letter-spacing: -0.05em;
  }

  .md\:tracking-tight {
    letter-spacing: -0.025em;
  }

  .md\:tracking-normal {
    letter-spacing: 0;
  }

  .md\:tracking-wide {
    letter-spacing: 0.025em;
  }

  .md\:tracking-wider {
    letter-spacing: 0.05em;
  }

  .md\:tracking-widest {
    letter-spacing: 0.1em;
  }

  .md\:select-none {
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .md\:select-text {
    -webkit-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }

  .md\:select-all {
    -webkit-user-select: all;
        -ms-user-select: all;
            user-select: all;
  }

  .md\:select-auto {
    -webkit-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
  }

  .md\:align-baseline {
    vertical-align: baseline;
  }

  .md\:align-top {
    vertical-align: top;
  }

  .md\:align-middle {
    vertical-align: middle;
  }

  .md\:align-bottom {
    vertical-align: bottom;
  }

  .md\:align-text-top {
    vertical-align: text-top;
  }

  .md\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .md\:visible {
    visibility: visible;
  }

  .md\:invisible {
    visibility: hidden;
  }

  .md\:whitespace-normal {
    white-space: normal;
  }

  .md\:whitespace-no-wrap {
    white-space: nowrap;
  }

  .md\:whitespace-pre {
    white-space: pre;
  }

  .md\:whitespace-pre-line {
    white-space: pre-line;
  }

  .md\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .md\:break-normal {
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .md\:break-words {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .md\:break-all {
    word-break: break-all;
  }

  .md\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .md\:w-0 {
    width: 0;
  }

  .md\:w-1 {
    width: 0.25rem;
  }

  .md\:w-2 {
    width: 0.5rem;
  }

  .md\:w-3 {
    width: 0.75rem;
  }

  .md\:w-4 {
    width: 1rem;
  }

  .md\:w-5 {
    width: 1.25rem;
  }

  .md\:w-6 {
    width: 1.5rem;
  }

  .md\:w-8 {
    width: 2rem;
  }

  .md\:w-10 {
    width: 2.5rem;
  }

  .md\:w-12 {
    width: 3rem;
  }

  .md\:w-16 {
    width: 4rem;
  }

  .md\:w-20 {
    width: 5rem;
  }

  .md\:w-24 {
    width: 6rem;
  }

  .md\:w-32 {
    width: 8rem;
  }

  .md\:w-40 {
    width: 10rem;
  }

  .md\:w-48 {
    width: 12rem;
  }

  .md\:w-56 {
    width: 14rem;
  }

  .md\:w-64 {
    width: 16rem;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-px {
    width: 1px;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-1\/3 {
    width: 33.333333%;
  }

  .md\:w-2\/3 {
    width: 66.666667%;
  }

  .md\:w-1\/4 {
    width: 25%;
  }

  .md\:w-2\/4 {
    width: 50%;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:w-1\/5 {
    width: 20%;
  }

  .md\:w-2\/5 {
    width: 40%;
  }

  .md\:w-3\/5 {
    width: 60%;
  }

  .md\:w-4\/5 {
    width: 80%;
  }

  .md\:w-1\/6 {
    width: 16.666667%;
  }

  .md\:w-2\/6 {
    width: 33.333333%;
  }

  .md\:w-3\/6 {
    width: 50%;
  }

  .md\:w-4\/6 {
    width: 66.666667%;
  }

  .md\:w-5\/6 {
    width: 83.333333%;
  }

  .md\:w-1\/12 {
    width: 8.333333%;
  }

  .md\:w-2\/12 {
    width: 16.666667%;
  }

  .md\:w-3\/12 {
    width: 25%;
  }

  .md\:w-4\/12 {
    width: 33.333333%;
  }

  .md\:w-5\/12 {
    width: 41.666667%;
  }

  .md\:w-6\/12 {
    width: 50%;
  }

  .md\:w-7\/12 {
    width: 58.333333%;
  }

  .md\:w-8\/12 {
    width: 66.666667%;
  }

  .md\:w-9\/12 {
    width: 75%;
  }

  .md\:w-10\/12 {
    width: 83.333333%;
  }

  .md\:w-11\/12 {
    width: 91.666667%;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:w-screen {
    width: 100vw;
  }

  .md\:z-0 {
    z-index: 0;
  }

  .md\:z-10 {
    z-index: 10;
  }

  .md\:z-20 {
    z-index: 20;
  }

  .md\:z-30 {
    z-index: 30;
  }

  .md\:z-40 {
    z-index: 40;
  }

  .md\:z-50 {
    z-index: 50;
  }

  .md\:z-auto {
    z-index: auto;
  }

  .md\:gap-0 {
    grid-gap: 0;
    gap: 0;
  }

  .md\:gap-1 {
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  .md\:gap-2 {
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .md\:gap-3 {
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  .md\:gap-4 {
    grid-gap: 1rem;
    gap: 1rem;
  }

  .md\:gap-5 {
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  .md\:gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  .md\:gap-8 {
    grid-gap: 2rem;
    gap: 2rem;
  }

  .md\:gap-10 {
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  .md\:gap-12 {
    grid-gap: 3rem;
    gap: 3rem;
  }

  .md\:gap-16 {
    grid-gap: 4rem;
    gap: 4rem;
  }

  .md\:gap-20 {
    grid-gap: 5rem;
    gap: 5rem;
  }

  .md\:gap-24 {
    grid-gap: 6rem;
    gap: 6rem;
  }

  .md\:gap-32 {
    grid-gap: 8rem;
    gap: 8rem;
  }

  .md\:gap-40 {
    grid-gap: 10rem;
    gap: 10rem;
  }

  .md\:gap-48 {
    grid-gap: 12rem;
    gap: 12rem;
  }

  .md\:gap-56 {
    grid-gap: 14rem;
    gap: 14rem;
  }

  .md\:gap-64 {
    grid-gap: 16rem;
    gap: 16rem;
  }

  .md\:gap-px {
    grid-gap: 1px;
    gap: 1px;
  }

  .md\:col-gap-0 {
    grid-column-gap: 0;
    column-gap: 0;
  }

  .md\:col-gap-1 {
    grid-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }

  .md\:col-gap-2 {
    grid-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .md\:col-gap-3 {
    grid-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  .md\:col-gap-4 {
    grid-column-gap: 1rem;
    column-gap: 1rem;
  }

  .md\:col-gap-5 {
    grid-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .md\:col-gap-6 {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .md\:col-gap-8 {
    grid-column-gap: 2rem;
    column-gap: 2rem;
  }

  .md\:col-gap-10 {
    grid-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .md\:col-gap-12 {
    grid-column-gap: 3rem;
    column-gap: 3rem;
  }

  .md\:col-gap-16 {
    grid-column-gap: 4rem;
    column-gap: 4rem;
  }

  .md\:col-gap-20 {
    grid-column-gap: 5rem;
    column-gap: 5rem;
  }

  .md\:col-gap-24 {
    grid-column-gap: 6rem;
    column-gap: 6rem;
  }

  .md\:col-gap-32 {
    grid-column-gap: 8rem;
    column-gap: 8rem;
  }

  .md\:col-gap-40 {
    grid-column-gap: 10rem;
    column-gap: 10rem;
  }

  .md\:col-gap-48 {
    grid-column-gap: 12rem;
    column-gap: 12rem;
  }

  .md\:col-gap-56 {
    grid-column-gap: 14rem;
    column-gap: 14rem;
  }

  .md\:col-gap-64 {
    grid-column-gap: 16rem;
    column-gap: 16rem;
  }

  .md\:col-gap-px {
    grid-column-gap: 1px;
    column-gap: 1px;
  }

  .md\:gap-x-0 {
    grid-column-gap: 0;
    column-gap: 0;
  }

  .md\:gap-x-1 {
    grid-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }

  .md\:gap-x-2 {
    grid-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .md\:gap-x-3 {
    grid-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  .md\:gap-x-4 {
    grid-column-gap: 1rem;
    column-gap: 1rem;
  }

  .md\:gap-x-5 {
    grid-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .md\:gap-x-6 {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .md\:gap-x-8 {
    grid-column-gap: 2rem;
    column-gap: 2rem;
  }

  .md\:gap-x-10 {
    grid-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .md\:gap-x-12 {
    grid-column-gap: 3rem;
    column-gap: 3rem;
  }

  .md\:gap-x-16 {
    grid-column-gap: 4rem;
    column-gap: 4rem;
  }

  .md\:gap-x-20 {
    grid-column-gap: 5rem;
    column-gap: 5rem;
  }

  .md\:gap-x-24 {
    grid-column-gap: 6rem;
    column-gap: 6rem;
  }

  .md\:gap-x-32 {
    grid-column-gap: 8rem;
    column-gap: 8rem;
  }

  .md\:gap-x-40 {
    grid-column-gap: 10rem;
    column-gap: 10rem;
  }

  .md\:gap-x-48 {
    grid-column-gap: 12rem;
    column-gap: 12rem;
  }

  .md\:gap-x-56 {
    grid-column-gap: 14rem;
    column-gap: 14rem;
  }

  .md\:gap-x-64 {
    grid-column-gap: 16rem;
    column-gap: 16rem;
  }

  .md\:gap-x-px {
    grid-column-gap: 1px;
    column-gap: 1px;
  }

  .md\:row-gap-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

  .md\:row-gap-1 {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .md\:row-gap-2 {
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .md\:row-gap-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .md\:row-gap-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .md\:row-gap-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .md\:row-gap-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .md\:row-gap-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .md\:row-gap-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .md\:row-gap-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .md\:row-gap-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .md\:row-gap-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .md\:row-gap-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .md\:row-gap-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .md\:row-gap-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .md\:row-gap-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .md\:row-gap-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .md\:row-gap-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .md\:row-gap-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .md\:gap-y-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

  .md\:gap-y-1 {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .md\:gap-y-2 {
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .md\:gap-y-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .md\:gap-y-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .md\:gap-y-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .md\:gap-y-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .md\:gap-y-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .md\:gap-y-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .md\:gap-y-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .md\:gap-y-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .md\:gap-y-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .md\:gap-y-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .md\:gap-y-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .md\:gap-y-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .md\:gap-y-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .md\:gap-y-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .md\:gap-y-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .md\:gap-y-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .md\:grid-flow-row {
    grid-auto-flow: row;
  }

  .md\:grid-flow-col {
    grid-auto-flow: column;
  }

  .md\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .md\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:grid-cols-none {
    grid-template-columns: none;
  }

  .md\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  .md\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  .md\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  .md\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .md\:col-auto {
    grid-column: auto;
  }

  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .md\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .md\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .md\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .md\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .md\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .md\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .md\:col-span-full {
    grid-column: 1 / -1;
  }

  .md\:col-start-1 {
    grid-column-start: 1;
  }

  .md\:col-start-2 {
    grid-column-start: 2;
  }

  .md\:col-start-3 {
    grid-column-start: 3;
  }

  .md\:col-start-4 {
    grid-column-start: 4;
  }

  .md\:col-start-5 {
    grid-column-start: 5;
  }

  .md\:col-start-6 {
    grid-column-start: 6;
  }

  .md\:col-start-7 {
    grid-column-start: 7;
  }

  .md\:col-start-8 {
    grid-column-start: 8;
  }

  .md\:col-start-9 {
    grid-column-start: 9;
  }

  .md\:col-start-10 {
    grid-column-start: 10;
  }

  .md\:col-start-11 {
    grid-column-start: 11;
  }

  .md\:col-start-12 {
    grid-column-start: 12;
  }

  .md\:col-start-13 {
    grid-column-start: 13;
  }

  .md\:col-start-auto {
    grid-column-start: auto;
  }

  .md\:col-end-1 {
    grid-column-end: 1;
  }

  .md\:col-end-2 {
    grid-column-end: 2;
  }

  .md\:col-end-3 {
    grid-column-end: 3;
  }

  .md\:col-end-4 {
    grid-column-end: 4;
  }

  .md\:col-end-5 {
    grid-column-end: 5;
  }

  .md\:col-end-6 {
    grid-column-end: 6;
  }

  .md\:col-end-7 {
    grid-column-end: 7;
  }

  .md\:col-end-8 {
    grid-column-end: 8;
  }

  .md\:col-end-9 {
    grid-column-end: 9;
  }

  .md\:col-end-10 {
    grid-column-end: 10;
  }

  .md\:col-end-11 {
    grid-column-end: 11;
  }

  .md\:col-end-12 {
    grid-column-end: 12;
  }

  .md\:col-end-13 {
    grid-column-end: 13;
  }

  .md\:col-end-auto {
    grid-column-end: auto;
  }

  .md\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-rows-none {
    grid-template-rows: none;
  }

  .md\:auto-rows-auto {
    grid-auto-rows: auto;
  }

  .md\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  .md\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  .md\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .md\:row-auto {
    grid-row: auto;
  }

  .md\:row-span-1 {
    grid-row: span 1 / span 1;
  }

  .md\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .md\:row-span-3 {
    grid-row: span 3 / span 3;
  }

  .md\:row-span-4 {
    grid-row: span 4 / span 4;
  }

  .md\:row-span-5 {
    grid-row: span 5 / span 5;
  }

  .md\:row-span-6 {
    grid-row: span 6 / span 6;
  }

  .md\:row-span-full {
    grid-row: 1 / -1;
  }

  .md\:row-start-1 {
    grid-row-start: 1;
  }

  .md\:row-start-2 {
    grid-row-start: 2;
  }

  .md\:row-start-3 {
    grid-row-start: 3;
  }

  .md\:row-start-4 {
    grid-row-start: 4;
  }

  .md\:row-start-5 {
    grid-row-start: 5;
  }

  .md\:row-start-6 {
    grid-row-start: 6;
  }

  .md\:row-start-7 {
    grid-row-start: 7;
  }

  .md\:row-start-auto {
    grid-row-start: auto;
  }

  .md\:row-end-1 {
    grid-row-end: 1;
  }

  .md\:row-end-2 {
    grid-row-end: 2;
  }

  .md\:row-end-3 {
    grid-row-end: 3;
  }

  .md\:row-end-4 {
    grid-row-end: 4;
  }

  .md\:row-end-5 {
    grid-row-end: 5;
  }

  .md\:row-end-6 {
    grid-row-end: 6;
  }

  .md\:row-end-7 {
    grid-row-end: 7;
  }

  .md\:row-end-auto {
    grid-row-end: auto;
  }

  .md\:transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    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));
  }

  .md\:transform-none {
    transform: none;
  }

  .md\:origin-center {
    transform-origin: center;
  }

  .md\:origin-top {
    transform-origin: top;
  }

  .md\:origin-top-right {
    transform-origin: top right;
  }

  .md\:origin-right {
    transform-origin: right;
  }

  .md\:origin-bottom-right {
    transform-origin: bottom right;
  }

  .md\:origin-bottom {
    transform-origin: bottom;
  }

  .md\:origin-bottom-left {
    transform-origin: bottom left;
  }

  .md\:origin-left {
    transform-origin: left;
  }

  .md\:origin-top-left {
    transform-origin: top left;
  }

  .md\:scale-0 {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .md\:scale-50 {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .md\:scale-75 {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .md\:scale-90 {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .md\:scale-95 {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .md\:scale-100 {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .md\:scale-105 {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .md\:scale-110 {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .md\:scale-125 {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .md\:scale-150 {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .md\:scale-x-0 {
    --transform-scale-x: 0;
  }

  .md\:scale-x-50 {
    --transform-scale-x: .5;
  }

  .md\:scale-x-75 {
    --transform-scale-x: .75;
  }

  .md\:scale-x-90 {
    --transform-scale-x: .9;
  }

  .md\:scale-x-95 {
    --transform-scale-x: .95;
  }

  .md\:scale-x-100 {
    --transform-scale-x: 1;
  }

  .md\:scale-x-105 {
    --transform-scale-x: 1.05;
  }

  .md\:scale-x-110 {
    --transform-scale-x: 1.1;
  }

  .md\:scale-x-125 {
    --transform-scale-x: 1.25;
  }

  .md\:scale-x-150 {
    --transform-scale-x: 1.5;
  }

  .md\:scale-y-0 {
    --transform-scale-y: 0;
  }

  .md\:scale-y-50 {
    --transform-scale-y: .5;
  }

  .md\:scale-y-75 {
    --transform-scale-y: .75;
  }

  .md\:scale-y-90 {
    --transform-scale-y: .9;
  }

  .md\:scale-y-95 {
    --transform-scale-y: .95;
  }

  .md\:scale-y-100 {
    --transform-scale-y: 1;
  }

  .md\:scale-y-105 {
    --transform-scale-y: 1.05;
  }

  .md\:scale-y-110 {
    --transform-scale-y: 1.1;
  }

  .md\:scale-y-125 {
    --transform-scale-y: 1.25;
  }

  .md\:scale-y-150 {
    --transform-scale-y: 1.5;
  }

  .md\:hover\:scale-0:hover {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .md\:hover\:scale-50:hover {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .md\:hover\:scale-75:hover {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .md\:hover\:scale-90:hover {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .md\:hover\:scale-95:hover {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .md\:hover\:scale-100:hover {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .md\:hover\:scale-105:hover {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .md\:hover\:scale-110:hover {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .md\:hover\:scale-125:hover {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .md\:hover\:scale-150:hover {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .md\:hover\:scale-x-0:hover {
    --transform-scale-x: 0;
  }

  .md\:hover\:scale-x-50:hover {
    --transform-scale-x: .5;
  }

  .md\:hover\:scale-x-75:hover {
    --transform-scale-x: .75;
  }

  .md\:hover\:scale-x-90:hover {
    --transform-scale-x: .9;
  }

  .md\:hover\:scale-x-95:hover {
    --transform-scale-x: .95;
  }

  .md\:hover\:scale-x-100:hover {
    --transform-scale-x: 1;
  }

  .md\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05;
  }

  .md\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1;
  }

  .md\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25;
  }

  .md\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5;
  }

  .md\:hover\:scale-y-0:hover {
    --transform-scale-y: 0;
  }

  .md\:hover\:scale-y-50:hover {
    --transform-scale-y: .5;
  }

  .md\:hover\:scale-y-75:hover {
    --transform-scale-y: .75;
  }

  .md\:hover\:scale-y-90:hover {
    --transform-scale-y: .9;
  }

  .md\:hover\:scale-y-95:hover {
    --transform-scale-y: .95;
  }

  .md\:hover\:scale-y-100:hover {
    --transform-scale-y: 1;
  }

  .md\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05;
  }

  .md\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1;
  }

  .md\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25;
  }

  .md\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5;
  }

  .md\:focus\:scale-0:focus {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .md\:focus\:scale-50:focus {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .md\:focus\:scale-75:focus {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .md\:focus\:scale-90:focus {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .md\:focus\:scale-95:focus {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .md\:focus\:scale-100:focus {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .md\:focus\:scale-105:focus {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .md\:focus\:scale-110:focus {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .md\:focus\:scale-125:focus {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .md\:focus\:scale-150:focus {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .md\:focus\:scale-x-0:focus {
    --transform-scale-x: 0;
  }

  .md\:focus\:scale-x-50:focus {
    --transform-scale-x: .5;
  }

  .md\:focus\:scale-x-75:focus {
    --transform-scale-x: .75;
  }

  .md\:focus\:scale-x-90:focus {
    --transform-scale-x: .9;
  }

  .md\:focus\:scale-x-95:focus {
    --transform-scale-x: .95;
  }

  .md\:focus\:scale-x-100:focus {
    --transform-scale-x: 1;
  }

  .md\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05;
  }

  .md\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1;
  }

  .md\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25;
  }

  .md\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5;
  }

  .md\:focus\:scale-y-0:focus {
    --transform-scale-y: 0;
  }

  .md\:focus\:scale-y-50:focus {
    --transform-scale-y: .5;
  }

  .md\:focus\:scale-y-75:focus {
    --transform-scale-y: .75;
  }

  .md\:focus\:scale-y-90:focus {
    --transform-scale-y: .9;
  }

  .md\:focus\:scale-y-95:focus {
    --transform-scale-y: .95;
  }

  .md\:focus\:scale-y-100:focus {
    --transform-scale-y: 1;
  }

  .md\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05;
  }

  .md\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1;
  }

  .md\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25;
  }

  .md\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5;
  }

  .md\:rotate-0 {
    --transform-rotate: 0;
  }

  .md\:rotate-1 {
    --transform-rotate: 1deg;
  }

  .md\:rotate-2 {
    --transform-rotate: 2deg;
  }

  .md\:rotate-3 {
    --transform-rotate: 3deg;
  }

  .md\:rotate-6 {
    --transform-rotate: 6deg;
  }

  .md\:rotate-12 {
    --transform-rotate: 12deg;
  }

  .md\:rotate-45 {
    --transform-rotate: 45deg;
  }

  .md\:rotate-90 {
    --transform-rotate: 90deg;
  }

  .md\:rotate-180 {
    --transform-rotate: 180deg;
  }

  .md\:-rotate-180 {
    --transform-rotate: -180deg;
  }

  .md\:-rotate-90 {
    --transform-rotate: -90deg;
  }

  .md\:-rotate-45 {
    --transform-rotate: -45deg;
  }

  .md\:-rotate-12 {
    --transform-rotate: -12deg;
  }

  .md\:-rotate-6 {
    --transform-rotate: -6deg;
  }

  .md\:-rotate-3 {
    --transform-rotate: -3deg;
  }

  .md\:-rotate-2 {
    --transform-rotate: -2deg;
  }

  .md\:-rotate-1 {
    --transform-rotate: -1deg;
  }

  .md\:hover\:rotate-0:hover {
    --transform-rotate: 0;
  }

  .md\:hover\:rotate-1:hover {
    --transform-rotate: 1deg;
  }

  .md\:hover\:rotate-2:hover {
    --transform-rotate: 2deg;
  }

  .md\:hover\:rotate-3:hover {
    --transform-rotate: 3deg;
  }

  .md\:hover\:rotate-6:hover {
    --transform-rotate: 6deg;
  }

  .md\:hover\:rotate-12:hover {
    --transform-rotate: 12deg;
  }

  .md\:hover\:rotate-45:hover {
    --transform-rotate: 45deg;
  }

  .md\:hover\:rotate-90:hover {
    --transform-rotate: 90deg;
  }

  .md\:hover\:rotate-180:hover {
    --transform-rotate: 180deg;
  }

  .md\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg;
  }

  .md\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg;
  }

  .md\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg;
  }

  .md\:hover\:-rotate-12:hover {
    --transform-rotate: -12deg;
  }

  .md\:hover\:-rotate-6:hover {
    --transform-rotate: -6deg;
  }

  .md\:hover\:-rotate-3:hover {
    --transform-rotate: -3deg;
  }

  .md\:hover\:-rotate-2:hover {
    --transform-rotate: -2deg;
  }

  .md\:hover\:-rotate-1:hover {
    --transform-rotate: -1deg;
  }

  .md\:focus\:rotate-0:focus {
    --transform-rotate: 0;
  }

  .md\:focus\:rotate-1:focus {
    --transform-rotate: 1deg;
  }

  .md\:focus\:rotate-2:focus {
    --transform-rotate: 2deg;
  }

  .md\:focus\:rotate-3:focus {
    --transform-rotate: 3deg;
  }

  .md\:focus\:rotate-6:focus {
    --transform-rotate: 6deg;
  }

  .md\:focus\:rotate-12:focus {
    --transform-rotate: 12deg;
  }

  .md\:focus\:rotate-45:focus {
    --transform-rotate: 45deg;
  }

  .md\:focus\:rotate-90:focus {
    --transform-rotate: 90deg;
  }

  .md\:focus\:rotate-180:focus {
    --transform-rotate: 180deg;
  }

  .md\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg;
  }

  .md\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg;
  }

  .md\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg;
  }

  .md\:focus\:-rotate-12:focus {
    --transform-rotate: -12deg;
  }

  .md\:focus\:-rotate-6:focus {
    --transform-rotate: -6deg;
  }

  .md\:focus\:-rotate-3:focus {
    --transform-rotate: -3deg;
  }

  .md\:focus\:-rotate-2:focus {
    --transform-rotate: -2deg;
  }

  .md\:focus\:-rotate-1:focus {
    --transform-rotate: -1deg;
  }

  .md\:translate-x-0 {
    --transform-translate-x: 0;
  }

  .md\:translate-x-1 {
    --transform-translate-x: 0.25rem;
  }

  .md\:translate-x-2 {
    --transform-translate-x: 0.5rem;
  }

  .md\:translate-x-3 {
    --transform-translate-x: 0.75rem;
  }

  .md\:translate-x-4 {
    --transform-translate-x: 1rem;
  }

  .md\:translate-x-5 {
    --transform-translate-x: 1.25rem;
  }

  .md\:translate-x-6 {
    --transform-translate-x: 1.5rem;
  }

  .md\:translate-x-8 {
    --transform-translate-x: 2rem;
  }

  .md\:translate-x-10 {
    --transform-translate-x: 2.5rem;
  }

  .md\:translate-x-12 {
    --transform-translate-x: 3rem;
  }

  .md\:translate-x-16 {
    --transform-translate-x: 4rem;
  }

  .md\:translate-x-20 {
    --transform-translate-x: 5rem;
  }

  .md\:translate-x-24 {
    --transform-translate-x: 6rem;
  }

  .md\:translate-x-32 {
    --transform-translate-x: 8rem;
  }

  .md\:translate-x-40 {
    --transform-translate-x: 10rem;
  }

  .md\:translate-x-48 {
    --transform-translate-x: 12rem;
  }

  .md\:translate-x-56 {
    --transform-translate-x: 14rem;
  }

  .md\:translate-x-64 {
    --transform-translate-x: 16rem;
  }

  .md\:translate-x-px {
    --transform-translate-x: 1px;
  }

  .md\:-translate-x-1 {
    --transform-translate-x: -0.25rem;
  }

  .md\:-translate-x-2 {
    --transform-translate-x: -0.5rem;
  }

  .md\:-translate-x-3 {
    --transform-translate-x: -0.75rem;
  }

  .md\:-translate-x-4 {
    --transform-translate-x: -1rem;
  }

  .md\:-translate-x-5 {
    --transform-translate-x: -1.25rem;
  }

  .md\:-translate-x-6 {
    --transform-translate-x: -1.5rem;
  }

  .md\:-translate-x-8 {
    --transform-translate-x: -2rem;
  }

  .md\:-translate-x-10 {
    --transform-translate-x: -2.5rem;
  }

  .md\:-translate-x-12 {
    --transform-translate-x: -3rem;
  }

  .md\:-translate-x-16 {
    --transform-translate-x: -4rem;
  }

  .md\:-translate-x-20 {
    --transform-translate-x: -5rem;
  }

  .md\:-translate-x-24 {
    --transform-translate-x: -6rem;
  }

  .md\:-translate-x-32 {
    --transform-translate-x: -8rem;
  }

  .md\:-translate-x-40 {
    --transform-translate-x: -10rem;
  }

  .md\:-translate-x-48 {
    --transform-translate-x: -12rem;
  }

  .md\:-translate-x-56 {
    --transform-translate-x: -14rem;
  }

  .md\:-translate-x-64 {
    --transform-translate-x: -16rem;
  }

  .md\:-translate-x-px {
    --transform-translate-x: -1px;
  }

  .md\:-translate-x-full {
    --transform-translate-x: -100%;
  }

  .md\:-translate-x-1\/2 {
    --transform-translate-x: -50%;
  }

  .md\:translate-x-1\/2 {
    --transform-translate-x: 50%;
  }

  .md\:translate-x-full {
    --transform-translate-x: 100%;
  }

  .md\:translate-y-0 {
    --transform-translate-y: 0;
  }

  .md\:translate-y-1 {
    --transform-translate-y: 0.25rem;
  }

  .md\:translate-y-2 {
    --transform-translate-y: 0.5rem;
  }

  .md\:translate-y-3 {
    --transform-translate-y: 0.75rem;
  }

  .md\:translate-y-4 {
    --transform-translate-y: 1rem;
  }

  .md\:translate-y-5 {
    --transform-translate-y: 1.25rem;
  }

  .md\:translate-y-6 {
    --transform-translate-y: 1.5rem;
  }

  .md\:translate-y-8 {
    --transform-translate-y: 2rem;
  }

  .md\:translate-y-10 {
    --transform-translate-y: 2.5rem;
  }

  .md\:translate-y-12 {
    --transform-translate-y: 3rem;
  }

  .md\:translate-y-16 {
    --transform-translate-y: 4rem;
  }

  .md\:translate-y-20 {
    --transform-translate-y: 5rem;
  }

  .md\:translate-y-24 {
    --transform-translate-y: 6rem;
  }

  .md\:translate-y-32 {
    --transform-translate-y: 8rem;
  }

  .md\:translate-y-40 {
    --transform-translate-y: 10rem;
  }

  .md\:translate-y-48 {
    --transform-translate-y: 12rem;
  }

  .md\:translate-y-56 {
    --transform-translate-y: 14rem;
  }

  .md\:translate-y-64 {
    --transform-translate-y: 16rem;
  }

  .md\:translate-y-px {
    --transform-translate-y: 1px;
  }

  .md\:-translate-y-1 {
    --transform-translate-y: -0.25rem;
  }

  .md\:-translate-y-2 {
    --transform-translate-y: -0.5rem;
  }

  .md\:-translate-y-3 {
    --transform-translate-y: -0.75rem;
  }

  .md\:-translate-y-4 {
    --transform-translate-y: -1rem;
  }

  .md\:-translate-y-5 {
    --transform-translate-y: -1.25rem;
  }

  .md\:-translate-y-6 {
    --transform-translate-y: -1.5rem;
  }

  .md\:-translate-y-8 {
    --transform-translate-y: -2rem;
  }

  .md\:-translate-y-10 {
    --transform-translate-y: -2.5rem;
  }

  .md\:-translate-y-12 {
    --transform-translate-y: -3rem;
  }

  .md\:-translate-y-16 {
    --transform-translate-y: -4rem;
  }

  .md\:-translate-y-20 {
    --transform-translate-y: -5rem;
  }

  .md\:-translate-y-24 {
    --transform-translate-y: -6rem;
  }

  .md\:-translate-y-32 {
    --transform-translate-y: -8rem;
  }

  .md\:-translate-y-40 {
    --transform-translate-y: -10rem;
  }

  .md\:-translate-y-48 {
    --transform-translate-y: -12rem;
  }

  .md\:-translate-y-56 {
    --transform-translate-y: -14rem;
  }

  .md\:-translate-y-64 {
    --transform-translate-y: -16rem;
  }

  .md\:-translate-y-px {
    --transform-translate-y: -1px;
  }

  .md\:-translate-y-full {
    --transform-translate-y: -100%;
  }

  .md\:-translate-y-1\/2 {
    --transform-translate-y: -50%;
  }

  .md\:translate-y-1\/2 {
    --transform-translate-y: 50%;
  }

  .md\:translate-y-full {
    --transform-translate-y: 100%;
  }

  .md\:hover\:translate-x-0:hover {
    --transform-translate-x: 0;
  }

  .md\:hover\:translate-x-1:hover {
    --transform-translate-x: 0.25rem;
  }

  .md\:hover\:translate-x-2:hover {
    --transform-translate-x: 0.5rem;
  }

  .md\:hover\:translate-x-3:hover {
    --transform-translate-x: 0.75rem;
  }

  .md\:hover\:translate-x-4:hover {
    --transform-translate-x: 1rem;
  }

  .md\:hover\:translate-x-5:hover {
    --transform-translate-x: 1.25rem;
  }

  .md\:hover\:translate-x-6:hover {
    --transform-translate-x: 1.5rem;
  }

  .md\:hover\:translate-x-8:hover {
    --transform-translate-x: 2rem;
  }

  .md\:hover\:translate-x-10:hover {
    --transform-translate-x: 2.5rem;
  }

  .md\:hover\:translate-x-12:hover {
    --transform-translate-x: 3rem;
  }

  .md\:hover\:translate-x-16:hover {
    --transform-translate-x: 4rem;
  }

  .md\:hover\:translate-x-20:hover {
    --transform-translate-x: 5rem;
  }

  .md\:hover\:translate-x-24:hover {
    --transform-translate-x: 6rem;
  }

  .md\:hover\:translate-x-32:hover {
    --transform-translate-x: 8rem;
  }

  .md\:hover\:translate-x-40:hover {
    --transform-translate-x: 10rem;
  }

  .md\:hover\:translate-x-48:hover {
    --transform-translate-x: 12rem;
  }

  .md\:hover\:translate-x-56:hover {
    --transform-translate-x: 14rem;
  }

  .md\:hover\:translate-x-64:hover {
    --transform-translate-x: 16rem;
  }

  .md\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px;
  }

  .md\:hover\:-translate-x-1:hover {
    --transform-translate-x: -0.25rem;
  }

  .md\:hover\:-translate-x-2:hover {
    --transform-translate-x: -0.5rem;
  }

  .md\:hover\:-translate-x-3:hover {
    --transform-translate-x: -0.75rem;
  }

  .md\:hover\:-translate-x-4:hover {
    --transform-translate-x: -1rem;
  }

  .md\:hover\:-translate-x-5:hover {
    --transform-translate-x: -1.25rem;
  }

  .md\:hover\:-translate-x-6:hover {
    --transform-translate-x: -1.5rem;
  }

  .md\:hover\:-translate-x-8:hover {
    --transform-translate-x: -2rem;
  }

  .md\:hover\:-translate-x-10:hover {
    --transform-translate-x: -2.5rem;
  }

  .md\:hover\:-translate-x-12:hover {
    --transform-translate-x: -3rem;
  }

  .md\:hover\:-translate-x-16:hover {
    --transform-translate-x: -4rem;
  }

  .md\:hover\:-translate-x-20:hover {
    --transform-translate-x: -5rem;
  }

  .md\:hover\:-translate-x-24:hover {
    --transform-translate-x: -6rem;
  }

  .md\:hover\:-translate-x-32:hover {
    --transform-translate-x: -8rem;
  }

  .md\:hover\:-translate-x-40:hover {
    --transform-translate-x: -10rem;
  }

  .md\:hover\:-translate-x-48:hover {
    --transform-translate-x: -12rem;
  }

  .md\:hover\:-translate-x-56:hover {
    --transform-translate-x: -14rem;
  }

  .md\:hover\:-translate-x-64:hover {
    --transform-translate-x: -16rem;
  }

  .md\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px;
  }

  .md\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100%;
  }

  .md\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50%;
  }

  .md\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50%;
  }

  .md\:hover\:translate-x-full:hover {
    --transform-translate-x: 100%;
  }

  .md\:hover\:translate-y-0:hover {
    --transform-translate-y: 0;
  }

  .md\:hover\:translate-y-1:hover {
    --transform-translate-y: 0.25rem;
  }

  .md\:hover\:translate-y-2:hover {
    --transform-translate-y: 0.5rem;
  }

  .md\:hover\:translate-y-3:hover {
    --transform-translate-y: 0.75rem;
  }

  .md\:hover\:translate-y-4:hover {
    --transform-translate-y: 1rem;
  }

  .md\:hover\:translate-y-5:hover {
    --transform-translate-y: 1.25rem;
  }

  .md\:hover\:translate-y-6:hover {
    --transform-translate-y: 1.5rem;
  }

  .md\:hover\:translate-y-8:hover {
    --transform-translate-y: 2rem;
  }

  .md\:hover\:translate-y-10:hover {
    --transform-translate-y: 2.5rem;
  }

  .md\:hover\:translate-y-12:hover {
    --transform-translate-y: 3rem;
  }

  .md\:hover\:translate-y-16:hover {
    --transform-translate-y: 4rem;
  }

  .md\:hover\:translate-y-20:hover {
    --transform-translate-y: 5rem;
  }

  .md\:hover\:translate-y-24:hover {
    --transform-translate-y: 6rem;
  }

  .md\:hover\:translate-y-32:hover {
    --transform-translate-y: 8rem;
  }

  .md\:hover\:translate-y-40:hover {
    --transform-translate-y: 10rem;
  }

  .md\:hover\:translate-y-48:hover {
    --transform-translate-y: 12rem;
  }

  .md\:hover\:translate-y-56:hover {
    --transform-translate-y: 14rem;
  }

  .md\:hover\:translate-y-64:hover {
    --transform-translate-y: 16rem;
  }

  .md\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px;
  }

  .md\:hover\:-translate-y-1:hover {
    --transform-translate-y: -0.25rem;
  }

  .md\:hover\:-translate-y-2:hover {
    --transform-translate-y: -0.5rem;
  }

  .md\:hover\:-translate-y-3:hover {
    --transform-translate-y: -0.75rem;
  }

  .md\:hover\:-translate-y-4:hover {
    --transform-translate-y: -1rem;
  }

  .md\:hover\:-translate-y-5:hover {
    --transform-translate-y: -1.25rem;
  }

  .md\:hover\:-translate-y-6:hover {
    --transform-translate-y: -1.5rem;
  }

  .md\:hover\:-translate-y-8:hover {
    --transform-translate-y: -2rem;
  }

  .md\:hover\:-translate-y-10:hover {
    --transform-translate-y: -2.5rem;
  }

  .md\:hover\:-translate-y-12:hover {
    --transform-translate-y: -3rem;
  }

  .md\:hover\:-translate-y-16:hover {
    --transform-translate-y: -4rem;
  }

  .md\:hover\:-translate-y-20:hover {
    --transform-translate-y: -5rem;
  }

  .md\:hover\:-translate-y-24:hover {
    --transform-translate-y: -6rem;
  }

  .md\:hover\:-translate-y-32:hover {
    --transform-translate-y: -8rem;
  }

  .md\:hover\:-translate-y-40:hover {
    --transform-translate-y: -10rem;
  }

  .md\:hover\:-translate-y-48:hover {
    --transform-translate-y: -12rem;
  }

  .md\:hover\:-translate-y-56:hover {
    --transform-translate-y: -14rem;
  }

  .md\:hover\:-translate-y-64:hover {
    --transform-translate-y: -16rem;
  }

  .md\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px;
  }

  .md\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100%;
  }

  .md\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50%;
  }

  .md\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50%;
  }

  .md\:hover\:translate-y-full:hover {
    --transform-translate-y: 100%;
  }

  .md\:focus\:translate-x-0:focus {
    --transform-translate-x: 0;
  }

  .md\:focus\:translate-x-1:focus {
    --transform-translate-x: 0.25rem;
  }

  .md\:focus\:translate-x-2:focus {
    --transform-translate-x: 0.5rem;
  }

  .md\:focus\:translate-x-3:focus {
    --transform-translate-x: 0.75rem;
  }

  .md\:focus\:translate-x-4:focus {
    --transform-translate-x: 1rem;
  }

  .md\:focus\:translate-x-5:focus {
    --transform-translate-x: 1.25rem;
  }

  .md\:focus\:translate-x-6:focus {
    --transform-translate-x: 1.5rem;
  }

  .md\:focus\:translate-x-8:focus {
    --transform-translate-x: 2rem;
  }

  .md\:focus\:translate-x-10:focus {
    --transform-translate-x: 2.5rem;
  }

  .md\:focus\:translate-x-12:focus {
    --transform-translate-x: 3rem;
  }

  .md\:focus\:translate-x-16:focus {
    --transform-translate-x: 4rem;
  }

  .md\:focus\:translate-x-20:focus {
    --transform-translate-x: 5rem;
  }

  .md\:focus\:translate-x-24:focus {
    --transform-translate-x: 6rem;
  }

  .md\:focus\:translate-x-32:focus {
    --transform-translate-x: 8rem;
  }

  .md\:focus\:translate-x-40:focus {
    --transform-translate-x: 10rem;
  }

  .md\:focus\:translate-x-48:focus {
    --transform-translate-x: 12rem;
  }

  .md\:focus\:translate-x-56:focus {
    --transform-translate-x: 14rem;
  }

  .md\:focus\:translate-x-64:focus {
    --transform-translate-x: 16rem;
  }

  .md\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px;
  }

  .md\:focus\:-translate-x-1:focus {
    --transform-translate-x: -0.25rem;
  }

  .md\:focus\:-translate-x-2:focus {
    --transform-translate-x: -0.5rem;
  }

  .md\:focus\:-translate-x-3:focus {
    --transform-translate-x: -0.75rem;
  }

  .md\:focus\:-translate-x-4:focus {
    --transform-translate-x: -1rem;
  }

  .md\:focus\:-translate-x-5:focus {
    --transform-translate-x: -1.25rem;
  }

  .md\:focus\:-translate-x-6:focus {
    --transform-translate-x: -1.5rem;
  }

  .md\:focus\:-translate-x-8:focus {
    --transform-translate-x: -2rem;
  }

  .md\:focus\:-translate-x-10:focus {
    --transform-translate-x: -2.5rem;
  }

  .md\:focus\:-translate-x-12:focus {
    --transform-translate-x: -3rem;
  }

  .md\:focus\:-translate-x-16:focus {
    --transform-translate-x: -4rem;
  }

  .md\:focus\:-translate-x-20:focus {
    --transform-translate-x: -5rem;
  }

  .md\:focus\:-translate-x-24:focus {
    --transform-translate-x: -6rem;
  }

  .md\:focus\:-translate-x-32:focus {
    --transform-translate-x: -8rem;
  }

  .md\:focus\:-translate-x-40:focus {
    --transform-translate-x: -10rem;
  }

  .md\:focus\:-translate-x-48:focus {
    --transform-translate-x: -12rem;
  }

  .md\:focus\:-translate-x-56:focus {
    --transform-translate-x: -14rem;
  }

  .md\:focus\:-translate-x-64:focus {
    --transform-translate-x: -16rem;
  }

  .md\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px;
  }

  .md\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100%;
  }

  .md\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50%;
  }

  .md\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50%;
  }

  .md\:focus\:translate-x-full:focus {
    --transform-translate-x: 100%;
  }

  .md\:focus\:translate-y-0:focus {
    --transform-translate-y: 0;
  }

  .md\:focus\:translate-y-1:focus {
    --transform-translate-y: 0.25rem;
  }

  .md\:focus\:translate-y-2:focus {
    --transform-translate-y: 0.5rem;
  }

  .md\:focus\:translate-y-3:focus {
    --transform-translate-y: 0.75rem;
  }

  .md\:focus\:translate-y-4:focus {
    --transform-translate-y: 1rem;
  }

  .md\:focus\:translate-y-5:focus {
    --transform-translate-y: 1.25rem;
  }

  .md\:focus\:translate-y-6:focus {
    --transform-translate-y: 1.5rem;
  }

  .md\:focus\:translate-y-8:focus {
    --transform-translate-y: 2rem;
  }

  .md\:focus\:translate-y-10:focus {
    --transform-translate-y: 2.5rem;
  }

  .md\:focus\:translate-y-12:focus {
    --transform-translate-y: 3rem;
  }

  .md\:focus\:translate-y-16:focus {
    --transform-translate-y: 4rem;
  }

  .md\:focus\:translate-y-20:focus {
    --transform-translate-y: 5rem;
  }

  .md\:focus\:translate-y-24:focus {
    --transform-translate-y: 6rem;
  }

  .md\:focus\:translate-y-32:focus {
    --transform-translate-y: 8rem;
  }

  .md\:focus\:translate-y-40:focus {
    --transform-translate-y: 10rem;
  }

  .md\:focus\:translate-y-48:focus {
    --transform-translate-y: 12rem;
  }

  .md\:focus\:translate-y-56:focus {
    --transform-translate-y: 14rem;
  }

  .md\:focus\:translate-y-64:focus {
    --transform-translate-y: 16rem;
  }

  .md\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px;
  }

  .md\:focus\:-translate-y-1:focus {
    --transform-translate-y: -0.25rem;
  }

  .md\:focus\:-translate-y-2:focus {
    --transform-translate-y: -0.5rem;
  }

  .md\:focus\:-translate-y-3:focus {
    --transform-translate-y: -0.75rem;
  }

  .md\:focus\:-translate-y-4:focus {
    --transform-translate-y: -1rem;
  }

  .md\:focus\:-translate-y-5:focus {
    --transform-translate-y: -1.25rem;
  }

  .md\:focus\:-translate-y-6:focus {
    --transform-translate-y: -1.5rem;
  }

  .md\:focus\:-translate-y-8:focus {
    --transform-translate-y: -2rem;
  }

  .md\:focus\:-translate-y-10:focus {
    --transform-translate-y: -2.5rem;
  }

  .md\:focus\:-translate-y-12:focus {
    --transform-translate-y: -3rem;
  }

  .md\:focus\:-translate-y-16:focus {
    --transform-translate-y: -4rem;
  }

  .md\:focus\:-translate-y-20:focus {
    --transform-translate-y: -5rem;
  }

  .md\:focus\:-translate-y-24:focus {
    --transform-translate-y: -6rem;
  }

  .md\:focus\:-translate-y-32:focus {
    --transform-translate-y: -8rem;
  }

  .md\:focus\:-translate-y-40:focus {
    --transform-translate-y: -10rem;
  }

  .md\:focus\:-translate-y-48:focus {
    --transform-translate-y: -12rem;
  }

  .md\:focus\:-translate-y-56:focus {
    --transform-translate-y: -14rem;
  }

  .md\:focus\:-translate-y-64:focus {
    --transform-translate-y: -16rem;
  }

  .md\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px;
  }

  .md\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100%;
  }

  .md\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50%;
  }

  .md\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50%;
  }

  .md\:focus\:translate-y-full:focus {
    --transform-translate-y: 100%;
  }

  .md\:skew-x-0 {
    --transform-skew-x: 0;
  }

  .md\:skew-x-1 {
    --transform-skew-x: 1deg;
  }

  .md\:skew-x-2 {
    --transform-skew-x: 2deg;
  }

  .md\:skew-x-3 {
    --transform-skew-x: 3deg;
  }

  .md\:skew-x-6 {
    --transform-skew-x: 6deg;
  }

  .md\:skew-x-12 {
    --transform-skew-x: 12deg;
  }

  .md\:-skew-x-12 {
    --transform-skew-x: -12deg;
  }

  .md\:-skew-x-6 {
    --transform-skew-x: -6deg;
  }

  .md\:-skew-x-3 {
    --transform-skew-x: -3deg;
  }

  .md\:-skew-x-2 {
    --transform-skew-x: -2deg;
  }

  .md\:-skew-x-1 {
    --transform-skew-x: -1deg;
  }

  .md\:skew-y-0 {
    --transform-skew-y: 0;
  }

  .md\:skew-y-1 {
    --transform-skew-y: 1deg;
  }

  .md\:skew-y-2 {
    --transform-skew-y: 2deg;
  }

  .md\:skew-y-3 {
    --transform-skew-y: 3deg;
  }

  .md\:skew-y-6 {
    --transform-skew-y: 6deg;
  }

  .md\:skew-y-12 {
    --transform-skew-y: 12deg;
  }

  .md\:-skew-y-12 {
    --transform-skew-y: -12deg;
  }

  .md\:-skew-y-6 {
    --transform-skew-y: -6deg;
  }

  .md\:-skew-y-3 {
    --transform-skew-y: -3deg;
  }

  .md\:-skew-y-2 {
    --transform-skew-y: -2deg;
  }

  .md\:-skew-y-1 {
    --transform-skew-y: -1deg;
  }

  .md\:hover\:skew-x-0:hover {
    --transform-skew-x: 0;
  }

  .md\:hover\:skew-x-1:hover {
    --transform-skew-x: 1deg;
  }

  .md\:hover\:skew-x-2:hover {
    --transform-skew-x: 2deg;
  }

  .md\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg;
  }

  .md\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg;
  }

  .md\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg;
  }

  .md\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg;
  }

  .md\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg;
  }

  .md\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg;
  }

  .md\:hover\:-skew-x-2:hover {
    --transform-skew-x: -2deg;
  }

  .md\:hover\:-skew-x-1:hover {
    --transform-skew-x: -1deg;
  }

  .md\:hover\:skew-y-0:hover {
    --transform-skew-y: 0;
  }

  .md\:hover\:skew-y-1:hover {
    --transform-skew-y: 1deg;
  }

  .md\:hover\:skew-y-2:hover {
    --transform-skew-y: 2deg;
  }

  .md\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg;
  }

  .md\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg;
  }

  .md\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg;
  }

  .md\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg;
  }

  .md\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg;
  }

  .md\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg;
  }

  .md\:hover\:-skew-y-2:hover {
    --transform-skew-y: -2deg;
  }

  .md\:hover\:-skew-y-1:hover {
    --transform-skew-y: -1deg;
  }

  .md\:focus\:skew-x-0:focus {
    --transform-skew-x: 0;
  }

  .md\:focus\:skew-x-1:focus {
    --transform-skew-x: 1deg;
  }

  .md\:focus\:skew-x-2:focus {
    --transform-skew-x: 2deg;
  }

  .md\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg;
  }

  .md\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg;
  }

  .md\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg;
  }

  .md\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg;
  }

  .md\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg;
  }

  .md\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg;
  }

  .md\:focus\:-skew-x-2:focus {
    --transform-skew-x: -2deg;
  }

  .md\:focus\:-skew-x-1:focus {
    --transform-skew-x: -1deg;
  }

  .md\:focus\:skew-y-0:focus {
    --transform-skew-y: 0;
  }

  .md\:focus\:skew-y-1:focus {
    --transform-skew-y: 1deg;
  }

  .md\:focus\:skew-y-2:focus {
    --transform-skew-y: 2deg;
  }

  .md\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg;
  }

  .md\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg;
  }

  .md\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg;
  }

  .md\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg;
  }

  .md\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg;
  }

  .md\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg;
  }

  .md\:focus\:-skew-y-2:focus {
    --transform-skew-y: -2deg;
  }

  .md\:focus\:-skew-y-1:focus {
    --transform-skew-y: -1deg;
  }

  .md\:transition-none {
    transition-property: none;
  }

  .md\:transition-all {
    transition-property: all;
  }

  .md\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  .md\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
  }

  .md\:transition-opacity {
    transition-property: opacity;
  }

  .md\:transition-shadow {
    transition-property: box-shadow;
  }

  .md\:transition-transform {
    transition-property: transform;
  }

  .md\:ease-linear {
    transition-timing-function: linear;
  }

  .md\:ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .md\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .md\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .md\:duration-75 {
    transition-duration: 75ms;
  }

  .md\:duration-100 {
    transition-duration: 100ms;
  }

  .md\:duration-150 {
    transition-duration: 150ms;
  }

  .md\:duration-200 {
    transition-duration: 200ms;
  }

  .md\:duration-300 {
    transition-duration: 300ms;
  }

  .md\:duration-500 {
    transition-duration: 500ms;
  }

  .md\:duration-700 {
    transition-duration: 700ms;
  }

  .md\:duration-1000 {
    transition-duration: 1000ms;
  }

  .md\:delay-75 {
    transition-delay: 75ms;
  }

  .md\:delay-100 {
    transition-delay: 100ms;
  }

  .md\:delay-150 {
    transition-delay: 150ms;
  }

  .md\:delay-200 {
    transition-delay: 200ms;
  }

  .md\:delay-300 {
    transition-delay: 300ms;
  }

  .md\:delay-500 {
    transition-delay: 500ms;
  }

  .md\:delay-700 {
    transition-delay: 700ms;
  }

  .md\:delay-1000 {
    transition-delay: 1000ms;
  }

  .md\:animate-none {
    animation: none;
  }

  .md\:animate-spin {
    animation: spin 1s linear infinite;
  }

  .md\:animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .md\:animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .md\:animate-bounce {
    animation: bounce 1s infinite;
  }
}

@media (min-width: 960px) {
  .lg\:container {
    width: 100%;
  }

  @media (min-width: 360px) {
    .lg\:container {
      max-width: 360px;
    }
  }

  @media (min-width: 480px) {
    .lg\:container {
      max-width: 480px;
    }
  }

  @media (min-width: 760px) {
    .lg\:container {
      max-width: 760px;
    }
  }

  @media (min-width: 960px) {
    .lg\:container {
      max-width: 960px;
    }
  }

  @media (min-width: 1060px) {
    .lg\:container {
      max-width: 1060px;
    }
  }

  @media (min-width: 1280px) {
    .lg\:container {
      max-width: 1280px;
    }
  }

  .lg\:space-y-0 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  .lg\:space-x-0 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  .lg\:space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  .lg\:space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  .lg\:space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  .lg\:space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  .lg\:space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  .lg\:space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  .lg\:space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  .lg\:space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  .lg\:space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  .lg\:space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  .lg\:space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  .lg\:space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  .lg\:space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  .lg\:space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  .lg\:space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  .lg\:space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  .lg\:space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  .lg\:space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  .lg\:-space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  .lg\:-space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  .lg\:-space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  .lg\:-space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  .lg\:-space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  .lg\:-space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  .lg\:-space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  .lg\:-space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  .lg\:-space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  .lg\:-space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  .lg\:-space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  .lg\:-space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  .lg\:-space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  .lg\:-space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  .lg\:-space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  .lg\:-space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  .lg\:-space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  .lg\:-space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-reverse > :not(template) ~ :not(template) {
    --space-y-reverse: 1;
  }

  .lg\:space-x-reverse > :not(template) ~ :not(template) {
    --space-x-reverse: 1;
  }

  .lg\:divide-y-0 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  .lg\:divide-x-0 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  .lg\:divide-y-2 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  .lg\:divide-x-2 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  .lg\:divide-y-4 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  .lg\:divide-x-4 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  .lg\:divide-y-8 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  .lg\:divide-x-8 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  .lg\:divide-y > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  .lg\:divide-x > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  .lg\:divide-y-reverse > :not(template) ~ :not(template) {
    --divide-y-reverse: 1;
  }

  .lg\:divide-x-reverse > :not(template) ~ :not(template) {
    --divide-x-reverse: 1;
  }

  .lg\:divide-transparent > :not(template) ~ :not(template) {
    border-color: transparent;
  }

  .lg\:divide-black > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--divide-opacity));
  }

  .lg\:divide-white > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .lg\:divide-gray-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--divide-opacity));
  }

  .lg\:divide-gray-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--divide-opacity));
  }

  .lg\:divide-gray-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--divide-opacity));
  }

  .lg\:divide-gray-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--divide-opacity));
  }

  .lg\:divide-gray-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--divide-opacity));
  }

  .lg\:divide-gray-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--divide-opacity));
  }

  .lg\:divide-gray-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--divide-opacity));
  }

  .lg\:divide-gray-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--divide-opacity));
  }

  .lg\:divide-gray-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--divide-opacity));
  }

  .lg\:divide-blue-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--divide-opacity));
  }

  .lg\:divide-blue-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--divide-opacity));
  }

  .lg\:divide-blue-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--divide-opacity));
  }

  .lg\:divide-blue-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--divide-opacity));
  }

  .lg\:divide-blue-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--divide-opacity));
  }

  .lg\:divide-blue-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--divide-opacity));
  }

  .lg\:divide-blue-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--divide-opacity));
  }

  .lg\:divide-blue-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--divide-opacity));
  }

  .lg\:divide-blue-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--divide-opacity));
  }

  .lg\:divide-blurple-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--divide-opacity));
  }

  .lg\:divide-blurple-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--divide-opacity));
  }

  .lg\:divide-blurple-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--divide-opacity));
  }

  .lg\:divide-blurple-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--divide-opacity));
  }

  .lg\:divide-blurple-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--divide-opacity));
  }

  .lg\:divide-blurple-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--divide-opacity));
  }

  .lg\:divide-green-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--divide-opacity));
  }

  .lg\:divide-green-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--divide-opacity));
  }

  .lg\:divide-green-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--divide-opacity));
  }

  .lg\:divide-orange-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--divide-opacity));
  }

  .lg\:divide-orange-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--divide-opacity));
  }

  .lg\:divide-orange-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--divide-opacity));
  }

  .lg\:divide-orange-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--divide-opacity));
  }

  .lg\:divide-orange-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--divide-opacity));
  }

  .lg\:divide-orange-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--divide-opacity));
  }

  .lg\:divide-orange-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--divide-opacity));
  }

  .lg\:divide-orange-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--divide-opacity));
  }

  .lg\:divide-orange-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--divide-opacity));
  }

  .lg\:divide-purple-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--divide-opacity));
  }

  .lg\:divide-purple-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--divide-opacity));
  }

  .lg\:divide-purple-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--divide-opacity));
  }

  .lg\:divide-purple-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--divide-opacity));
  }

  .lg\:divide-purple-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--divide-opacity));
  }

  .lg\:divide-purple-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--divide-opacity));
  }

  .lg\:divide-purple-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--divide-opacity));
  }

  .lg\:divide-purple-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--divide-opacity));
  }

  .lg\:divide-purple-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--divide-opacity));
  }

  .lg\:divide-red-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--divide-opacity));
  }

  .lg\:divide-red-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--divide-opacity));
  }

  .lg\:divide-red-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--divide-opacity));
  }

  .lg\:divide-teal-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--divide-opacity));
  }

  .lg\:divide-teal-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--divide-opacity));
  }

  .lg\:divide-teal-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--divide-opacity));
  }

  .lg\:divide-teal-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--divide-opacity));
  }

  .lg\:divide-teal-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--divide-opacity));
  }

  .lg\:divide-teal-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--divide-opacity));
  }

  .lg\:divide-teal-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--divide-opacity));
  }

  .lg\:divide-teal-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--divide-opacity));
  }

  .lg\:divide-teal-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--divide-opacity));
  }

  .lg\:divide-yellow-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--divide-opacity));
  }

  .lg\:divide-yellow-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--divide-opacity));
  }

  .lg\:divide-yellow-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--divide-opacity));
  }

  .lg\:divide-yellow-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--divide-opacity));
  }

  .lg\:divide-yellow-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--divide-opacity));
  }

  .lg\:divide-yellow-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--divide-opacity));
  }

  .lg\:divide-yellow-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--divide-opacity));
  }

  .lg\:divide-yellow-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--divide-opacity));
  }

  .lg\:divide-yellow-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--divide-opacity));
  }

  .lg\:divide-facebook-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--divide-opacity));
  }

  .lg\:divide-facebook-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--divide-opacity));
  }

  .lg\:divide-snapchat-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--divide-opacity));
  }

  .lg\:divide-snapchat-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--divide-opacity));
  }

  .lg\:divide-messenger-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--divide-opacity));
  }

  .lg\:divide-messenger-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--divide-opacity));
  }

  .lg\:divide-twitter-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--divide-opacity));
  }

  .lg\:divide-twitter-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--divide-opacity));
  }

  .lg\:divide-transparent-black-10 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.1);
  }

  .lg\:divide-transparent-black-30 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.3);
  }

  .lg\:divide-transparent-black-50 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.5);
  }

  .lg\:divide-transparent-black-70 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.7);
  }

  .lg\:divide-transparent-black-90 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.9);
  }

  .lg\:divide-transparent-white-10 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.1);
  }

  .lg\:divide-transparent-white-30 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.3);
  }

  .lg\:divide-transparent-white-50 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.5);
  }

  .lg\:divide-transparent-white-70 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.7);
  }

  .lg\:divide-transparent-white-90 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.9);
  }

  .lg\:divide-vr-dark-blue > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--divide-opacity));
  }

  .lg\:divide-vr-neon-green > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--divide-opacity));
  }

  .lg\:divide-solid > :not(template) ~ :not(template) {
    border-style: solid;
  }

  .lg\:divide-dashed > :not(template) ~ :not(template) {
    border-style: dashed;
  }

  .lg\:divide-dotted > :not(template) ~ :not(template) {
    border-style: dotted;
  }

  .lg\:divide-double > :not(template) ~ :not(template) {
    border-style: double;
  }

  .lg\:divide-none > :not(template) ~ :not(template) {
    border-style: none;
  }

  .lg\:divide-opacity-0 > :not(template) ~ :not(template) {
    --divide-opacity: 0;
  }

  .lg\:divide-opacity-25 > :not(template) ~ :not(template) {
    --divide-opacity: 0.25;
  }

  .lg\:divide-opacity-50 > :not(template) ~ :not(template) {
    --divide-opacity: 0.5;
  }

  .lg\:divide-opacity-75 > :not(template) ~ :not(template) {
    --divide-opacity: 0.75;
  }

  .lg\:divide-opacity-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
  }

  .lg\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .lg\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .lg\:focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .lg\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .lg\:appearance-none {
    -webkit-appearance: none;
            appearance: none;
  }

  .lg\:bg-fixed {
    background-attachment: fixed;
  }

  .lg\:bg-local {
    background-attachment: local;
  }

  .lg\:bg-scroll {
    background-attachment: scroll;
  }

  .lg\:bg-clip-border {
    background-clip: border-box;
  }

  .lg\:bg-clip-padding {
    background-clip: padding-box;
  }

  .lg\:bg-clip-content {
    background-clip: content-box;
  }

  .lg\:bg-clip-text {
    -webkit-background-clip: text;
            background-clip: text;
  }

  .lg\:bg-transparent {
    background-color: transparent;
  }

  .lg\:bg-black {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .lg\:bg-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .lg\:bg-gray-100 {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .lg\:bg-gray-200 {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .lg\:bg-gray-300 {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .lg\:bg-gray-400 {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .lg\:bg-gray-500 {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .lg\:bg-gray-600 {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .lg\:bg-gray-700 {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .lg\:bg-gray-800 {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .lg\:bg-gray-900 {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .lg\:bg-blue-100 {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .lg\:bg-blue-200 {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .lg\:bg-blue-300 {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .lg\:bg-blue-400 {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .lg\:bg-blue-500 {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .lg\:bg-blue-600 {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .lg\:bg-blue-700 {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .lg\:bg-blue-800 {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .lg\:bg-blue-900 {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .lg\:bg-blurple-100 {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .lg\:bg-blurple-200 {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .lg\:bg-blurple-300 {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .lg\:bg-blurple-400 {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .lg\:bg-blurple-500 {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .lg\:bg-blurple-700 {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .lg\:bg-green-300 {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .lg\:bg-green-500 {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .lg\:bg-green-700 {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .lg\:bg-orange-100 {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .lg\:bg-orange-200 {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .lg\:bg-orange-300 {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .lg\:bg-orange-400 {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .lg\:bg-orange-500 {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .lg\:bg-orange-600 {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .lg\:bg-orange-700 {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .lg\:bg-orange-800 {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .lg\:bg-orange-900 {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .lg\:bg-purple-100 {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .lg\:bg-purple-200 {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .lg\:bg-purple-300 {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .lg\:bg-purple-400 {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .lg\:bg-purple-500 {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .lg\:bg-purple-600 {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .lg\:bg-purple-700 {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .lg\:bg-purple-800 {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .lg\:bg-purple-900 {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .lg\:bg-red-300 {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .lg\:bg-red-500 {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .lg\:bg-red-700 {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .lg\:bg-teal-100 {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .lg\:bg-teal-200 {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .lg\:bg-teal-300 {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .lg\:bg-teal-400 {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .lg\:bg-teal-500 {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .lg\:bg-teal-600 {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .lg\:bg-teal-700 {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .lg\:bg-teal-800 {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .lg\:bg-teal-900 {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .lg\:bg-yellow-100 {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .lg\:bg-yellow-200 {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .lg\:bg-yellow-300 {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .lg\:bg-yellow-400 {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .lg\:bg-yellow-500 {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .lg\:bg-yellow-600 {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .lg\:bg-yellow-700 {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .lg\:bg-yellow-800 {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .lg\:bg-yellow-900 {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .lg\:bg-facebook-400 {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .lg\:bg-facebook-500 {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .lg\:bg-snapchat-400 {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .lg\:bg-snapchat-500 {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .lg\:bg-messenger-400 {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .lg\:bg-messenger-500 {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .lg\:bg-twitter-400 {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .lg\:bg-twitter-500 {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .lg\:bg-transparent-black-10 {
    background-color: rgba(0,0,0,0.1);
  }

  .lg\:bg-transparent-black-30 {
    background-color: rgba(0,0,0,0.3);
  }

  .lg\:bg-transparent-black-50 {
    background-color: rgba(0,0,0,0.5);
  }

  .lg\:bg-transparent-black-70 {
    background-color: rgba(0,0,0,0.7);
  }

  .lg\:bg-transparent-black-90 {
    background-color: rgba(0,0,0,0.9);
  }

  .lg\:bg-transparent-white-10 {
    background-color: rgba(255,255,255,0.1);
  }

  .lg\:bg-transparent-white-30 {
    background-color: rgba(255,255,255,0.3);
  }

  .lg\:bg-transparent-white-50 {
    background-color: rgba(255,255,255,0.5);
  }

  .lg\:bg-transparent-white-70 {
    background-color: rgba(255,255,255,0.7);
  }

  .lg\:bg-transparent-white-90 {
    background-color: rgba(255,255,255,0.9);
  }

  .lg\:bg-vr-dark-blue {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .lg\:bg-vr-neon-green {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .lg\:active\:bg-transparent:active {
    background-color: transparent;
  }

  .lg\:active\:bg-black:active {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .lg\:active\:bg-white:active {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .lg\:active\:bg-gray-100:active {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .lg\:active\:bg-gray-200:active {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .lg\:active\:bg-gray-300:active {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .lg\:active\:bg-gray-400:active {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .lg\:active\:bg-gray-500:active {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .lg\:active\:bg-gray-600:active {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .lg\:active\:bg-gray-700:active {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .lg\:active\:bg-gray-800:active {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .lg\:active\:bg-gray-900:active {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .lg\:active\:bg-blue-100:active {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .lg\:active\:bg-blue-200:active {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .lg\:active\:bg-blue-300:active {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .lg\:active\:bg-blue-400:active {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .lg\:active\:bg-blue-500:active {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .lg\:active\:bg-blue-600:active {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .lg\:active\:bg-blue-700:active {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .lg\:active\:bg-blue-800:active {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .lg\:active\:bg-blue-900:active {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .lg\:active\:bg-blurple-100:active {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .lg\:active\:bg-blurple-200:active {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .lg\:active\:bg-blurple-300:active {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .lg\:active\:bg-blurple-400:active {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .lg\:active\:bg-blurple-500:active {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .lg\:active\:bg-blurple-700:active {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .lg\:active\:bg-green-300:active {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .lg\:active\:bg-green-500:active {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .lg\:active\:bg-green-700:active {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .lg\:active\:bg-orange-100:active {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .lg\:active\:bg-orange-200:active {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .lg\:active\:bg-orange-300:active {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .lg\:active\:bg-orange-400:active {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .lg\:active\:bg-orange-500:active {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .lg\:active\:bg-orange-600:active {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .lg\:active\:bg-orange-700:active {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .lg\:active\:bg-orange-800:active {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .lg\:active\:bg-orange-900:active {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .lg\:active\:bg-purple-100:active {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .lg\:active\:bg-purple-200:active {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .lg\:active\:bg-purple-300:active {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .lg\:active\:bg-purple-400:active {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .lg\:active\:bg-purple-500:active {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .lg\:active\:bg-purple-600:active {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .lg\:active\:bg-purple-700:active {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .lg\:active\:bg-purple-800:active {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .lg\:active\:bg-purple-900:active {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .lg\:active\:bg-red-300:active {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .lg\:active\:bg-red-500:active {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .lg\:active\:bg-red-700:active {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .lg\:active\:bg-teal-100:active {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .lg\:active\:bg-teal-200:active {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .lg\:active\:bg-teal-300:active {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .lg\:active\:bg-teal-400:active {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .lg\:active\:bg-teal-500:active {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .lg\:active\:bg-teal-600:active {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .lg\:active\:bg-teal-700:active {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .lg\:active\:bg-teal-800:active {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .lg\:active\:bg-teal-900:active {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .lg\:active\:bg-yellow-100:active {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .lg\:active\:bg-yellow-200:active {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .lg\:active\:bg-yellow-300:active {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .lg\:active\:bg-yellow-400:active {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .lg\:active\:bg-yellow-500:active {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .lg\:active\:bg-yellow-600:active {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .lg\:active\:bg-yellow-700:active {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .lg\:active\:bg-yellow-800:active {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .lg\:active\:bg-yellow-900:active {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .lg\:active\:bg-facebook-400:active {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .lg\:active\:bg-facebook-500:active {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .lg\:active\:bg-snapchat-400:active {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .lg\:active\:bg-snapchat-500:active {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .lg\:active\:bg-messenger-400:active {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .lg\:active\:bg-messenger-500:active {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .lg\:active\:bg-twitter-400:active {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .lg\:active\:bg-twitter-500:active {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .lg\:active\:bg-transparent-black-10:active {
    background-color: rgba(0,0,0,0.1);
  }

  .lg\:active\:bg-transparent-black-30:active {
    background-color: rgba(0,0,0,0.3);
  }

  .lg\:active\:bg-transparent-black-50:active {
    background-color: rgba(0,0,0,0.5);
  }

  .lg\:active\:bg-transparent-black-70:active {
    background-color: rgba(0,0,0,0.7);
  }

  .lg\:active\:bg-transparent-black-90:active {
    background-color: rgba(0,0,0,0.9);
  }

  .lg\:active\:bg-transparent-white-10:active {
    background-color: rgba(255,255,255,0.1);
  }

  .lg\:active\:bg-transparent-white-30:active {
    background-color: rgba(255,255,255,0.3);
  }

  .lg\:active\:bg-transparent-white-50:active {
    background-color: rgba(255,255,255,0.5);
  }

  .lg\:active\:bg-transparent-white-70:active {
    background-color: rgba(255,255,255,0.7);
  }

  .lg\:active\:bg-transparent-white-90:active {
    background-color: rgba(255,255,255,0.9);
  }

  .lg\:active\:bg-vr-dark-blue:active {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .lg\:active\:bg-vr-neon-green:active {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .lg\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .lg\:hover\:bg-black:hover {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .lg\:hover\:bg-white:hover {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .lg\:hover\:bg-gray-100:hover {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .lg\:hover\:bg-gray-200:hover {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .lg\:hover\:bg-gray-300:hover {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .lg\:hover\:bg-gray-400:hover {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .lg\:hover\:bg-gray-500:hover {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .lg\:hover\:bg-gray-600:hover {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .lg\:hover\:bg-gray-700:hover {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .lg\:hover\:bg-gray-800:hover {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .lg\:hover\:bg-gray-900:hover {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .lg\:hover\:bg-blue-100:hover {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .lg\:hover\:bg-blue-200:hover {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .lg\:hover\:bg-blue-300:hover {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .lg\:hover\:bg-blue-400:hover {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .lg\:hover\:bg-blue-500:hover {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .lg\:hover\:bg-blue-600:hover {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .lg\:hover\:bg-blue-700:hover {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .lg\:hover\:bg-blue-800:hover {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .lg\:hover\:bg-blue-900:hover {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .lg\:hover\:bg-blurple-100:hover {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .lg\:hover\:bg-blurple-200:hover {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .lg\:hover\:bg-blurple-300:hover {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .lg\:hover\:bg-blurple-400:hover {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .lg\:hover\:bg-blurple-500:hover {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .lg\:hover\:bg-blurple-700:hover {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .lg\:hover\:bg-green-300:hover {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .lg\:hover\:bg-green-500:hover {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .lg\:hover\:bg-green-700:hover {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .lg\:hover\:bg-orange-100:hover {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .lg\:hover\:bg-orange-200:hover {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .lg\:hover\:bg-orange-300:hover {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .lg\:hover\:bg-orange-400:hover {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .lg\:hover\:bg-orange-500:hover {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .lg\:hover\:bg-orange-600:hover {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .lg\:hover\:bg-orange-700:hover {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .lg\:hover\:bg-orange-800:hover {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .lg\:hover\:bg-orange-900:hover {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .lg\:hover\:bg-purple-100:hover {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .lg\:hover\:bg-purple-200:hover {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .lg\:hover\:bg-purple-300:hover {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .lg\:hover\:bg-purple-400:hover {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .lg\:hover\:bg-purple-500:hover {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .lg\:hover\:bg-purple-600:hover {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .lg\:hover\:bg-purple-700:hover {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .lg\:hover\:bg-purple-800:hover {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .lg\:hover\:bg-purple-900:hover {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .lg\:hover\:bg-red-300:hover {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .lg\:hover\:bg-red-500:hover {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .lg\:hover\:bg-red-700:hover {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .lg\:hover\:bg-teal-100:hover {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .lg\:hover\:bg-teal-200:hover {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .lg\:hover\:bg-teal-300:hover {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .lg\:hover\:bg-teal-400:hover {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .lg\:hover\:bg-teal-500:hover {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .lg\:hover\:bg-teal-600:hover {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .lg\:hover\:bg-teal-700:hover {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .lg\:hover\:bg-teal-800:hover {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .lg\:hover\:bg-teal-900:hover {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .lg\:hover\:bg-yellow-100:hover {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .lg\:hover\:bg-yellow-200:hover {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .lg\:hover\:bg-yellow-300:hover {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .lg\:hover\:bg-yellow-400:hover {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .lg\:hover\:bg-yellow-500:hover {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .lg\:hover\:bg-yellow-600:hover {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .lg\:hover\:bg-yellow-700:hover {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .lg\:hover\:bg-yellow-800:hover {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .lg\:hover\:bg-yellow-900:hover {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .lg\:hover\:bg-facebook-400:hover {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .lg\:hover\:bg-facebook-500:hover {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .lg\:hover\:bg-snapchat-400:hover {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .lg\:hover\:bg-snapchat-500:hover {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .lg\:hover\:bg-messenger-400:hover {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .lg\:hover\:bg-messenger-500:hover {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .lg\:hover\:bg-twitter-400:hover {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .lg\:hover\:bg-twitter-500:hover {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .lg\:hover\:bg-transparent-black-10:hover {
    background-color: rgba(0,0,0,0.1);
  }

  .lg\:hover\:bg-transparent-black-30:hover {
    background-color: rgba(0,0,0,0.3);
  }

  .lg\:hover\:bg-transparent-black-50:hover {
    background-color: rgba(0,0,0,0.5);
  }

  .lg\:hover\:bg-transparent-black-70:hover {
    background-color: rgba(0,0,0,0.7);
  }

  .lg\:hover\:bg-transparent-black-90:hover {
    background-color: rgba(0,0,0,0.9);
  }

  .lg\:hover\:bg-transparent-white-10:hover {
    background-color: rgba(255,255,255,0.1);
  }

  .lg\:hover\:bg-transparent-white-30:hover {
    background-color: rgba(255,255,255,0.3);
  }

  .lg\:hover\:bg-transparent-white-50:hover {
    background-color: rgba(255,255,255,0.5);
  }

  .lg\:hover\:bg-transparent-white-70:hover {
    background-color: rgba(255,255,255,0.7);
  }

  .lg\:hover\:bg-transparent-white-90:hover {
    background-color: rgba(255,255,255,0.9);
  }

  .lg\:hover\:bg-vr-dark-blue:hover {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .lg\:hover\:bg-vr-neon-green:hover {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .lg\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .lg\:focus\:bg-black:focus {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .lg\:focus\:bg-white:focus {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .lg\:focus\:bg-gray-100:focus {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .lg\:focus\:bg-gray-200:focus {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .lg\:focus\:bg-gray-300:focus {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .lg\:focus\:bg-gray-400:focus {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .lg\:focus\:bg-gray-500:focus {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .lg\:focus\:bg-gray-600:focus {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .lg\:focus\:bg-gray-700:focus {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .lg\:focus\:bg-gray-800:focus {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .lg\:focus\:bg-gray-900:focus {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .lg\:focus\:bg-blue-100:focus {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .lg\:focus\:bg-blue-200:focus {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .lg\:focus\:bg-blue-300:focus {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .lg\:focus\:bg-blue-400:focus {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .lg\:focus\:bg-blue-500:focus {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .lg\:focus\:bg-blue-600:focus {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .lg\:focus\:bg-blue-700:focus {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .lg\:focus\:bg-blue-800:focus {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .lg\:focus\:bg-blue-900:focus {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .lg\:focus\:bg-blurple-100:focus {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .lg\:focus\:bg-blurple-200:focus {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .lg\:focus\:bg-blurple-300:focus {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .lg\:focus\:bg-blurple-400:focus {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .lg\:focus\:bg-blurple-500:focus {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .lg\:focus\:bg-blurple-700:focus {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .lg\:focus\:bg-green-300:focus {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .lg\:focus\:bg-green-500:focus {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .lg\:focus\:bg-green-700:focus {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .lg\:focus\:bg-orange-100:focus {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .lg\:focus\:bg-orange-200:focus {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .lg\:focus\:bg-orange-300:focus {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .lg\:focus\:bg-orange-400:focus {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .lg\:focus\:bg-orange-500:focus {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .lg\:focus\:bg-orange-600:focus {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .lg\:focus\:bg-orange-700:focus {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .lg\:focus\:bg-orange-800:focus {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .lg\:focus\:bg-orange-900:focus {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .lg\:focus\:bg-purple-100:focus {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .lg\:focus\:bg-purple-200:focus {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .lg\:focus\:bg-purple-300:focus {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .lg\:focus\:bg-purple-400:focus {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .lg\:focus\:bg-purple-500:focus {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .lg\:focus\:bg-purple-600:focus {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .lg\:focus\:bg-purple-700:focus {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .lg\:focus\:bg-purple-800:focus {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .lg\:focus\:bg-purple-900:focus {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .lg\:focus\:bg-red-300:focus {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .lg\:focus\:bg-red-500:focus {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .lg\:focus\:bg-red-700:focus {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .lg\:focus\:bg-teal-100:focus {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .lg\:focus\:bg-teal-200:focus {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .lg\:focus\:bg-teal-300:focus {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .lg\:focus\:bg-teal-400:focus {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .lg\:focus\:bg-teal-500:focus {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .lg\:focus\:bg-teal-600:focus {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .lg\:focus\:bg-teal-700:focus {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .lg\:focus\:bg-teal-800:focus {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .lg\:focus\:bg-teal-900:focus {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .lg\:focus\:bg-yellow-100:focus {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .lg\:focus\:bg-yellow-200:focus {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .lg\:focus\:bg-yellow-300:focus {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .lg\:focus\:bg-yellow-400:focus {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .lg\:focus\:bg-yellow-500:focus {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .lg\:focus\:bg-yellow-600:focus {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .lg\:focus\:bg-yellow-700:focus {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .lg\:focus\:bg-yellow-800:focus {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .lg\:focus\:bg-yellow-900:focus {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .lg\:focus\:bg-facebook-400:focus {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .lg\:focus\:bg-facebook-500:focus {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .lg\:focus\:bg-snapchat-400:focus {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .lg\:focus\:bg-snapchat-500:focus {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .lg\:focus\:bg-messenger-400:focus {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .lg\:focus\:bg-messenger-500:focus {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .lg\:focus\:bg-twitter-400:focus {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .lg\:focus\:bg-twitter-500:focus {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .lg\:focus\:bg-transparent-black-10:focus {
    background-color: rgba(0,0,0,0.1);
  }

  .lg\:focus\:bg-transparent-black-30:focus {
    background-color: rgba(0,0,0,0.3);
  }

  .lg\:focus\:bg-transparent-black-50:focus {
    background-color: rgba(0,0,0,0.5);
  }

  .lg\:focus\:bg-transparent-black-70:focus {
    background-color: rgba(0,0,0,0.7);
  }

  .lg\:focus\:bg-transparent-black-90:focus {
    background-color: rgba(0,0,0,0.9);
  }

  .lg\:focus\:bg-transparent-white-10:focus {
    background-color: rgba(255,255,255,0.1);
  }

  .lg\:focus\:bg-transparent-white-30:focus {
    background-color: rgba(255,255,255,0.3);
  }

  .lg\:focus\:bg-transparent-white-50:focus {
    background-color: rgba(255,255,255,0.5);
  }

  .lg\:focus\:bg-transparent-white-70:focus {
    background-color: rgba(255,255,255,0.7);
  }

  .lg\:focus\:bg-transparent-white-90:focus {
    background-color: rgba(255,255,255,0.9);
  }

  .lg\:focus\:bg-vr-dark-blue:focus {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .lg\:focus\:bg-vr-neon-green:focus {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .lg\:bg-none {
    background-image: none;
  }

  .lg\:bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  .lg\:bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  .lg\:bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  .lg\:bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  .lg\:bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  .lg\:bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  .lg\:bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  .lg\:bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  .lg\:from-transparent {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:from-black {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:from-white {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:from-gray-100 {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .lg\:from-gray-200 {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .lg\:from-gray-300 {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .lg\:from-gray-400 {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .lg\:from-gray-500 {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .lg\:from-gray-600 {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .lg\:from-gray-700 {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .lg\:from-gray-800 {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .lg\:from-gray-900 {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .lg\:from-blue-100 {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .lg\:from-blue-200 {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .lg\:from-blue-300 {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .lg\:from-blue-400 {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .lg\:from-blue-500 {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .lg\:from-blue-600 {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .lg\:from-blue-700 {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .lg\:from-blue-800 {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .lg\:from-blue-900 {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .lg\:from-blurple-100 {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .lg\:from-blurple-200 {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .lg\:from-blurple-300 {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .lg\:from-blurple-400 {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .lg\:from-blurple-500 {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .lg\:from-blurple-700 {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .lg\:from-green-300 {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .lg\:from-green-500 {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .lg\:from-green-700 {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .lg\:from-orange-100 {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .lg\:from-orange-200 {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .lg\:from-orange-300 {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .lg\:from-orange-400 {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .lg\:from-orange-500 {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .lg\:from-orange-600 {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .lg\:from-orange-700 {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .lg\:from-orange-800 {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .lg\:from-orange-900 {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .lg\:from-purple-100 {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .lg\:from-purple-200 {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .lg\:from-purple-300 {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .lg\:from-purple-400 {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .lg\:from-purple-500 {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .lg\:from-purple-600 {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .lg\:from-purple-700 {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .lg\:from-purple-800 {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .lg\:from-purple-900 {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .lg\:from-red-300 {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .lg\:from-red-500 {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .lg\:from-red-700 {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .lg\:from-teal-100 {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .lg\:from-teal-200 {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .lg\:from-teal-300 {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .lg\:from-teal-400 {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .lg\:from-teal-500 {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .lg\:from-teal-600 {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .lg\:from-teal-700 {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .lg\:from-teal-800 {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .lg\:from-teal-900 {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .lg\:from-yellow-100 {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .lg\:from-yellow-200 {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .lg\:from-yellow-300 {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .lg\:from-yellow-400 {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .lg\:from-yellow-500 {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .lg\:from-yellow-600 {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .lg\:from-yellow-700 {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .lg\:from-yellow-800 {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .lg\:from-yellow-900 {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .lg\:from-facebook-400 {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .lg\:from-facebook-500 {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .lg\:from-snapchat-400 {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .lg\:from-snapchat-500 {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .lg\:from-messenger-400 {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .lg\:from-messenger-500 {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .lg\:from-twitter-400 {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .lg\:from-twitter-500 {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .lg\:from-transparent-black-10 {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:from-transparent-black-30 {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:from-transparent-black-50 {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:from-transparent-black-70 {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:from-transparent-black-90 {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:from-transparent-white-10 {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:from-transparent-white-30 {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:from-transparent-white-50 {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:from-transparent-white-70 {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:from-transparent-white-90 {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:from-vr-dark-blue {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .lg\:from-vr-neon-green {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .lg\:via-transparent {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:via-black {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:via-white {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:via-gray-100 {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .lg\:via-gray-200 {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .lg\:via-gray-300 {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .lg\:via-gray-400 {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .lg\:via-gray-500 {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .lg\:via-gray-600 {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .lg\:via-gray-700 {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .lg\:via-gray-800 {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .lg\:via-gray-900 {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .lg\:via-blue-100 {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .lg\:via-blue-200 {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .lg\:via-blue-300 {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .lg\:via-blue-400 {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .lg\:via-blue-500 {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .lg\:via-blue-600 {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .lg\:via-blue-700 {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .lg\:via-blue-800 {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .lg\:via-blue-900 {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .lg\:via-blurple-100 {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .lg\:via-blurple-200 {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .lg\:via-blurple-300 {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .lg\:via-blurple-400 {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .lg\:via-blurple-500 {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .lg\:via-blurple-700 {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .lg\:via-green-300 {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .lg\:via-green-500 {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .lg\:via-green-700 {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .lg\:via-orange-100 {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .lg\:via-orange-200 {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .lg\:via-orange-300 {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .lg\:via-orange-400 {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .lg\:via-orange-500 {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .lg\:via-orange-600 {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .lg\:via-orange-700 {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .lg\:via-orange-800 {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .lg\:via-orange-900 {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .lg\:via-purple-100 {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .lg\:via-purple-200 {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .lg\:via-purple-300 {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .lg\:via-purple-400 {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .lg\:via-purple-500 {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .lg\:via-purple-600 {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .lg\:via-purple-700 {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .lg\:via-purple-800 {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .lg\:via-purple-900 {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .lg\:via-red-300 {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .lg\:via-red-500 {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .lg\:via-red-700 {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .lg\:via-teal-100 {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .lg\:via-teal-200 {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .lg\:via-teal-300 {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .lg\:via-teal-400 {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .lg\:via-teal-500 {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .lg\:via-teal-600 {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .lg\:via-teal-700 {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .lg\:via-teal-800 {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .lg\:via-teal-900 {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .lg\:via-yellow-100 {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .lg\:via-yellow-200 {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .lg\:via-yellow-300 {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .lg\:via-yellow-400 {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .lg\:via-yellow-500 {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .lg\:via-yellow-600 {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .lg\:via-yellow-700 {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .lg\:via-yellow-800 {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .lg\:via-yellow-900 {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .lg\:via-facebook-400 {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .lg\:via-facebook-500 {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .lg\:via-snapchat-400 {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .lg\:via-snapchat-500 {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .lg\:via-messenger-400 {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .lg\:via-messenger-500 {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .lg\:via-twitter-400 {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .lg\:via-twitter-500 {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .lg\:via-transparent-black-10 {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:via-transparent-black-30 {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:via-transparent-black-50 {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:via-transparent-black-70 {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:via-transparent-black-90 {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:via-transparent-white-10 {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:via-transparent-white-30 {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:via-transparent-white-50 {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:via-transparent-white-70 {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:via-transparent-white-90 {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:via-vr-dark-blue {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .lg\:via-vr-neon-green {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .lg\:to-transparent {
    --gradient-to-color: transparent;
  }

  .lg\:to-black {
    --gradient-to-color: #000;
  }

  .lg\:to-white {
    --gradient-to-color: #fff;
  }

  .lg\:to-gray-100 {
    --gradient-to-color: #f7fafc;
  }

  .lg\:to-gray-200 {
    --gradient-to-color: #edf2f7;
  }

  .lg\:to-gray-300 {
    --gradient-to-color: #e2e8f0;
  }

  .lg\:to-gray-400 {
    --gradient-to-color: #cbd5e0;
  }

  .lg\:to-gray-500 {
    --gradient-to-color: #a0aec0;
  }

  .lg\:to-gray-600 {
    --gradient-to-color: #718096;
  }

  .lg\:to-gray-700 {
    --gradient-to-color: #4a5568;
  }

  .lg\:to-gray-800 {
    --gradient-to-color: #2d3748;
  }

  .lg\:to-gray-900 {
    --gradient-to-color: #1a202c;
  }

  .lg\:to-blue-100 {
    --gradient-to-color: #86dfff;
  }

  .lg\:to-blue-200 {
    --gradient-to-color: #6bd6ff;
  }

  .lg\:to-blue-300 {
    --gradient-to-color: #52ccff;
  }

  .lg\:to-blue-400 {
    --gradient-to-color: #3ac2ff;
  }

  .lg\:to-blue-500 {
    --gradient-to-color: #23b7fb;
  }

  .lg\:to-blue-600 {
    --gradient-to-color: #1a9adf;
  }

  .lg\:to-blue-700 {
    --gradient-to-color: #127fbf;
  }

  .lg\:to-blue-800 {
    --gradient-to-color: #0c659f;
  }

  .lg\:to-blue-900 {
    --gradient-to-color: #074c80;
  }

  .lg\:to-blurple-100 {
    --gradient-to-color: #938FDB;
  }

  .lg\:to-blurple-200 {
    --gradient-to-color: #7A75D0;
  }

  .lg\:to-blurple-300 {
    --gradient-to-color: #615BC4;
  }

  .lg\:to-blurple-400 {
    --gradient-to-color: #4943B7;
  }

  .lg\:to-blurple-500 {
    --gradient-to-color: #322baa;
  }

  .lg\:to-blurple-700 {
    --gradient-to-color: #1c1e84;
  }

  .lg\:to-green-300 {
    --gradient-to-color: #42d86f;
  }

  .lg\:to-green-500 {
    --gradient-to-color: #0cc242;
  }

  .lg\:to-green-700 {
    --gradient-to-color: #02983a;
  }

  .lg\:to-orange-100 {
    --gradient-to-color: #ff6e4a;
  }

  .lg\:to-orange-200 {
    --gradient-to-color: #ff6640;
  }

  .lg\:to-orange-300 {
    --gradient-to-color: #ff5e36;
  }

  .lg\:to-orange-400 {
    --gradient-to-color: #ff562b;
  }

  .lg\:to-orange-500 {
    --gradient-to-color: #ff4d22;
  }

  .lg\:to-orange-600 {
    --gradient-to-color: #e5461e;
  }

  .lg\:to-orange-700 {
    --gradient-to-color: #cc3e1b;
  }

  .lg\:to-orange-800 {
    --gradient-to-color: #b33617;
  }

  .lg\:to-orange-900 {
    --gradient-to-color: #992f14;
  }

  .lg\:to-purple-100 {
    --gradient-to-color: #c861ff;
  }

  .lg\:to-purple-200 {
    --gradient-to-color: #c354ff;
  }

  .lg\:to-purple-300 {
    --gradient-to-color: #be49fc;
  }

  .lg\:to-purple-400 {
    --gradient-to-color: #ab42e3;
  }

  .lg\:to-purple-500 {
    --gradient-to-color: #983ac9;
  }

  .lg\:to-purple-600 {
    --gradient-to-color: #8433b0;
  }

  .lg\:to-purple-700 {
    --gradient-to-color: #712c96;
  }

  .lg\:to-purple-800 {
    --gradient-to-color: #5e247d;
  }

  .lg\:to-purple-900 {
    --gradient-to-color: #4b1d63;
  }

  .lg\:to-red-300 {
    --gradient-to-color: #ff6d69;
  }

  .lg\:to-red-500 {
    --gradient-to-color: #ff4540;
  }

  .lg\:to-red-700 {
    --gradient-to-color: #bf3929;
  }

  .lg\:to-teal-100 {
    --gradient-to-color: #8cfff9;
  }

  .lg\:to-teal-200 {
    --gradient-to-color: #66fff7;
  }

  .lg\:to-teal-300 {
    --gradient-to-color: #40fff5;
  }

  .lg\:to-teal-400 {
    --gradient-to-color: #35fcf2;
  }

  .lg\:to-teal-500 {
    --gradient-to-color: #30e3da;
  }

  .lg\:to-teal-600 {
    --gradient-to-color: #2ac9c1;
  }

  .lg\:to-teal-700 {
    --gradient-to-color: #25b0a9;
  }

  .lg\:to-teal-800 {
    --gradient-to-color: #209691;
  }

  .lg\:to-teal-900 {
    --gradient-to-color: #1a7d78;
  }

  .lg\:to-yellow-100 {
    --gradient-to-color: #ffe894;
  }

  .lg\:to-yellow-200 {
    --gradient-to-color: #ffe27a;
  }

  .lg\:to-yellow-300 {
    --gradient-to-color: #ffdd61;
  }

  .lg\:to-yellow-400 {
    --gradient-to-color: #ffd747;
  }

  .lg\:to-yellow-500 {
    --gradient-to-color: #fcce2f;
  }

  .lg\:to-yellow-600 {
    --gradient-to-color: #e3bb29;
  }

  .lg\:to-yellow-700 {
    --gradient-to-color: #c9a624;
  }

  .lg\:to-yellow-800 {
    --gradient-to-color: #b09120;
  }

  .lg\:to-yellow-900 {
    --gradient-to-color: #967c1b;
  }

  .lg\:to-facebook-400 {
    --gradient-to-color: #4a6dbc;
  }

  .lg\:to-facebook-500 {
    --gradient-to-color: #39579a;
  }

  .lg\:to-snapchat-400 {
    --gradient-to-color: #fffc00;
  }

  .lg\:to-snapchat-500 {
    --gradient-to-color: #39579a;
  }

  .lg\:to-messenger-400 {
    --gradient-to-color: #339dff;
  }

  .lg\:to-messenger-500 {
    --gradient-to-color: #0084ff;
  }

  .lg\:to-twitter-400 {
    --gradient-to-color: #21c2ff;
  }

  .lg\:to-twitter-500 {
    --gradient-to-color: #00aced;
  }

  .lg\:to-transparent-black-10 {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .lg\:to-transparent-black-30 {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .lg\:to-transparent-black-50 {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .lg\:to-transparent-black-70 {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .lg\:to-transparent-black-90 {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .lg\:to-transparent-white-10 {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .lg\:to-transparent-white-30 {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .lg\:to-transparent-white-50 {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .lg\:to-transparent-white-70 {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .lg\:to-transparent-white-90 {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .lg\:to-vr-dark-blue {
    --gradient-to-color: #000047;
  }

  .lg\:to-vr-neon-green {
    --gradient-to-color: #00ff75;
  }

  .lg\:hover\:from-transparent:hover {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:from-black:hover {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:from-white:hover {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:from-gray-100:hover {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .lg\:hover\:from-gray-200:hover {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .lg\:hover\:from-gray-300:hover {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .lg\:hover\:from-gray-400:hover {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .lg\:hover\:from-gray-500:hover {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .lg\:hover\:from-gray-600:hover {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .lg\:hover\:from-gray-700:hover {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .lg\:hover\:from-gray-800:hover {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .lg\:hover\:from-gray-900:hover {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .lg\:hover\:from-blue-100:hover {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .lg\:hover\:from-blue-200:hover {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .lg\:hover\:from-blue-300:hover {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .lg\:hover\:from-blue-400:hover {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .lg\:hover\:from-blue-500:hover {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .lg\:hover\:from-blue-600:hover {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .lg\:hover\:from-blue-700:hover {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .lg\:hover\:from-blue-800:hover {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .lg\:hover\:from-blue-900:hover {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .lg\:hover\:from-blurple-100:hover {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .lg\:hover\:from-blurple-200:hover {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .lg\:hover\:from-blurple-300:hover {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .lg\:hover\:from-blurple-400:hover {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .lg\:hover\:from-blurple-500:hover {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .lg\:hover\:from-blurple-700:hover {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .lg\:hover\:from-green-300:hover {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .lg\:hover\:from-green-500:hover {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .lg\:hover\:from-green-700:hover {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .lg\:hover\:from-orange-100:hover {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .lg\:hover\:from-orange-200:hover {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .lg\:hover\:from-orange-300:hover {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .lg\:hover\:from-orange-400:hover {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .lg\:hover\:from-orange-500:hover {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .lg\:hover\:from-orange-600:hover {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .lg\:hover\:from-orange-700:hover {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .lg\:hover\:from-orange-800:hover {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .lg\:hover\:from-orange-900:hover {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .lg\:hover\:from-purple-100:hover {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .lg\:hover\:from-purple-200:hover {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .lg\:hover\:from-purple-300:hover {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .lg\:hover\:from-purple-400:hover {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .lg\:hover\:from-purple-500:hover {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .lg\:hover\:from-purple-600:hover {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .lg\:hover\:from-purple-700:hover {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .lg\:hover\:from-purple-800:hover {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .lg\:hover\:from-purple-900:hover {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .lg\:hover\:from-red-300:hover {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .lg\:hover\:from-red-500:hover {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .lg\:hover\:from-red-700:hover {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .lg\:hover\:from-teal-100:hover {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .lg\:hover\:from-teal-200:hover {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .lg\:hover\:from-teal-300:hover {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .lg\:hover\:from-teal-400:hover {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .lg\:hover\:from-teal-500:hover {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .lg\:hover\:from-teal-600:hover {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .lg\:hover\:from-teal-700:hover {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .lg\:hover\:from-teal-800:hover {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .lg\:hover\:from-teal-900:hover {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .lg\:hover\:from-yellow-100:hover {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .lg\:hover\:from-yellow-200:hover {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .lg\:hover\:from-yellow-300:hover {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .lg\:hover\:from-yellow-400:hover {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .lg\:hover\:from-yellow-500:hover {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .lg\:hover\:from-yellow-600:hover {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .lg\:hover\:from-yellow-700:hover {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .lg\:hover\:from-yellow-800:hover {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .lg\:hover\:from-yellow-900:hover {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .lg\:hover\:from-facebook-400:hover {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .lg\:hover\:from-facebook-500:hover {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .lg\:hover\:from-snapchat-400:hover {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .lg\:hover\:from-snapchat-500:hover {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .lg\:hover\:from-messenger-400:hover {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .lg\:hover\:from-messenger-500:hover {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .lg\:hover\:from-twitter-400:hover {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .lg\:hover\:from-twitter-500:hover {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .lg\:hover\:from-transparent-black-10:hover {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:from-transparent-black-30:hover {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:from-transparent-black-50:hover {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:from-transparent-black-70:hover {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:from-transparent-black-90:hover {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:from-transparent-white-10:hover {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:from-transparent-white-30:hover {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:from-transparent-white-50:hover {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:from-transparent-white-70:hover {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:from-transparent-white-90:hover {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:from-vr-dark-blue:hover {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .lg\:hover\:from-vr-neon-green:hover {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .lg\:hover\:via-transparent:hover {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:via-black:hover {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:via-white:hover {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:via-gray-100:hover {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .lg\:hover\:via-gray-200:hover {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .lg\:hover\:via-gray-300:hover {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .lg\:hover\:via-gray-400:hover {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .lg\:hover\:via-gray-500:hover {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .lg\:hover\:via-gray-600:hover {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .lg\:hover\:via-gray-700:hover {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .lg\:hover\:via-gray-800:hover {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .lg\:hover\:via-gray-900:hover {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .lg\:hover\:via-blue-100:hover {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .lg\:hover\:via-blue-200:hover {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .lg\:hover\:via-blue-300:hover {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .lg\:hover\:via-blue-400:hover {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .lg\:hover\:via-blue-500:hover {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .lg\:hover\:via-blue-600:hover {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .lg\:hover\:via-blue-700:hover {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .lg\:hover\:via-blue-800:hover {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .lg\:hover\:via-blue-900:hover {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .lg\:hover\:via-blurple-100:hover {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .lg\:hover\:via-blurple-200:hover {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .lg\:hover\:via-blurple-300:hover {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .lg\:hover\:via-blurple-400:hover {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .lg\:hover\:via-blurple-500:hover {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .lg\:hover\:via-blurple-700:hover {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .lg\:hover\:via-green-300:hover {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .lg\:hover\:via-green-500:hover {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .lg\:hover\:via-green-700:hover {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .lg\:hover\:via-orange-100:hover {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .lg\:hover\:via-orange-200:hover {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .lg\:hover\:via-orange-300:hover {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .lg\:hover\:via-orange-400:hover {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .lg\:hover\:via-orange-500:hover {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .lg\:hover\:via-orange-600:hover {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .lg\:hover\:via-orange-700:hover {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .lg\:hover\:via-orange-800:hover {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .lg\:hover\:via-orange-900:hover {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .lg\:hover\:via-purple-100:hover {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .lg\:hover\:via-purple-200:hover {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .lg\:hover\:via-purple-300:hover {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .lg\:hover\:via-purple-400:hover {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .lg\:hover\:via-purple-500:hover {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .lg\:hover\:via-purple-600:hover {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .lg\:hover\:via-purple-700:hover {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .lg\:hover\:via-purple-800:hover {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .lg\:hover\:via-purple-900:hover {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .lg\:hover\:via-red-300:hover {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .lg\:hover\:via-red-500:hover {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .lg\:hover\:via-red-700:hover {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .lg\:hover\:via-teal-100:hover {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .lg\:hover\:via-teal-200:hover {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .lg\:hover\:via-teal-300:hover {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .lg\:hover\:via-teal-400:hover {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .lg\:hover\:via-teal-500:hover {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .lg\:hover\:via-teal-600:hover {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .lg\:hover\:via-teal-700:hover {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .lg\:hover\:via-teal-800:hover {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .lg\:hover\:via-teal-900:hover {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .lg\:hover\:via-yellow-100:hover {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .lg\:hover\:via-yellow-200:hover {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .lg\:hover\:via-yellow-300:hover {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .lg\:hover\:via-yellow-400:hover {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .lg\:hover\:via-yellow-500:hover {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .lg\:hover\:via-yellow-600:hover {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .lg\:hover\:via-yellow-700:hover {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .lg\:hover\:via-yellow-800:hover {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .lg\:hover\:via-yellow-900:hover {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .lg\:hover\:via-facebook-400:hover {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .lg\:hover\:via-facebook-500:hover {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .lg\:hover\:via-snapchat-400:hover {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .lg\:hover\:via-snapchat-500:hover {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .lg\:hover\:via-messenger-400:hover {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .lg\:hover\:via-messenger-500:hover {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .lg\:hover\:via-twitter-400:hover {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .lg\:hover\:via-twitter-500:hover {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .lg\:hover\:via-transparent-black-10:hover {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:via-transparent-black-30:hover {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:via-transparent-black-50:hover {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:via-transparent-black-70:hover {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:via-transparent-black-90:hover {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:via-transparent-white-10:hover {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:via-transparent-white-30:hover {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:via-transparent-white-50:hover {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:via-transparent-white-70:hover {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:via-transparent-white-90:hover {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:via-vr-dark-blue:hover {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .lg\:hover\:via-vr-neon-green:hover {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .lg\:hover\:to-transparent:hover {
    --gradient-to-color: transparent;
  }

  .lg\:hover\:to-black:hover {
    --gradient-to-color: #000;
  }

  .lg\:hover\:to-white:hover {
    --gradient-to-color: #fff;
  }

  .lg\:hover\:to-gray-100:hover {
    --gradient-to-color: #f7fafc;
  }

  .lg\:hover\:to-gray-200:hover {
    --gradient-to-color: #edf2f7;
  }

  .lg\:hover\:to-gray-300:hover {
    --gradient-to-color: #e2e8f0;
  }

  .lg\:hover\:to-gray-400:hover {
    --gradient-to-color: #cbd5e0;
  }

  .lg\:hover\:to-gray-500:hover {
    --gradient-to-color: #a0aec0;
  }

  .lg\:hover\:to-gray-600:hover {
    --gradient-to-color: #718096;
  }

  .lg\:hover\:to-gray-700:hover {
    --gradient-to-color: #4a5568;
  }

  .lg\:hover\:to-gray-800:hover {
    --gradient-to-color: #2d3748;
  }

  .lg\:hover\:to-gray-900:hover {
    --gradient-to-color: #1a202c;
  }

  .lg\:hover\:to-blue-100:hover {
    --gradient-to-color: #86dfff;
  }

  .lg\:hover\:to-blue-200:hover {
    --gradient-to-color: #6bd6ff;
  }

  .lg\:hover\:to-blue-300:hover {
    --gradient-to-color: #52ccff;
  }

  .lg\:hover\:to-blue-400:hover {
    --gradient-to-color: #3ac2ff;
  }

  .lg\:hover\:to-blue-500:hover {
    --gradient-to-color: #23b7fb;
  }

  .lg\:hover\:to-blue-600:hover {
    --gradient-to-color: #1a9adf;
  }

  .lg\:hover\:to-blue-700:hover {
    --gradient-to-color: #127fbf;
  }

  .lg\:hover\:to-blue-800:hover {
    --gradient-to-color: #0c659f;
  }

  .lg\:hover\:to-blue-900:hover {
    --gradient-to-color: #074c80;
  }

  .lg\:hover\:to-blurple-100:hover {
    --gradient-to-color: #938FDB;
  }

  .lg\:hover\:to-blurple-200:hover {
    --gradient-to-color: #7A75D0;
  }

  .lg\:hover\:to-blurple-300:hover {
    --gradient-to-color: #615BC4;
  }

  .lg\:hover\:to-blurple-400:hover {
    --gradient-to-color: #4943B7;
  }

  .lg\:hover\:to-blurple-500:hover {
    --gradient-to-color: #322baa;
  }

  .lg\:hover\:to-blurple-700:hover {
    --gradient-to-color: #1c1e84;
  }

  .lg\:hover\:to-green-300:hover {
    --gradient-to-color: #42d86f;
  }

  .lg\:hover\:to-green-500:hover {
    --gradient-to-color: #0cc242;
  }

  .lg\:hover\:to-green-700:hover {
    --gradient-to-color: #02983a;
  }

  .lg\:hover\:to-orange-100:hover {
    --gradient-to-color: #ff6e4a;
  }

  .lg\:hover\:to-orange-200:hover {
    --gradient-to-color: #ff6640;
  }

  .lg\:hover\:to-orange-300:hover {
    --gradient-to-color: #ff5e36;
  }

  .lg\:hover\:to-orange-400:hover {
    --gradient-to-color: #ff562b;
  }

  .lg\:hover\:to-orange-500:hover {
    --gradient-to-color: #ff4d22;
  }

  .lg\:hover\:to-orange-600:hover {
    --gradient-to-color: #e5461e;
  }

  .lg\:hover\:to-orange-700:hover {
    --gradient-to-color: #cc3e1b;
  }

  .lg\:hover\:to-orange-800:hover {
    --gradient-to-color: #b33617;
  }

  .lg\:hover\:to-orange-900:hover {
    --gradient-to-color: #992f14;
  }

  .lg\:hover\:to-purple-100:hover {
    --gradient-to-color: #c861ff;
  }

  .lg\:hover\:to-purple-200:hover {
    --gradient-to-color: #c354ff;
  }

  .lg\:hover\:to-purple-300:hover {
    --gradient-to-color: #be49fc;
  }

  .lg\:hover\:to-purple-400:hover {
    --gradient-to-color: #ab42e3;
  }

  .lg\:hover\:to-purple-500:hover {
    --gradient-to-color: #983ac9;
  }

  .lg\:hover\:to-purple-600:hover {
    --gradient-to-color: #8433b0;
  }

  .lg\:hover\:to-purple-700:hover {
    --gradient-to-color: #712c96;
  }

  .lg\:hover\:to-purple-800:hover {
    --gradient-to-color: #5e247d;
  }

  .lg\:hover\:to-purple-900:hover {
    --gradient-to-color: #4b1d63;
  }

  .lg\:hover\:to-red-300:hover {
    --gradient-to-color: #ff6d69;
  }

  .lg\:hover\:to-red-500:hover {
    --gradient-to-color: #ff4540;
  }

  .lg\:hover\:to-red-700:hover {
    --gradient-to-color: #bf3929;
  }

  .lg\:hover\:to-teal-100:hover {
    --gradient-to-color: #8cfff9;
  }

  .lg\:hover\:to-teal-200:hover {
    --gradient-to-color: #66fff7;
  }

  .lg\:hover\:to-teal-300:hover {
    --gradient-to-color: #40fff5;
  }

  .lg\:hover\:to-teal-400:hover {
    --gradient-to-color: #35fcf2;
  }

  .lg\:hover\:to-teal-500:hover {
    --gradient-to-color: #30e3da;
  }

  .lg\:hover\:to-teal-600:hover {
    --gradient-to-color: #2ac9c1;
  }

  .lg\:hover\:to-teal-700:hover {
    --gradient-to-color: #25b0a9;
  }

  .lg\:hover\:to-teal-800:hover {
    --gradient-to-color: #209691;
  }

  .lg\:hover\:to-teal-900:hover {
    --gradient-to-color: #1a7d78;
  }

  .lg\:hover\:to-yellow-100:hover {
    --gradient-to-color: #ffe894;
  }

  .lg\:hover\:to-yellow-200:hover {
    --gradient-to-color: #ffe27a;
  }

  .lg\:hover\:to-yellow-300:hover {
    --gradient-to-color: #ffdd61;
  }

  .lg\:hover\:to-yellow-400:hover {
    --gradient-to-color: #ffd747;
  }

  .lg\:hover\:to-yellow-500:hover {
    --gradient-to-color: #fcce2f;
  }

  .lg\:hover\:to-yellow-600:hover {
    --gradient-to-color: #e3bb29;
  }

  .lg\:hover\:to-yellow-700:hover {
    --gradient-to-color: #c9a624;
  }

  .lg\:hover\:to-yellow-800:hover {
    --gradient-to-color: #b09120;
  }

  .lg\:hover\:to-yellow-900:hover {
    --gradient-to-color: #967c1b;
  }

  .lg\:hover\:to-facebook-400:hover {
    --gradient-to-color: #4a6dbc;
  }

  .lg\:hover\:to-facebook-500:hover {
    --gradient-to-color: #39579a;
  }

  .lg\:hover\:to-snapchat-400:hover {
    --gradient-to-color: #fffc00;
  }

  .lg\:hover\:to-snapchat-500:hover {
    --gradient-to-color: #39579a;
  }

  .lg\:hover\:to-messenger-400:hover {
    --gradient-to-color: #339dff;
  }

  .lg\:hover\:to-messenger-500:hover {
    --gradient-to-color: #0084ff;
  }

  .lg\:hover\:to-twitter-400:hover {
    --gradient-to-color: #21c2ff;
  }

  .lg\:hover\:to-twitter-500:hover {
    --gradient-to-color: #00aced;
  }

  .lg\:hover\:to-transparent-black-10:hover {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .lg\:hover\:to-transparent-black-30:hover {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .lg\:hover\:to-transparent-black-50:hover {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .lg\:hover\:to-transparent-black-70:hover {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .lg\:hover\:to-transparent-black-90:hover {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .lg\:hover\:to-transparent-white-10:hover {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .lg\:hover\:to-transparent-white-30:hover {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .lg\:hover\:to-transparent-white-50:hover {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .lg\:hover\:to-transparent-white-70:hover {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .lg\:hover\:to-transparent-white-90:hover {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .lg\:hover\:to-vr-dark-blue:hover {
    --gradient-to-color: #000047;
  }

  .lg\:hover\:to-vr-neon-green:hover {
    --gradient-to-color: #00ff75;
  }

  .lg\:focus\:from-transparent:focus {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:from-black:focus {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:from-white:focus {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:from-gray-100:focus {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .lg\:focus\:from-gray-200:focus {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .lg\:focus\:from-gray-300:focus {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .lg\:focus\:from-gray-400:focus {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .lg\:focus\:from-gray-500:focus {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .lg\:focus\:from-gray-600:focus {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .lg\:focus\:from-gray-700:focus {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .lg\:focus\:from-gray-800:focus {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .lg\:focus\:from-gray-900:focus {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .lg\:focus\:from-blue-100:focus {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .lg\:focus\:from-blue-200:focus {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .lg\:focus\:from-blue-300:focus {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .lg\:focus\:from-blue-400:focus {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .lg\:focus\:from-blue-500:focus {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .lg\:focus\:from-blue-600:focus {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .lg\:focus\:from-blue-700:focus {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .lg\:focus\:from-blue-800:focus {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .lg\:focus\:from-blue-900:focus {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .lg\:focus\:from-blurple-100:focus {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .lg\:focus\:from-blurple-200:focus {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .lg\:focus\:from-blurple-300:focus {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .lg\:focus\:from-blurple-400:focus {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .lg\:focus\:from-blurple-500:focus {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .lg\:focus\:from-blurple-700:focus {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .lg\:focus\:from-green-300:focus {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .lg\:focus\:from-green-500:focus {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .lg\:focus\:from-green-700:focus {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .lg\:focus\:from-orange-100:focus {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .lg\:focus\:from-orange-200:focus {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .lg\:focus\:from-orange-300:focus {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .lg\:focus\:from-orange-400:focus {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .lg\:focus\:from-orange-500:focus {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .lg\:focus\:from-orange-600:focus {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .lg\:focus\:from-orange-700:focus {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .lg\:focus\:from-orange-800:focus {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .lg\:focus\:from-orange-900:focus {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .lg\:focus\:from-purple-100:focus {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .lg\:focus\:from-purple-200:focus {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .lg\:focus\:from-purple-300:focus {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .lg\:focus\:from-purple-400:focus {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .lg\:focus\:from-purple-500:focus {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .lg\:focus\:from-purple-600:focus {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .lg\:focus\:from-purple-700:focus {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .lg\:focus\:from-purple-800:focus {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .lg\:focus\:from-purple-900:focus {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .lg\:focus\:from-red-300:focus {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .lg\:focus\:from-red-500:focus {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .lg\:focus\:from-red-700:focus {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .lg\:focus\:from-teal-100:focus {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .lg\:focus\:from-teal-200:focus {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .lg\:focus\:from-teal-300:focus {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .lg\:focus\:from-teal-400:focus {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .lg\:focus\:from-teal-500:focus {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .lg\:focus\:from-teal-600:focus {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .lg\:focus\:from-teal-700:focus {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .lg\:focus\:from-teal-800:focus {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .lg\:focus\:from-teal-900:focus {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .lg\:focus\:from-yellow-100:focus {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .lg\:focus\:from-yellow-200:focus {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .lg\:focus\:from-yellow-300:focus {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .lg\:focus\:from-yellow-400:focus {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .lg\:focus\:from-yellow-500:focus {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .lg\:focus\:from-yellow-600:focus {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .lg\:focus\:from-yellow-700:focus {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .lg\:focus\:from-yellow-800:focus {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .lg\:focus\:from-yellow-900:focus {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .lg\:focus\:from-facebook-400:focus {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .lg\:focus\:from-facebook-500:focus {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .lg\:focus\:from-snapchat-400:focus {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .lg\:focus\:from-snapchat-500:focus {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .lg\:focus\:from-messenger-400:focus {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .lg\:focus\:from-messenger-500:focus {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .lg\:focus\:from-twitter-400:focus {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .lg\:focus\:from-twitter-500:focus {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .lg\:focus\:from-transparent-black-10:focus {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:from-transparent-black-30:focus {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:from-transparent-black-50:focus {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:from-transparent-black-70:focus {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:from-transparent-black-90:focus {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:from-transparent-white-10:focus {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:from-transparent-white-30:focus {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:from-transparent-white-50:focus {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:from-transparent-white-70:focus {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:from-transparent-white-90:focus {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:from-vr-dark-blue:focus {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .lg\:focus\:from-vr-neon-green:focus {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .lg\:focus\:via-transparent:focus {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:via-black:focus {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:via-white:focus {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:via-gray-100:focus {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .lg\:focus\:via-gray-200:focus {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .lg\:focus\:via-gray-300:focus {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .lg\:focus\:via-gray-400:focus {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .lg\:focus\:via-gray-500:focus {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .lg\:focus\:via-gray-600:focus {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .lg\:focus\:via-gray-700:focus {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .lg\:focus\:via-gray-800:focus {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .lg\:focus\:via-gray-900:focus {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .lg\:focus\:via-blue-100:focus {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .lg\:focus\:via-blue-200:focus {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .lg\:focus\:via-blue-300:focus {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .lg\:focus\:via-blue-400:focus {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .lg\:focus\:via-blue-500:focus {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .lg\:focus\:via-blue-600:focus {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .lg\:focus\:via-blue-700:focus {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .lg\:focus\:via-blue-800:focus {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .lg\:focus\:via-blue-900:focus {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .lg\:focus\:via-blurple-100:focus {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .lg\:focus\:via-blurple-200:focus {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .lg\:focus\:via-blurple-300:focus {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .lg\:focus\:via-blurple-400:focus {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .lg\:focus\:via-blurple-500:focus {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .lg\:focus\:via-blurple-700:focus {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .lg\:focus\:via-green-300:focus {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .lg\:focus\:via-green-500:focus {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .lg\:focus\:via-green-700:focus {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .lg\:focus\:via-orange-100:focus {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .lg\:focus\:via-orange-200:focus {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .lg\:focus\:via-orange-300:focus {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .lg\:focus\:via-orange-400:focus {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .lg\:focus\:via-orange-500:focus {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .lg\:focus\:via-orange-600:focus {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .lg\:focus\:via-orange-700:focus {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .lg\:focus\:via-orange-800:focus {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .lg\:focus\:via-orange-900:focus {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .lg\:focus\:via-purple-100:focus {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .lg\:focus\:via-purple-200:focus {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .lg\:focus\:via-purple-300:focus {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .lg\:focus\:via-purple-400:focus {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .lg\:focus\:via-purple-500:focus {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .lg\:focus\:via-purple-600:focus {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .lg\:focus\:via-purple-700:focus {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .lg\:focus\:via-purple-800:focus {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .lg\:focus\:via-purple-900:focus {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .lg\:focus\:via-red-300:focus {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .lg\:focus\:via-red-500:focus {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .lg\:focus\:via-red-700:focus {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .lg\:focus\:via-teal-100:focus {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .lg\:focus\:via-teal-200:focus {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .lg\:focus\:via-teal-300:focus {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .lg\:focus\:via-teal-400:focus {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .lg\:focus\:via-teal-500:focus {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .lg\:focus\:via-teal-600:focus {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .lg\:focus\:via-teal-700:focus {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .lg\:focus\:via-teal-800:focus {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .lg\:focus\:via-teal-900:focus {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .lg\:focus\:via-yellow-100:focus {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .lg\:focus\:via-yellow-200:focus {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .lg\:focus\:via-yellow-300:focus {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .lg\:focus\:via-yellow-400:focus {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .lg\:focus\:via-yellow-500:focus {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .lg\:focus\:via-yellow-600:focus {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .lg\:focus\:via-yellow-700:focus {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .lg\:focus\:via-yellow-800:focus {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .lg\:focus\:via-yellow-900:focus {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .lg\:focus\:via-facebook-400:focus {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .lg\:focus\:via-facebook-500:focus {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .lg\:focus\:via-snapchat-400:focus {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .lg\:focus\:via-snapchat-500:focus {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .lg\:focus\:via-messenger-400:focus {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .lg\:focus\:via-messenger-500:focus {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .lg\:focus\:via-twitter-400:focus {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .lg\:focus\:via-twitter-500:focus {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .lg\:focus\:via-transparent-black-10:focus {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:via-transparent-black-30:focus {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:via-transparent-black-50:focus {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:via-transparent-black-70:focus {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:via-transparent-black-90:focus {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:via-transparent-white-10:focus {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:via-transparent-white-30:focus {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:via-transparent-white-50:focus {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:via-transparent-white-70:focus {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:via-transparent-white-90:focus {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:via-vr-dark-blue:focus {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .lg\:focus\:via-vr-neon-green:focus {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .lg\:focus\:to-transparent:focus {
    --gradient-to-color: transparent;
  }

  .lg\:focus\:to-black:focus {
    --gradient-to-color: #000;
  }

  .lg\:focus\:to-white:focus {
    --gradient-to-color: #fff;
  }

  .lg\:focus\:to-gray-100:focus {
    --gradient-to-color: #f7fafc;
  }

  .lg\:focus\:to-gray-200:focus {
    --gradient-to-color: #edf2f7;
  }

  .lg\:focus\:to-gray-300:focus {
    --gradient-to-color: #e2e8f0;
  }

  .lg\:focus\:to-gray-400:focus {
    --gradient-to-color: #cbd5e0;
  }

  .lg\:focus\:to-gray-500:focus {
    --gradient-to-color: #a0aec0;
  }

  .lg\:focus\:to-gray-600:focus {
    --gradient-to-color: #718096;
  }

  .lg\:focus\:to-gray-700:focus {
    --gradient-to-color: #4a5568;
  }

  .lg\:focus\:to-gray-800:focus {
    --gradient-to-color: #2d3748;
  }

  .lg\:focus\:to-gray-900:focus {
    --gradient-to-color: #1a202c;
  }

  .lg\:focus\:to-blue-100:focus {
    --gradient-to-color: #86dfff;
  }

  .lg\:focus\:to-blue-200:focus {
    --gradient-to-color: #6bd6ff;
  }

  .lg\:focus\:to-blue-300:focus {
    --gradient-to-color: #52ccff;
  }

  .lg\:focus\:to-blue-400:focus {
    --gradient-to-color: #3ac2ff;
  }

  .lg\:focus\:to-blue-500:focus {
    --gradient-to-color: #23b7fb;
  }

  .lg\:focus\:to-blue-600:focus {
    --gradient-to-color: #1a9adf;
  }

  .lg\:focus\:to-blue-700:focus {
    --gradient-to-color: #127fbf;
  }

  .lg\:focus\:to-blue-800:focus {
    --gradient-to-color: #0c659f;
  }

  .lg\:focus\:to-blue-900:focus {
    --gradient-to-color: #074c80;
  }

  .lg\:focus\:to-blurple-100:focus {
    --gradient-to-color: #938FDB;
  }

  .lg\:focus\:to-blurple-200:focus {
    --gradient-to-color: #7A75D0;
  }

  .lg\:focus\:to-blurple-300:focus {
    --gradient-to-color: #615BC4;
  }

  .lg\:focus\:to-blurple-400:focus {
    --gradient-to-color: #4943B7;
  }

  .lg\:focus\:to-blurple-500:focus {
    --gradient-to-color: #322baa;
  }

  .lg\:focus\:to-blurple-700:focus {
    --gradient-to-color: #1c1e84;
  }

  .lg\:focus\:to-green-300:focus {
    --gradient-to-color: #42d86f;
  }

  .lg\:focus\:to-green-500:focus {
    --gradient-to-color: #0cc242;
  }

  .lg\:focus\:to-green-700:focus {
    --gradient-to-color: #02983a;
  }

  .lg\:focus\:to-orange-100:focus {
    --gradient-to-color: #ff6e4a;
  }

  .lg\:focus\:to-orange-200:focus {
    --gradient-to-color: #ff6640;
  }

  .lg\:focus\:to-orange-300:focus {
    --gradient-to-color: #ff5e36;
  }

  .lg\:focus\:to-orange-400:focus {
    --gradient-to-color: #ff562b;
  }

  .lg\:focus\:to-orange-500:focus {
    --gradient-to-color: #ff4d22;
  }

  .lg\:focus\:to-orange-600:focus {
    --gradient-to-color: #e5461e;
  }

  .lg\:focus\:to-orange-700:focus {
    --gradient-to-color: #cc3e1b;
  }

  .lg\:focus\:to-orange-800:focus {
    --gradient-to-color: #b33617;
  }

  .lg\:focus\:to-orange-900:focus {
    --gradient-to-color: #992f14;
  }

  .lg\:focus\:to-purple-100:focus {
    --gradient-to-color: #c861ff;
  }

  .lg\:focus\:to-purple-200:focus {
    --gradient-to-color: #c354ff;
  }

  .lg\:focus\:to-purple-300:focus {
    --gradient-to-color: #be49fc;
  }

  .lg\:focus\:to-purple-400:focus {
    --gradient-to-color: #ab42e3;
  }

  .lg\:focus\:to-purple-500:focus {
    --gradient-to-color: #983ac9;
  }

  .lg\:focus\:to-purple-600:focus {
    --gradient-to-color: #8433b0;
  }

  .lg\:focus\:to-purple-700:focus {
    --gradient-to-color: #712c96;
  }

  .lg\:focus\:to-purple-800:focus {
    --gradient-to-color: #5e247d;
  }

  .lg\:focus\:to-purple-900:focus {
    --gradient-to-color: #4b1d63;
  }

  .lg\:focus\:to-red-300:focus {
    --gradient-to-color: #ff6d69;
  }

  .lg\:focus\:to-red-500:focus {
    --gradient-to-color: #ff4540;
  }

  .lg\:focus\:to-red-700:focus {
    --gradient-to-color: #bf3929;
  }

  .lg\:focus\:to-teal-100:focus {
    --gradient-to-color: #8cfff9;
  }

  .lg\:focus\:to-teal-200:focus {
    --gradient-to-color: #66fff7;
  }

  .lg\:focus\:to-teal-300:focus {
    --gradient-to-color: #40fff5;
  }

  .lg\:focus\:to-teal-400:focus {
    --gradient-to-color: #35fcf2;
  }

  .lg\:focus\:to-teal-500:focus {
    --gradient-to-color: #30e3da;
  }

  .lg\:focus\:to-teal-600:focus {
    --gradient-to-color: #2ac9c1;
  }

  .lg\:focus\:to-teal-700:focus {
    --gradient-to-color: #25b0a9;
  }

  .lg\:focus\:to-teal-800:focus {
    --gradient-to-color: #209691;
  }

  .lg\:focus\:to-teal-900:focus {
    --gradient-to-color: #1a7d78;
  }

  .lg\:focus\:to-yellow-100:focus {
    --gradient-to-color: #ffe894;
  }

  .lg\:focus\:to-yellow-200:focus {
    --gradient-to-color: #ffe27a;
  }

  .lg\:focus\:to-yellow-300:focus {
    --gradient-to-color: #ffdd61;
  }

  .lg\:focus\:to-yellow-400:focus {
    --gradient-to-color: #ffd747;
  }

  .lg\:focus\:to-yellow-500:focus {
    --gradient-to-color: #fcce2f;
  }

  .lg\:focus\:to-yellow-600:focus {
    --gradient-to-color: #e3bb29;
  }

  .lg\:focus\:to-yellow-700:focus {
    --gradient-to-color: #c9a624;
  }

  .lg\:focus\:to-yellow-800:focus {
    --gradient-to-color: #b09120;
  }

  .lg\:focus\:to-yellow-900:focus {
    --gradient-to-color: #967c1b;
  }

  .lg\:focus\:to-facebook-400:focus {
    --gradient-to-color: #4a6dbc;
  }

  .lg\:focus\:to-facebook-500:focus {
    --gradient-to-color: #39579a;
  }

  .lg\:focus\:to-snapchat-400:focus {
    --gradient-to-color: #fffc00;
  }

  .lg\:focus\:to-snapchat-500:focus {
    --gradient-to-color: #39579a;
  }

  .lg\:focus\:to-messenger-400:focus {
    --gradient-to-color: #339dff;
  }

  .lg\:focus\:to-messenger-500:focus {
    --gradient-to-color: #0084ff;
  }

  .lg\:focus\:to-twitter-400:focus {
    --gradient-to-color: #21c2ff;
  }

  .lg\:focus\:to-twitter-500:focus {
    --gradient-to-color: #00aced;
  }

  .lg\:focus\:to-transparent-black-10:focus {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .lg\:focus\:to-transparent-black-30:focus {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .lg\:focus\:to-transparent-black-50:focus {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .lg\:focus\:to-transparent-black-70:focus {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .lg\:focus\:to-transparent-black-90:focus {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .lg\:focus\:to-transparent-white-10:focus {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .lg\:focus\:to-transparent-white-30:focus {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .lg\:focus\:to-transparent-white-50:focus {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .lg\:focus\:to-transparent-white-70:focus {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .lg\:focus\:to-transparent-white-90:focus {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .lg\:focus\:to-vr-dark-blue:focus {
    --gradient-to-color: #000047;
  }

  .lg\:focus\:to-vr-neon-green:focus {
    --gradient-to-color: #00ff75;
  }

  .lg\:bg-opacity-0 {
    --bg-opacity: 0;
  }

  .lg\:bg-opacity-25 {
    --bg-opacity: 0.25;
  }

  .lg\:bg-opacity-50 {
    --bg-opacity: 0.5;
  }

  .lg\:bg-opacity-75 {
    --bg-opacity: 0.75;
  }

  .lg\:bg-opacity-100 {
    --bg-opacity: 1;
  }

  .lg\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0;
  }

  .lg\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25;
  }

  .lg\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5;
  }

  .lg\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75;
  }

  .lg\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1;
  }

  .lg\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0;
  }

  .lg\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25;
  }

  .lg\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5;
  }

  .lg\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75;
  }

  .lg\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1;
  }

  .lg\:bg-bottom {
    background-position: bottom;
  }

  .lg\:bg-center {
    background-position: center;
  }

  .lg\:bg-left {
    background-position: left;
  }

  .lg\:bg-left-bottom {
    background-position: left bottom;
  }

  .lg\:bg-left-top {
    background-position: left top;
  }

  .lg\:bg-right {
    background-position: right;
  }

  .lg\:bg-right-bottom {
    background-position: right bottom;
  }

  .lg\:bg-right-top {
    background-position: right top;
  }

  .lg\:bg-top {
    background-position: top;
  }

  .lg\:bg-repeat {
    background-repeat: repeat;
  }

  .lg\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .lg\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .lg\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .lg\:bg-repeat-round {
    background-repeat: round;
  }

  .lg\:bg-repeat-space {
    background-repeat: space;
  }

  .lg\:bg-auto {
    background-size: auto;
  }

  .lg\:bg-cover {
    background-size: cover;
  }

  .lg\:bg-contain {
    background-size: contain;
  }

  .lg\:border-collapse {
    border-collapse: collapse;
  }

  .lg\:border-separate {
    border-collapse: separate;
  }

  .lg\:border-transparent {
    border-color: transparent;
  }

  .lg\:border-black {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .lg\:border-white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .lg\:border-gray-100 {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .lg\:border-gray-200 {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .lg\:border-gray-300 {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .lg\:border-gray-400 {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .lg\:border-gray-500 {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .lg\:border-gray-600 {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .lg\:border-gray-700 {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .lg\:border-gray-800 {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .lg\:border-gray-900 {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .lg\:border-blue-100 {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .lg\:border-blue-200 {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .lg\:border-blue-300 {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .lg\:border-blue-400 {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .lg\:border-blue-500 {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .lg\:border-blue-600 {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .lg\:border-blue-700 {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .lg\:border-blue-800 {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .lg\:border-blue-900 {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .lg\:border-blurple-100 {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .lg\:border-blurple-200 {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .lg\:border-blurple-300 {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .lg\:border-blurple-400 {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .lg\:border-blurple-500 {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .lg\:border-blurple-700 {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .lg\:border-green-300 {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .lg\:border-green-500 {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .lg\:border-green-700 {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .lg\:border-orange-100 {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .lg\:border-orange-200 {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .lg\:border-orange-300 {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .lg\:border-orange-400 {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .lg\:border-orange-500 {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .lg\:border-orange-600 {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .lg\:border-orange-700 {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .lg\:border-orange-800 {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .lg\:border-orange-900 {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .lg\:border-purple-100 {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .lg\:border-purple-200 {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .lg\:border-purple-300 {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .lg\:border-purple-400 {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .lg\:border-purple-500 {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .lg\:border-purple-600 {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .lg\:border-purple-700 {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .lg\:border-purple-800 {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .lg\:border-purple-900 {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .lg\:border-red-300 {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .lg\:border-red-500 {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .lg\:border-red-700 {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .lg\:border-teal-100 {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .lg\:border-teal-200 {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .lg\:border-teal-300 {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .lg\:border-teal-400 {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .lg\:border-teal-500 {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .lg\:border-teal-600 {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .lg\:border-teal-700 {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .lg\:border-teal-800 {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .lg\:border-teal-900 {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .lg\:border-yellow-100 {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .lg\:border-yellow-200 {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .lg\:border-yellow-300 {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .lg\:border-yellow-400 {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .lg\:border-yellow-500 {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .lg\:border-yellow-600 {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .lg\:border-yellow-700 {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .lg\:border-yellow-800 {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .lg\:border-yellow-900 {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .lg\:border-facebook-400 {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .lg\:border-facebook-500 {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .lg\:border-snapchat-400 {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .lg\:border-snapchat-500 {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .lg\:border-messenger-400 {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .lg\:border-messenger-500 {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .lg\:border-twitter-400 {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .lg\:border-twitter-500 {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .lg\:border-transparent-black-10 {
    border-color: rgba(0,0,0,0.1);
  }

  .lg\:border-transparent-black-30 {
    border-color: rgba(0,0,0,0.3);
  }

  .lg\:border-transparent-black-50 {
    border-color: rgba(0,0,0,0.5);
  }

  .lg\:border-transparent-black-70 {
    border-color: rgba(0,0,0,0.7);
  }

  .lg\:border-transparent-black-90 {
    border-color: rgba(0,0,0,0.9);
  }

  .lg\:border-transparent-white-10 {
    border-color: rgba(255,255,255,0.1);
  }

  .lg\:border-transparent-white-30 {
    border-color: rgba(255,255,255,0.3);
  }

  .lg\:border-transparent-white-50 {
    border-color: rgba(255,255,255,0.5);
  }

  .lg\:border-transparent-white-70 {
    border-color: rgba(255,255,255,0.7);
  }

  .lg\:border-transparent-white-90 {
    border-color: rgba(255,255,255,0.9);
  }

  .lg\:border-vr-dark-blue {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .lg\:border-vr-neon-green {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .lg\:active\:border-transparent:active {
    border-color: transparent;
  }

  .lg\:active\:border-black:active {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .lg\:active\:border-white:active {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .lg\:active\:border-gray-100:active {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .lg\:active\:border-gray-200:active {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .lg\:active\:border-gray-300:active {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .lg\:active\:border-gray-400:active {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .lg\:active\:border-gray-500:active {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .lg\:active\:border-gray-600:active {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .lg\:active\:border-gray-700:active {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .lg\:active\:border-gray-800:active {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .lg\:active\:border-gray-900:active {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .lg\:active\:border-blue-100:active {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .lg\:active\:border-blue-200:active {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .lg\:active\:border-blue-300:active {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .lg\:active\:border-blue-400:active {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .lg\:active\:border-blue-500:active {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .lg\:active\:border-blue-600:active {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .lg\:active\:border-blue-700:active {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .lg\:active\:border-blue-800:active {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .lg\:active\:border-blue-900:active {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .lg\:active\:border-blurple-100:active {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .lg\:active\:border-blurple-200:active {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .lg\:active\:border-blurple-300:active {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .lg\:active\:border-blurple-400:active {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .lg\:active\:border-blurple-500:active {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .lg\:active\:border-blurple-700:active {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .lg\:active\:border-green-300:active {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .lg\:active\:border-green-500:active {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .lg\:active\:border-green-700:active {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .lg\:active\:border-orange-100:active {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .lg\:active\:border-orange-200:active {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .lg\:active\:border-orange-300:active {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .lg\:active\:border-orange-400:active {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .lg\:active\:border-orange-500:active {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .lg\:active\:border-orange-600:active {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .lg\:active\:border-orange-700:active {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .lg\:active\:border-orange-800:active {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .lg\:active\:border-orange-900:active {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .lg\:active\:border-purple-100:active {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .lg\:active\:border-purple-200:active {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .lg\:active\:border-purple-300:active {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .lg\:active\:border-purple-400:active {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .lg\:active\:border-purple-500:active {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .lg\:active\:border-purple-600:active {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .lg\:active\:border-purple-700:active {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .lg\:active\:border-purple-800:active {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .lg\:active\:border-purple-900:active {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .lg\:active\:border-red-300:active {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .lg\:active\:border-red-500:active {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .lg\:active\:border-red-700:active {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .lg\:active\:border-teal-100:active {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .lg\:active\:border-teal-200:active {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .lg\:active\:border-teal-300:active {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .lg\:active\:border-teal-400:active {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .lg\:active\:border-teal-500:active {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .lg\:active\:border-teal-600:active {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .lg\:active\:border-teal-700:active {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .lg\:active\:border-teal-800:active {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .lg\:active\:border-teal-900:active {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .lg\:active\:border-yellow-100:active {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .lg\:active\:border-yellow-200:active {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .lg\:active\:border-yellow-300:active {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .lg\:active\:border-yellow-400:active {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .lg\:active\:border-yellow-500:active {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .lg\:active\:border-yellow-600:active {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .lg\:active\:border-yellow-700:active {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .lg\:active\:border-yellow-800:active {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .lg\:active\:border-yellow-900:active {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .lg\:active\:border-facebook-400:active {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .lg\:active\:border-facebook-500:active {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .lg\:active\:border-snapchat-400:active {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .lg\:active\:border-snapchat-500:active {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .lg\:active\:border-messenger-400:active {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .lg\:active\:border-messenger-500:active {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .lg\:active\:border-twitter-400:active {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .lg\:active\:border-twitter-500:active {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .lg\:active\:border-transparent-black-10:active {
    border-color: rgba(0,0,0,0.1);
  }

  .lg\:active\:border-transparent-black-30:active {
    border-color: rgba(0,0,0,0.3);
  }

  .lg\:active\:border-transparent-black-50:active {
    border-color: rgba(0,0,0,0.5);
  }

  .lg\:active\:border-transparent-black-70:active {
    border-color: rgba(0,0,0,0.7);
  }

  .lg\:active\:border-transparent-black-90:active {
    border-color: rgba(0,0,0,0.9);
  }

  .lg\:active\:border-transparent-white-10:active {
    border-color: rgba(255,255,255,0.1);
  }

  .lg\:active\:border-transparent-white-30:active {
    border-color: rgba(255,255,255,0.3);
  }

  .lg\:active\:border-transparent-white-50:active {
    border-color: rgba(255,255,255,0.5);
  }

  .lg\:active\:border-transparent-white-70:active {
    border-color: rgba(255,255,255,0.7);
  }

  .lg\:active\:border-transparent-white-90:active {
    border-color: rgba(255,255,255,0.9);
  }

  .lg\:active\:border-vr-dark-blue:active {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .lg\:active\:border-vr-neon-green:active {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .lg\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .lg\:hover\:border-black:hover {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .lg\:hover\:border-white:hover {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .lg\:hover\:border-gray-100:hover {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .lg\:hover\:border-gray-200:hover {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .lg\:hover\:border-gray-300:hover {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .lg\:hover\:border-gray-400:hover {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .lg\:hover\:border-gray-500:hover {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .lg\:hover\:border-gray-600:hover {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .lg\:hover\:border-gray-700:hover {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .lg\:hover\:border-gray-800:hover {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .lg\:hover\:border-gray-900:hover {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .lg\:hover\:border-blue-100:hover {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .lg\:hover\:border-blue-200:hover {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .lg\:hover\:border-blue-300:hover {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .lg\:hover\:border-blue-400:hover {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .lg\:hover\:border-blue-500:hover {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .lg\:hover\:border-blue-600:hover {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .lg\:hover\:border-blue-700:hover {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .lg\:hover\:border-blue-800:hover {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .lg\:hover\:border-blue-900:hover {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .lg\:hover\:border-blurple-100:hover {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .lg\:hover\:border-blurple-200:hover {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .lg\:hover\:border-blurple-300:hover {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .lg\:hover\:border-blurple-400:hover {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .lg\:hover\:border-blurple-500:hover {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .lg\:hover\:border-blurple-700:hover {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .lg\:hover\:border-green-300:hover {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .lg\:hover\:border-green-500:hover {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .lg\:hover\:border-green-700:hover {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .lg\:hover\:border-orange-100:hover {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .lg\:hover\:border-orange-200:hover {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .lg\:hover\:border-orange-300:hover {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .lg\:hover\:border-orange-400:hover {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .lg\:hover\:border-orange-500:hover {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .lg\:hover\:border-orange-600:hover {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .lg\:hover\:border-orange-700:hover {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .lg\:hover\:border-orange-800:hover {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .lg\:hover\:border-orange-900:hover {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .lg\:hover\:border-purple-100:hover {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .lg\:hover\:border-purple-200:hover {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .lg\:hover\:border-purple-300:hover {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .lg\:hover\:border-purple-400:hover {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .lg\:hover\:border-purple-500:hover {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .lg\:hover\:border-purple-600:hover {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .lg\:hover\:border-purple-700:hover {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .lg\:hover\:border-purple-800:hover {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .lg\:hover\:border-purple-900:hover {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .lg\:hover\:border-red-300:hover {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .lg\:hover\:border-red-500:hover {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .lg\:hover\:border-red-700:hover {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .lg\:hover\:border-teal-100:hover {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .lg\:hover\:border-teal-200:hover {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .lg\:hover\:border-teal-300:hover {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .lg\:hover\:border-teal-400:hover {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .lg\:hover\:border-teal-500:hover {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .lg\:hover\:border-teal-600:hover {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .lg\:hover\:border-teal-700:hover {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .lg\:hover\:border-teal-800:hover {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .lg\:hover\:border-teal-900:hover {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .lg\:hover\:border-yellow-100:hover {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .lg\:hover\:border-yellow-200:hover {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .lg\:hover\:border-yellow-300:hover {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .lg\:hover\:border-yellow-400:hover {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .lg\:hover\:border-yellow-500:hover {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .lg\:hover\:border-yellow-600:hover {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .lg\:hover\:border-yellow-700:hover {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .lg\:hover\:border-yellow-800:hover {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .lg\:hover\:border-yellow-900:hover {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .lg\:hover\:border-facebook-400:hover {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .lg\:hover\:border-facebook-500:hover {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .lg\:hover\:border-snapchat-400:hover {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .lg\:hover\:border-snapchat-500:hover {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .lg\:hover\:border-messenger-400:hover {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .lg\:hover\:border-messenger-500:hover {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .lg\:hover\:border-twitter-400:hover {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .lg\:hover\:border-twitter-500:hover {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .lg\:hover\:border-transparent-black-10:hover {
    border-color: rgba(0,0,0,0.1);
  }

  .lg\:hover\:border-transparent-black-30:hover {
    border-color: rgba(0,0,0,0.3);
  }

  .lg\:hover\:border-transparent-black-50:hover {
    border-color: rgba(0,0,0,0.5);
  }

  .lg\:hover\:border-transparent-black-70:hover {
    border-color: rgba(0,0,0,0.7);
  }

  .lg\:hover\:border-transparent-black-90:hover {
    border-color: rgba(0,0,0,0.9);
  }

  .lg\:hover\:border-transparent-white-10:hover {
    border-color: rgba(255,255,255,0.1);
  }

  .lg\:hover\:border-transparent-white-30:hover {
    border-color: rgba(255,255,255,0.3);
  }

  .lg\:hover\:border-transparent-white-50:hover {
    border-color: rgba(255,255,255,0.5);
  }

  .lg\:hover\:border-transparent-white-70:hover {
    border-color: rgba(255,255,255,0.7);
  }

  .lg\:hover\:border-transparent-white-90:hover {
    border-color: rgba(255,255,255,0.9);
  }

  .lg\:hover\:border-vr-dark-blue:hover {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .lg\:hover\:border-vr-neon-green:hover {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .lg\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .lg\:focus\:border-black:focus {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .lg\:focus\:border-white:focus {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .lg\:focus\:border-gray-100:focus {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .lg\:focus\:border-gray-200:focus {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .lg\:focus\:border-gray-300:focus {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .lg\:focus\:border-gray-400:focus {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .lg\:focus\:border-gray-500:focus {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .lg\:focus\:border-gray-600:focus {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .lg\:focus\:border-gray-700:focus {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .lg\:focus\:border-gray-800:focus {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .lg\:focus\:border-gray-900:focus {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .lg\:focus\:border-blue-100:focus {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .lg\:focus\:border-blue-200:focus {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .lg\:focus\:border-blue-300:focus {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .lg\:focus\:border-blue-400:focus {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .lg\:focus\:border-blue-500:focus {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .lg\:focus\:border-blue-600:focus {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .lg\:focus\:border-blue-700:focus {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .lg\:focus\:border-blue-800:focus {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .lg\:focus\:border-blue-900:focus {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .lg\:focus\:border-blurple-100:focus {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .lg\:focus\:border-blurple-200:focus {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .lg\:focus\:border-blurple-300:focus {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .lg\:focus\:border-blurple-400:focus {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .lg\:focus\:border-blurple-500:focus {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .lg\:focus\:border-blurple-700:focus {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .lg\:focus\:border-green-300:focus {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .lg\:focus\:border-green-500:focus {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .lg\:focus\:border-green-700:focus {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .lg\:focus\:border-orange-100:focus {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .lg\:focus\:border-orange-200:focus {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .lg\:focus\:border-orange-300:focus {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .lg\:focus\:border-orange-400:focus {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .lg\:focus\:border-orange-500:focus {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .lg\:focus\:border-orange-600:focus {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .lg\:focus\:border-orange-700:focus {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .lg\:focus\:border-orange-800:focus {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .lg\:focus\:border-orange-900:focus {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .lg\:focus\:border-purple-100:focus {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .lg\:focus\:border-purple-200:focus {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .lg\:focus\:border-purple-300:focus {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .lg\:focus\:border-purple-400:focus {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .lg\:focus\:border-purple-500:focus {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .lg\:focus\:border-purple-600:focus {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .lg\:focus\:border-purple-700:focus {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .lg\:focus\:border-purple-800:focus {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .lg\:focus\:border-purple-900:focus {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .lg\:focus\:border-red-300:focus {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .lg\:focus\:border-red-500:focus {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .lg\:focus\:border-red-700:focus {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .lg\:focus\:border-teal-100:focus {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .lg\:focus\:border-teal-200:focus {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .lg\:focus\:border-teal-300:focus {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .lg\:focus\:border-teal-400:focus {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .lg\:focus\:border-teal-500:focus {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .lg\:focus\:border-teal-600:focus {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .lg\:focus\:border-teal-700:focus {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .lg\:focus\:border-teal-800:focus {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .lg\:focus\:border-teal-900:focus {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .lg\:focus\:border-yellow-100:focus {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .lg\:focus\:border-yellow-200:focus {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .lg\:focus\:border-yellow-300:focus {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .lg\:focus\:border-yellow-400:focus {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .lg\:focus\:border-yellow-500:focus {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .lg\:focus\:border-yellow-600:focus {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .lg\:focus\:border-yellow-700:focus {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .lg\:focus\:border-yellow-800:focus {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .lg\:focus\:border-yellow-900:focus {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .lg\:focus\:border-facebook-400:focus {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .lg\:focus\:border-facebook-500:focus {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .lg\:focus\:border-snapchat-400:focus {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .lg\:focus\:border-snapchat-500:focus {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .lg\:focus\:border-messenger-400:focus {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .lg\:focus\:border-messenger-500:focus {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .lg\:focus\:border-twitter-400:focus {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .lg\:focus\:border-twitter-500:focus {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .lg\:focus\:border-transparent-black-10:focus {
    border-color: rgba(0,0,0,0.1);
  }

  .lg\:focus\:border-transparent-black-30:focus {
    border-color: rgba(0,0,0,0.3);
  }

  .lg\:focus\:border-transparent-black-50:focus {
    border-color: rgba(0,0,0,0.5);
  }

  .lg\:focus\:border-transparent-black-70:focus {
    border-color: rgba(0,0,0,0.7);
  }

  .lg\:focus\:border-transparent-black-90:focus {
    border-color: rgba(0,0,0,0.9);
  }

  .lg\:focus\:border-transparent-white-10:focus {
    border-color: rgba(255,255,255,0.1);
  }

  .lg\:focus\:border-transparent-white-30:focus {
    border-color: rgba(255,255,255,0.3);
  }

  .lg\:focus\:border-transparent-white-50:focus {
    border-color: rgba(255,255,255,0.5);
  }

  .lg\:focus\:border-transparent-white-70:focus {
    border-color: rgba(255,255,255,0.7);
  }

  .lg\:focus\:border-transparent-white-90:focus {
    border-color: rgba(255,255,255,0.9);
  }

  .lg\:focus\:border-vr-dark-blue:focus {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .lg\:focus\:border-vr-neon-green:focus {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .lg\:border-opacity-0 {
    --border-opacity: 0;
  }

  .lg\:border-opacity-25 {
    --border-opacity: 0.25;
  }

  .lg\:border-opacity-50 {
    --border-opacity: 0.5;
  }

  .lg\:border-opacity-75 {
    --border-opacity: 0.75;
  }

  .lg\:border-opacity-100 {
    --border-opacity: 1;
  }

  .lg\:hover\:border-opacity-0:hover {
    --border-opacity: 0;
  }

  .lg\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25;
  }

  .lg\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5;
  }

  .lg\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75;
  }

  .lg\:hover\:border-opacity-100:hover {
    --border-opacity: 1;
  }

  .lg\:focus\:border-opacity-0:focus {
    --border-opacity: 0;
  }

  .lg\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25;
  }

  .lg\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5;
  }

  .lg\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75;
  }

  .lg\:focus\:border-opacity-100:focus {
    --border-opacity: 1;
  }

  .lg\:rounded-none {
    border-radius: 0;
  }

  .lg\:rounded-sm {
    border-radius: 0.125rem;
  }

  .lg\:rounded {
    border-radius: 0.25rem;
  }

  .lg\:rounded-md {
    border-radius: 0.375rem;
  }

  .lg\:rounded-lg {
    border-radius: 0.5rem;
  }

  .lg\:rounded-xl {
    border-radius: 0.75rem;
  }

  .lg\:rounded-2xl {
    border-radius: 1rem;
  }

  .lg\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .lg\:rounded-full {
    border-radius: 9999px;
  }

  .lg\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .lg\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .lg\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .lg\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .lg\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .lg\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .lg\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .lg\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .lg\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .lg\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .lg\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .lg\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .lg\:rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .lg\:rounded-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .lg\:rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .lg\:rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .lg\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .lg\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .lg\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .lg\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .lg\:rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .lg\:rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .lg\:rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .lg\:rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .lg\:rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .lg\:rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .lg\:rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .lg\:rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .lg\:rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .lg\:rounded-r-3xl {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .lg\:rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .lg\:rounded-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .lg\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .lg\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .lg\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .lg\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .lg\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  .lg\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  .lg\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .lg\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .lg\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  .lg\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  .lg\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  .lg\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  .lg\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  .lg\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  .lg\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  .lg\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  .lg\:rounded-tl-md {
    border-top-left-radius: 0.375rem;
  }

  .lg\:rounded-tr-md {
    border-top-right-radius: 0.375rem;
  }

  .lg\:rounded-br-md {
    border-bottom-right-radius: 0.375rem;
  }

  .lg\:rounded-bl-md {
    border-bottom-left-radius: 0.375rem;
  }

  .lg\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .lg\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  .lg\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  .lg\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  .lg\:rounded-tl-xl {
    border-top-left-radius: 0.75rem;
  }

  .lg\:rounded-tr-xl {
    border-top-right-radius: 0.75rem;
  }

  .lg\:rounded-br-xl {
    border-bottom-right-radius: 0.75rem;
  }

  .lg\:rounded-bl-xl {
    border-bottom-left-radius: 0.75rem;
  }

  .lg\:rounded-tl-2xl {
    border-top-left-radius: 1rem;
  }

  .lg\:rounded-tr-2xl {
    border-top-right-radius: 1rem;
  }

  .lg\:rounded-br-2xl {
    border-bottom-right-radius: 1rem;
  }

  .lg\:rounded-bl-2xl {
    border-bottom-left-radius: 1rem;
  }

  .lg\:rounded-tl-3xl {
    border-top-left-radius: 1.5rem;
  }

  .lg\:rounded-tr-3xl {
    border-top-right-radius: 1.5rem;
  }

  .lg\:rounded-br-3xl {
    border-bottom-right-radius: 1.5rem;
  }

  .lg\:rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem;
  }

  .lg\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .lg\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .lg\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .lg\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .lg\:border-solid {
    border-style: solid;
  }

  .lg\:border-dashed {
    border-style: dashed;
  }

  .lg\:border-dotted {
    border-style: dotted;
  }

  .lg\:border-double {
    border-style: double;
  }

  .lg\:border-none {
    border-style: none;
  }

  .lg\:border-0 {
    border-width: 0;
  }

  .lg\:border-2 {
    border-width: 2px;
  }

  .lg\:border-4 {
    border-width: 4px;
  }

  .lg\:border-8 {
    border-width: 8px;
  }

  .lg\:border {
    border-width: 1px;
  }

  .lg\:border-t-0 {
    border-top-width: 0;
  }

  .lg\:border-r-0 {
    border-right-width: 0;
  }

  .lg\:border-b-0 {
    border-bottom-width: 0;
  }

  .lg\:border-l-0 {
    border-left-width: 0;
  }

  .lg\:border-t-2 {
    border-top-width: 2px;
  }

  .lg\:border-r-2 {
    border-right-width: 2px;
  }

  .lg\:border-b-2 {
    border-bottom-width: 2px;
  }

  .lg\:border-l-2 {
    border-left-width: 2px;
  }

  .lg\:border-t-4 {
    border-top-width: 4px;
  }

  .lg\:border-r-4 {
    border-right-width: 4px;
  }

  .lg\:border-b-4 {
    border-bottom-width: 4px;
  }

  .lg\:border-l-4 {
    border-left-width: 4px;
  }

  .lg\:border-t-8 {
    border-top-width: 8px;
  }

  .lg\:border-r-8 {
    border-right-width: 8px;
  }

  .lg\:border-b-8 {
    border-bottom-width: 8px;
  }

  .lg\:border-l-8 {
    border-left-width: 8px;
  }

  .lg\:border-t {
    border-top-width: 1px;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:border-b {
    border-bottom-width: 1px;
  }

  .lg\:border-l {
    border-left-width: 1px;
  }

  .lg\:box-border {
    box-sizing: border-box;
  }

  .lg\:box-content {
    box-sizing: content-box;
  }

  .lg\:cursor-auto {
    cursor: auto;
  }

  .lg\:cursor-default {
    cursor: default;
  }

  .lg\:cursor-pointer {
    cursor: pointer;
  }

  .lg\:cursor-wait {
    cursor: wait;
  }

  .lg\:cursor-text {
    cursor: text;
  }

  .lg\:cursor-move {
    cursor: move;
  }

  .lg\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .lg\:block {
    display: block;
  }

  .lg\:inline-block {
    display: inline-block;
  }

  .lg\:inline {
    display: inline;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:inline-flex {
    display: inline-flex;
  }

  .lg\:table {
    display: table;
  }

  .lg\:table-caption {
    display: table-caption;
  }

  .lg\:table-cell {
    display: table-cell;
  }

  .lg\:table-column {
    display: table-column;
  }

  .lg\:table-column-group {
    display: table-column-group;
  }

  .lg\:table-footer-group {
    display: table-footer-group;
  }

  .lg\:table-header-group {
    display: table-header-group;
  }

  .lg\:table-row-group {
    display: table-row-group;
  }

  .lg\:table-row {
    display: table-row;
  }

  .lg\:flow-root {
    display: flow-root;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:inline-grid {
    display: inline-grid;
  }

  .lg\:contents {
    display: contents;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .lg\:flex-wrap {
    flex-wrap: wrap;
  }

  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .lg\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  .lg\:place-items-auto {
    place-items: auto;
  }

  .lg\:place-items-start {
    place-items: start;
  }

  .lg\:place-items-end {
    place-items: end;
  }

  .lg\:place-items-center {
    place-items: center;
  }

  .lg\:place-items-stretch {
    place-items: stretch;
  }

  .lg\:place-content-center {
    place-content: center;
  }

  .lg\:place-content-start {
    place-content: start;
  }

  .lg\:place-content-end {
    place-content: end;
  }

  .lg\:place-content-between {
    place-content: space-between;
  }

  .lg\:place-content-around {
    place-content: space-around;
  }

  .lg\:place-content-evenly {
    place-content: space-evenly;
  }

  .lg\:place-content-stretch {
    place-content: stretch;
  }

  .lg\:place-self-auto {
    place-self: auto;
  }

  .lg\:place-self-start {
    place-self: start;
  }

  .lg\:place-self-end {
    place-self: end;
  }

  .lg\:place-self-center {
    place-self: center;
  }

  .lg\:place-self-stretch {
    place-self: stretch;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:items-baseline {
    align-items: baseline;
  }

  .lg\:items-stretch {
    align-items: stretch;
  }

  .lg\:content-center {
    align-content: center;
  }

  .lg\:content-start {
    align-content: flex-start;
  }

  .lg\:content-end {
    align-content: flex-end;
  }

  .lg\:content-between {
    align-content: space-between;
  }

  .lg\:content-around {
    align-content: space-around;
  }

  .lg\:content-evenly {
    align-content: space-evenly;
  }

  .lg\:self-auto {
    align-self: auto;
  }

  .lg\:self-start {
    align-self: flex-start;
  }

  .lg\:self-end {
    align-self: flex-end;
  }

  .lg\:self-center {
    align-self: center;
  }

  .lg\:self-stretch {
    align-self: stretch;
  }

  .lg\:justify-items-auto {
    justify-items: auto;
  }

  .lg\:justify-items-start {
    justify-items: start;
  }

  .lg\:justify-items-end {
    justify-items: end;
  }

  .lg\:justify-items-center {
    justify-items: center;
  }

  .lg\:justify-items-stretch {
    justify-items: stretch;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:justify-around {
    justify-content: space-around;
  }

  .lg\:justify-evenly {
    justify-content: space-evenly;
  }

  .lg\:justify-self-auto {
    justify-self: auto;
  }

  .lg\:justify-self-start {
    justify-self: start;
  }

  .lg\:justify-self-end {
    justify-self: end;
  }

  .lg\:justify-self-center {
    justify-self: center;
  }

  .lg\:justify-self-stretch {
    justify-self: stretch;
  }

  .lg\:flex-1 {
    flex: 1 1 0%;
  }

  .lg\:flex-auto {
    flex: 1 1 auto;
  }

  .lg\:flex-initial {
    flex: 0 1 auto;
  }

  .lg\:flex-none {
    flex: none;
  }

  .lg\:flex-grow-0 {
    flex-grow: 0;
  }

  .lg\:flex-grow {
    flex-grow: 1;
  }

  .lg\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .lg\:flex-shrink {
    flex-shrink: 1;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:order-3 {
    order: 3;
  }

  .lg\:order-4 {
    order: 4;
  }

  .lg\:order-5 {
    order: 5;
  }

  .lg\:order-6 {
    order: 6;
  }

  .lg\:order-7 {
    order: 7;
  }

  .lg\:order-8 {
    order: 8;
  }

  .lg\:order-9 {
    order: 9;
  }

  .lg\:order-10 {
    order: 10;
  }

  .lg\:order-11 {
    order: 11;
  }

  .lg\:order-12 {
    order: 12;
  }

  .lg\:order-first {
    order: -9999;
  }

  .lg\:order-last {
    order: 9999;
  }

  .lg\:order-none {
    order: 0;
  }

  .lg\:float-right {
    float: right;
  }

  .lg\:float-left {
    float: left;
  }

  .lg\:float-none {
    float: none;
  }

  .lg\:clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  .lg\:clear-left {
    clear: left;
  }

  .lg\:clear-right {
    clear: right;
  }

  .lg\:clear-both {
    clear: both;
  }

  .lg\:clear-none {
    clear: none;
  }

  .lg\:font-source-sans {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .lg\:font-league-gothic {
    font-family: "League Gothic", Impact, "Franklin Gothic Bold", "Arial Black", sans-serif;
  }

  .lg\:font-hairline {
    font-weight: 100;
  }

  .lg\:font-thin {
    font-weight: 200;
  }

  .lg\:font-light {
    font-weight: 300;
  }

  .lg\:font-normal {
    font-weight: 400;
  }

  .lg\:font-medium {
    font-weight: 500;
  }

  .lg\:font-semibold {
    font-weight: 600;
  }

  .lg\:font-bold {
    font-weight: 700;
  }

  .lg\:font-extrabold {
    font-weight: 800;
  }

  .lg\:font-black {
    font-weight: 900;
  }

  .lg\:hover\:font-hairline:hover {
    font-weight: 100;
  }

  .lg\:hover\:font-thin:hover {
    font-weight: 200;
  }

  .lg\:hover\:font-light:hover {
    font-weight: 300;
  }

  .lg\:hover\:font-normal:hover {
    font-weight: 400;
  }

  .lg\:hover\:font-medium:hover {
    font-weight: 500;
  }

  .lg\:hover\:font-semibold:hover {
    font-weight: 600;
  }

  .lg\:hover\:font-bold:hover {
    font-weight: 700;
  }

  .lg\:hover\:font-extrabold:hover {
    font-weight: 800;
  }

  .lg\:hover\:font-black:hover {
    font-weight: 900;
  }

  .lg\:focus\:font-hairline:focus {
    font-weight: 100;
  }

  .lg\:focus\:font-thin:focus {
    font-weight: 200;
  }

  .lg\:focus\:font-light:focus {
    font-weight: 300;
  }

  .lg\:focus\:font-normal:focus {
    font-weight: 400;
  }

  .lg\:focus\:font-medium:focus {
    font-weight: 500;
  }

  .lg\:focus\:font-semibold:focus {
    font-weight: 600;
  }

  .lg\:focus\:font-bold:focus {
    font-weight: 700;
  }

  .lg\:focus\:font-extrabold:focus {
    font-weight: 800;
  }

  .lg\:focus\:font-black:focus {
    font-weight: 900;
  }

  .lg\:h-0 {
    height: 0;
  }

  .lg\:h-1 {
    height: 0.25rem;
  }

  .lg\:h-2 {
    height: 0.5rem;
  }

  .lg\:h-3 {
    height: 0.75rem;
  }

  .lg\:h-4 {
    height: 1rem;
  }

  .lg\:h-5 {
    height: 1.25rem;
  }

  .lg\:h-6 {
    height: 1.5rem;
  }

  .lg\:h-8 {
    height: 2rem;
  }

  .lg\:h-10 {
    height: 2.5rem;
  }

  .lg\:h-12 {
    height: 3rem;
  }

  .lg\:h-16 {
    height: 4rem;
  }

  .lg\:h-20 {
    height: 5rem;
  }

  .lg\:h-24 {
    height: 6rem;
  }

  .lg\:h-32 {
    height: 8rem;
  }

  .lg\:h-40 {
    height: 10rem;
  }

  .lg\:h-48 {
    height: 12rem;
  }

  .lg\:h-56 {
    height: 14rem;
  }

  .lg\:h-64 {
    height: 16rem;
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:h-px {
    height: 1px;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:h-screen {
    height: 100vh;
  }

  .lg\:text-xs {
    font-size: 12px;
  }

  .lg\:text-sm {
    font-size: 14px;
  }

  .lg\:text-base {
    font-size: 18px;
  }

  .lg\:text-lg {
    font-size: 22px;
  }

  .lg\:text-xl {
    font-size: 28px;
  }

  .lg\:text-2xl {
    font-size: 35px;
  }

  .lg\:text-3xl {
    font-size: 44px;
  }

  .lg\:text-4xl {
    font-size: 55px;
  }

  .lg\:text-5xl {
    font-size: 69px;
  }

  .lg\:text-6xl {
    font-size: 84px;
  }

  .lg\:leading-3 {
    line-height: .75rem;
  }

  .lg\:leading-4 {
    line-height: 1rem;
  }

  .lg\:leading-5 {
    line-height: 1.25rem;
  }

  .lg\:leading-6 {
    line-height: 1.5rem;
  }

  .lg\:leading-7 {
    line-height: 1.75rem;
  }

  .lg\:leading-8 {
    line-height: 2rem;
  }

  .lg\:leading-9 {
    line-height: 2.25rem;
  }

  .lg\:leading-10 {
    line-height: 2.5rem;
  }

  .lg\:leading-none {
    line-height: 1;
  }

  .lg\:leading-tight {
    line-height: 1.25;
  }

  .lg\:leading-snug {
    line-height: 1.375;
  }

  .lg\:leading-normal {
    line-height: 1.5;
  }

  .lg\:leading-relaxed {
    line-height: 1.625;
  }

  .lg\:leading-loose {
    line-height: 2;
  }

  .lg\:list-inside {
    list-style-position: inside;
  }

  .lg\:list-outside {
    list-style-position: outside;
  }

  .lg\:list-none {
    list-style-type: none;
  }

  .lg\:list-disc {
    list-style-type: disc;
  }

  .lg\:list-decimal {
    list-style-type: decimal;
  }

  .lg\:m-0 {
    margin: 0;
  }

  .lg\:m-1 {
    margin: 0.25rem;
  }

  .lg\:m-2 {
    margin: 0.5rem;
  }

  .lg\:m-3 {
    margin: 0.75rem;
  }

  .lg\:m-4 {
    margin: 1rem;
  }

  .lg\:m-5 {
    margin: 1.25rem;
  }

  .lg\:m-6 {
    margin: 1.5rem;
  }

  .lg\:m-8 {
    margin: 2rem;
  }

  .lg\:m-10 {
    margin: 2.5rem;
  }

  .lg\:m-12 {
    margin: 3rem;
  }

  .lg\:m-16 {
    margin: 4rem;
  }

  .lg\:m-20 {
    margin: 5rem;
  }

  .lg\:m-24 {
    margin: 6rem;
  }

  .lg\:m-32 {
    margin: 8rem;
  }

  .lg\:m-40 {
    margin: 10rem;
  }

  .lg\:m-48 {
    margin: 12rem;
  }

  .lg\:m-56 {
    margin: 14rem;
  }

  .lg\:m-64 {
    margin: 16rem;
  }

  .lg\:m-auto {
    margin: auto;
  }

  .lg\:m-px {
    margin: 1px;
  }

  .lg\:-m-1 {
    margin: -0.25rem;
  }

  .lg\:-m-2 {
    margin: -0.5rem;
  }

  .lg\:-m-3 {
    margin: -0.75rem;
  }

  .lg\:-m-4 {
    margin: -1rem;
  }

  .lg\:-m-5 {
    margin: -1.25rem;
  }

  .lg\:-m-6 {
    margin: -1.5rem;
  }

  .lg\:-m-8 {
    margin: -2rem;
  }

  .lg\:-m-10 {
    margin: -2.5rem;
  }

  .lg\:-m-12 {
    margin: -3rem;
  }

  .lg\:-m-16 {
    margin: -4rem;
  }

  .lg\:-m-20 {
    margin: -5rem;
  }

  .lg\:-m-24 {
    margin: -6rem;
  }

  .lg\:-m-32 {
    margin: -8rem;
  }

  .lg\:-m-40 {
    margin: -10rem;
  }

  .lg\:-m-48 {
    margin: -12rem;
  }

  .lg\:-m-56 {
    margin: -14rem;
  }

  .lg\:-m-64 {
    margin: -16rem;
  }

  .lg\:-m-px {
    margin: -1px;
  }

  .lg\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .lg\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .lg\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .lg\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .lg\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .lg\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .lg\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .lg\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .lg\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .lg\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .lg\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .lg\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .lg\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .lg\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .lg\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .lg\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .lg\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .lg\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .lg\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .lg\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .lg\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .lg\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .lg\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .lg\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .lg\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .lg\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .lg\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .lg\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .lg\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .lg\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .lg\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .lg\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .lg\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .lg\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .lg\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .lg\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .lg\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .lg\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .lg\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .lg\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .lg\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .lg\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .lg\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .lg\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .lg\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .lg\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .lg\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .lg\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .lg\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .lg\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .lg\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .lg\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .lg\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .lg\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .lg\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .lg\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .lg\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .lg\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .lg\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .lg\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .lg\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .lg\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .lg\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .lg\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .lg\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .lg\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .lg\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .lg\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .lg\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .lg\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .lg\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .lg\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .lg\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .lg\:mt-0 {
    margin-top: 0;
  }

  .lg\:mr-0 {
    margin-right: 0;
  }

  .lg\:mb-0 {
    margin-bottom: 0;
  }

  .lg\:ml-0 {
    margin-left: 0;
  }

  .lg\:mt-1 {
    margin-top: 0.25rem;
  }

  .lg\:mr-1 {
    margin-right: 0.25rem;
  }

  .lg\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .lg\:ml-1 {
    margin-left: 0.25rem;
  }

  .lg\:mt-2 {
    margin-top: 0.5rem;
  }

  .lg\:mr-2 {
    margin-right: 0.5rem;
  }

  .lg\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .lg\:ml-2 {
    margin-left: 0.5rem;
  }

  .lg\:mt-3 {
    margin-top: 0.75rem;
  }

  .lg\:mr-3 {
    margin-right: 0.75rem;
  }

  .lg\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .lg\:ml-3 {
    margin-left: 0.75rem;
  }

  .lg\:mt-4 {
    margin-top: 1rem;
  }

  .lg\:mr-4 {
    margin-right: 1rem;
  }

  .lg\:mb-4 {
    margin-bottom: 1rem;
  }

  .lg\:ml-4 {
    margin-left: 1rem;
  }

  .lg\:mt-5 {
    margin-top: 1.25rem;
  }

  .lg\:mr-5 {
    margin-right: 1.25rem;
  }

  .lg\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .lg\:ml-5 {
    margin-left: 1.25rem;
  }

  .lg\:mt-6 {
    margin-top: 1.5rem;
  }

  .lg\:mr-6 {
    margin-right: 1.5rem;
  }

  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .lg\:ml-6 {
    margin-left: 1.5rem;
  }

  .lg\:mt-8 {
    margin-top: 2rem;
  }

  .lg\:mr-8 {
    margin-right: 2rem;
  }

  .lg\:mb-8 {
    margin-bottom: 2rem;
  }

  .lg\:ml-8 {
    margin-left: 2rem;
  }

  .lg\:mt-10 {
    margin-top: 2.5rem;
  }

  .lg\:mr-10 {
    margin-right: 2.5rem;
  }

  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .lg\:ml-10 {
    margin-left: 2.5rem;
  }

  .lg\:mt-12 {
    margin-top: 3rem;
  }

  .lg\:mr-12 {
    margin-right: 3rem;
  }

  .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  .lg\:ml-12 {
    margin-left: 3rem;
  }

  .lg\:mt-16 {
    margin-top: 4rem;
  }

  .lg\:mr-16 {
    margin-right: 4rem;
  }

  .lg\:mb-16 {
    margin-bottom: 4rem;
  }

  .lg\:ml-16 {
    margin-left: 4rem;
  }

  .lg\:mt-20 {
    margin-top: 5rem;
  }

  .lg\:mr-20 {
    margin-right: 5rem;
  }

  .lg\:mb-20 {
    margin-bottom: 5rem;
  }

  .lg\:ml-20 {
    margin-left: 5rem;
  }

  .lg\:mt-24 {
    margin-top: 6rem;
  }

  .lg\:mr-24 {
    margin-right: 6rem;
  }

  .lg\:mb-24 {
    margin-bottom: 6rem;
  }

  .lg\:ml-24 {
    margin-left: 6rem;
  }

  .lg\:mt-32 {
    margin-top: 8rem;
  }

  .lg\:mr-32 {
    margin-right: 8rem;
  }

  .lg\:mb-32 {
    margin-bottom: 8rem;
  }

  .lg\:ml-32 {
    margin-left: 8rem;
  }

  .lg\:mt-40 {
    margin-top: 10rem;
  }

  .lg\:mr-40 {
    margin-right: 10rem;
  }

  .lg\:mb-40 {
    margin-bottom: 10rem;
  }

  .lg\:ml-40 {
    margin-left: 10rem;
  }

  .lg\:mt-48 {
    margin-top: 12rem;
  }

  .lg\:mr-48 {
    margin-right: 12rem;
  }

  .lg\:mb-48 {
    margin-bottom: 12rem;
  }

  .lg\:ml-48 {
    margin-left: 12rem;
  }

  .lg\:mt-56 {
    margin-top: 14rem;
  }

  .lg\:mr-56 {
    margin-right: 14rem;
  }

  .lg\:mb-56 {
    margin-bottom: 14rem;
  }

  .lg\:ml-56 {
    margin-left: 14rem;
  }

  .lg\:mt-64 {
    margin-top: 16rem;
  }

  .lg\:mr-64 {
    margin-right: 16rem;
  }

  .lg\:mb-64 {
    margin-bottom: 16rem;
  }

  .lg\:ml-64 {
    margin-left: 16rem;
  }

  .lg\:mt-auto {
    margin-top: auto;
  }

  .lg\:mr-auto {
    margin-right: auto;
  }

  .lg\:mb-auto {
    margin-bottom: auto;
  }

  .lg\:ml-auto {
    margin-left: auto;
  }

  .lg\:mt-px {
    margin-top: 1px;
  }

  .lg\:mr-px {
    margin-right: 1px;
  }

  .lg\:mb-px {
    margin-bottom: 1px;
  }

  .lg\:ml-px {
    margin-left: 1px;
  }

  .lg\:-mt-1 {
    margin-top: -0.25rem;
  }

  .lg\:-mr-1 {
    margin-right: -0.25rem;
  }

  .lg\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  .lg\:-ml-1 {
    margin-left: -0.25rem;
  }

  .lg\:-mt-2 {
    margin-top: -0.5rem;
  }

  .lg\:-mr-2 {
    margin-right: -0.5rem;
  }

  .lg\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  .lg\:-ml-2 {
    margin-left: -0.5rem;
  }

  .lg\:-mt-3 {
    margin-top: -0.75rem;
  }

  .lg\:-mr-3 {
    margin-right: -0.75rem;
  }

  .lg\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  .lg\:-ml-3 {
    margin-left: -0.75rem;
  }

  .lg\:-mt-4 {
    margin-top: -1rem;
  }

  .lg\:-mr-4 {
    margin-right: -1rem;
  }

  .lg\:-mb-4 {
    margin-bottom: -1rem;
  }

  .lg\:-ml-4 {
    margin-left: -1rem;
  }

  .lg\:-mt-5 {
    margin-top: -1.25rem;
  }

  .lg\:-mr-5 {
    margin-right: -1.25rem;
  }

  .lg\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  .lg\:-ml-5 {
    margin-left: -1.25rem;
  }

  .lg\:-mt-6 {
    margin-top: -1.5rem;
  }

  .lg\:-mr-6 {
    margin-right: -1.5rem;
  }

  .lg\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .lg\:-ml-6 {
    margin-left: -1.5rem;
  }

  .lg\:-mt-8 {
    margin-top: -2rem;
  }

  .lg\:-mr-8 {
    margin-right: -2rem;
  }

  .lg\:-mb-8 {
    margin-bottom: -2rem;
  }

  .lg\:-ml-8 {
    margin-left: -2rem;
  }

  .lg\:-mt-10 {
    margin-top: -2.5rem;
  }

  .lg\:-mr-10 {
    margin-right: -2.5rem;
  }

  .lg\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  .lg\:-ml-10 {
    margin-left: -2.5rem;
  }

  .lg\:-mt-12 {
    margin-top: -3rem;
  }

  .lg\:-mr-12 {
    margin-right: -3rem;
  }

  .lg\:-mb-12 {
    margin-bottom: -3rem;
  }

  .lg\:-ml-12 {
    margin-left: -3rem;
  }

  .lg\:-mt-16 {
    margin-top: -4rem;
  }

  .lg\:-mr-16 {
    margin-right: -4rem;
  }

  .lg\:-mb-16 {
    margin-bottom: -4rem;
  }

  .lg\:-ml-16 {
    margin-left: -4rem;
  }

  .lg\:-mt-20 {
    margin-top: -5rem;
  }

  .lg\:-mr-20 {
    margin-right: -5rem;
  }

  .lg\:-mb-20 {
    margin-bottom: -5rem;
  }

  .lg\:-ml-20 {
    margin-left: -5rem;
  }

  .lg\:-mt-24 {
    margin-top: -6rem;
  }

  .lg\:-mr-24 {
    margin-right: -6rem;
  }

  .lg\:-mb-24 {
    margin-bottom: -6rem;
  }

  .lg\:-ml-24 {
    margin-left: -6rem;
  }

  .lg\:-mt-32 {
    margin-top: -8rem;
  }

  .lg\:-mr-32 {
    margin-right: -8rem;
  }

  .lg\:-mb-32 {
    margin-bottom: -8rem;
  }

  .lg\:-ml-32 {
    margin-left: -8rem;
  }

  .lg\:-mt-40 {
    margin-top: -10rem;
  }

  .lg\:-mr-40 {
    margin-right: -10rem;
  }

  .lg\:-mb-40 {
    margin-bottom: -10rem;
  }

  .lg\:-ml-40 {
    margin-left: -10rem;
  }

  .lg\:-mt-48 {
    margin-top: -12rem;
  }

  .lg\:-mr-48 {
    margin-right: -12rem;
  }

  .lg\:-mb-48 {
    margin-bottom: -12rem;
  }

  .lg\:-ml-48 {
    margin-left: -12rem;
  }

  .lg\:-mt-56 {
    margin-top: -14rem;
  }

  .lg\:-mr-56 {
    margin-right: -14rem;
  }

  .lg\:-mb-56 {
    margin-bottom: -14rem;
  }

  .lg\:-ml-56 {
    margin-left: -14rem;
  }

  .lg\:-mt-64 {
    margin-top: -16rem;
  }

  .lg\:-mr-64 {
    margin-right: -16rem;
  }

  .lg\:-mb-64 {
    margin-bottom: -16rem;
  }

  .lg\:-ml-64 {
    margin-left: -16rem;
  }

  .lg\:-mt-px {
    margin-top: -1px;
  }

  .lg\:-mr-px {
    margin-right: -1px;
  }

  .lg\:-mb-px {
    margin-bottom: -1px;
  }

  .lg\:-ml-px {
    margin-left: -1px;
  }

  .lg\:max-h-full {
    max-height: 100%;
  }

  .lg\:max-h-screen {
    max-height: 100vh;
  }

  .lg\:max-w-none {
    max-width: none;
  }

  .lg\:max-w-xs {
    max-width: 20rem;
  }

  .lg\:max-w-sm {
    max-width: 24rem;
  }

  .lg\:max-w-md {
    max-width: 28rem;
  }

  .lg\:max-w-lg {
    max-width: 32rem;
  }

  .lg\:max-w-xl {
    max-width: 36rem;
  }

  .lg\:max-w-2xl {
    max-width: 42rem;
  }

  .lg\:max-w-3xl {
    max-width: 48rem;
  }

  .lg\:max-w-4xl {
    max-width: 56rem;
  }

  .lg\:max-w-5xl {
    max-width: 64rem;
  }

  .lg\:max-w-6xl {
    max-width: 72rem;
  }

  .lg\:max-w-full {
    max-width: 100%;
  }

  .lg\:max-w-screen-xs {
    max-width: 360px;
  }

  .lg\:max-w-screen-sm {
    max-width: 480px;
  }

  .lg\:max-w-screen-md {
    max-width: 760px;
  }

  .lg\:max-w-screen-lg {
    max-width: 960px;
  }

  .lg\:max-w-screen-xl {
    max-width: 1060px;
  }

  .lg\:max-w-screen-xxl {
    max-width: 1280px;
  }

  .lg\:min-h-0 {
    min-height: 0;
  }

  .lg\:min-h-full {
    min-height: 100%;
  }

  .lg\:min-h-screen {
    min-height: 100vh;
  }

  .lg\:min-w-0 {
    min-width: 0;
  }

  .lg\:min-w-full {
    min-width: 100%;
  }

  .lg\:object-contain {
    object-fit: contain;
  }

  .lg\:object-cover {
    object-fit: cover;
  }

  .lg\:object-fill {
    object-fit: fill;
  }

  .lg\:object-none {
    object-fit: none;
  }

  .lg\:object-scale-down {
    object-fit: scale-down;
  }

  .lg\:object-bottom {
    object-position: bottom;
  }

  .lg\:object-center {
    object-position: center;
  }

  .lg\:object-left {
    object-position: left;
  }

  .lg\:object-left-bottom {
    object-position: left bottom;
  }

  .lg\:object-left-top {
    object-position: left top;
  }

  .lg\:object-right {
    object-position: right;
  }

  .lg\:object-right-bottom {
    object-position: right bottom;
  }

  .lg\:object-right-top {
    object-position: right top;
  }

  .lg\:object-top {
    object-position: top;
  }

  .lg\:opacity-0 {
    opacity: 0;
  }

  .lg\:opacity-25 {
    opacity: 0.25;
  }

  .lg\:opacity-50 {
    opacity: 0.5;
  }

  .lg\:opacity-75 {
    opacity: 0.75;
  }

  .lg\:opacity-100 {
    opacity: 1;
  }

  .lg\:hover\:opacity-0:hover {
    opacity: 0;
  }

  .lg\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  .lg\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  .lg\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  .lg\:hover\:opacity-100:hover {
    opacity: 1;
  }

  .lg\:focus\:opacity-0:focus {
    opacity: 0;
  }

  .lg\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  .lg\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  .lg\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  .lg\:focus\:opacity-100:focus {
    opacity: 1;
  }

  .lg\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .lg\:outline-white {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .lg\:outline-black {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .lg\:focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .lg\:focus\:outline-white:focus {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .lg\:focus\:outline-black:focus {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .lg\:overflow-auto {
    overflow: auto;
  }

  .lg\:overflow-hidden {
    overflow: hidden;
  }

  .lg\:overflow-visible {
    overflow: visible;
  }

  .lg\:overflow-scroll {
    overflow: scroll;
  }

  .lg\:overflow-x-auto {
    overflow-x: auto;
  }

  .lg\:overflow-y-auto {
    overflow-y: auto;
  }

  .lg\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .lg\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .lg\:overflow-x-visible {
    overflow-x: visible;
  }

  .lg\:overflow-y-visible {
    overflow-y: visible;
  }

  .lg\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .lg\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .lg\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .lg\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .lg\:overscroll-auto {
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }

  .lg\:overscroll-contain {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  .lg\:overscroll-none {
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }

  .lg\:overscroll-y-auto {
    overscroll-behavior-y: auto;
  }

  .lg\:overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  .lg\:overscroll-y-none {
    overscroll-behavior-y: none;
  }

  .lg\:overscroll-x-auto {
    overscroll-behavior-x: auto;
  }

  .lg\:overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .lg\:overscroll-x-none {
    overscroll-behavior-x: none;
  }

  .lg\:p-0 {
    padding: 0;
  }

  .lg\:p-1 {
    padding: 0.25rem;
  }

  .lg\:p-2 {
    padding: 0.5rem;
  }

  .lg\:p-3 {
    padding: 0.75rem;
  }

  .lg\:p-4 {
    padding: 1rem;
  }

  .lg\:p-5 {
    padding: 1.25rem;
  }

  .lg\:p-6 {
    padding: 1.5rem;
  }

  .lg\:p-8 {
    padding: 2rem;
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-12 {
    padding: 3rem;
  }

  .lg\:p-16 {
    padding: 4rem;
  }

  .lg\:p-20 {
    padding: 5rem;
  }

  .lg\:p-24 {
    padding: 6rem;
  }

  .lg\:p-32 {
    padding: 8rem;
  }

  .lg\:p-40 {
    padding: 10rem;
  }

  .lg\:p-48 {
    padding: 12rem;
  }

  .lg\:p-56 {
    padding: 14rem;
  }

  .lg\:p-64 {
    padding: 16rem;
  }

  .lg\:p-px {
    padding: 1px;
  }

  .lg\:p-1\/4 {
    padding: 25%;
  }

  .lg\:p-1\/3 {
    padding: 33.333333333%;
  }

  .lg\:p-1\/2 {
    padding: 50%;
  }

  .lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .lg\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .lg\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .lg\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .lg\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .lg\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .lg\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .lg\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .lg\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .lg\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .lg\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .lg\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .lg\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .lg\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .lg\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .lg\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .lg\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .lg\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .lg\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .lg\:py-1\/4 {
    padding-top: 25%;
    padding-bottom: 25%;
  }

  .lg\:px-1\/4 {
    padding-left: 25%;
    padding-right: 25%;
  }

  .lg\:py-1\/3 {
    padding-top: 33.333333333%;
    padding-bottom: 33.333333333%;
  }

  .lg\:px-1\/3 {
    padding-left: 33.333333333%;
    padding-right: 33.333333333%;
  }

  .lg\:py-1\/2 {
    padding-top: 50%;
    padding-bottom: 50%;
  }

  .lg\:px-1\/2 {
    padding-left: 50%;
    padding-right: 50%;
  }

  .lg\:pt-0 {
    padding-top: 0;
  }

  .lg\:pr-0 {
    padding-right: 0;
  }

  .lg\:pb-0 {
    padding-bottom: 0;
  }

  .lg\:pl-0 {
    padding-left: 0;
  }

  .lg\:pt-1 {
    padding-top: 0.25rem;
  }

  .lg\:pr-1 {
    padding-right: 0.25rem;
  }

  .lg\:pb-1 {
    padding-bottom: 0.25rem;
  }

  .lg\:pl-1 {
    padding-left: 0.25rem;
  }

  .lg\:pt-2 {
    padding-top: 0.5rem;
  }

  .lg\:pr-2 {
    padding-right: 0.5rem;
  }

  .lg\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .lg\:pl-2 {
    padding-left: 0.5rem;
  }

  .lg\:pt-3 {
    padding-top: 0.75rem;
  }

  .lg\:pr-3 {
    padding-right: 0.75rem;
  }

  .lg\:pb-3 {
    padding-bottom: 0.75rem;
  }

  .lg\:pl-3 {
    padding-left: 0.75rem;
  }

  .lg\:pt-4 {
    padding-top: 1rem;
  }

  .lg\:pr-4 {
    padding-right: 1rem;
  }

  .lg\:pb-4 {
    padding-bottom: 1rem;
  }

  .lg\:pl-4 {
    padding-left: 1rem;
  }

  .lg\:pt-5 {
    padding-top: 1.25rem;
  }

  .lg\:pr-5 {
    padding-right: 1.25rem;
  }

  .lg\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .lg\:pl-5 {
    padding-left: 1.25rem;
  }

  .lg\:pt-6 {
    padding-top: 1.5rem;
  }

  .lg\:pr-6 {
    padding-right: 1.5rem;
  }

  .lg\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .lg\:pl-6 {
    padding-left: 1.5rem;
  }

  .lg\:pt-8 {
    padding-top: 2rem;
  }

  .lg\:pr-8 {
    padding-right: 2rem;
  }

  .lg\:pb-8 {
    padding-bottom: 2rem;
  }

  .lg\:pl-8 {
    padding-left: 2rem;
  }

  .lg\:pt-10 {
    padding-top: 2.5rem;
  }

  .lg\:pr-10 {
    padding-right: 2.5rem;
  }

  .lg\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .lg\:pl-10 {
    padding-left: 2.5rem;
  }

  .lg\:pt-12 {
    padding-top: 3rem;
  }

  .lg\:pr-12 {
    padding-right: 3rem;
  }

  .lg\:pb-12 {
    padding-bottom: 3rem;
  }

  .lg\:pl-12 {
    padding-left: 3rem;
  }

  .lg\:pt-16 {
    padding-top: 4rem;
  }

  .lg\:pr-16 {
    padding-right: 4rem;
  }

  .lg\:pb-16 {
    padding-bottom: 4rem;
  }

  .lg\:pl-16 {
    padding-left: 4rem;
  }

  .lg\:pt-20 {
    padding-top: 5rem;
  }

  .lg\:pr-20 {
    padding-right: 5rem;
  }

  .lg\:pb-20 {
    padding-bottom: 5rem;
  }

  .lg\:pl-20 {
    padding-left: 5rem;
  }

  .lg\:pt-24 {
    padding-top: 6rem;
  }

  .lg\:pr-24 {
    padding-right: 6rem;
  }

  .lg\:pb-24 {
    padding-bottom: 6rem;
  }

  .lg\:pl-24 {
    padding-left: 6rem;
  }

  .lg\:pt-32 {
    padding-top: 8rem;
  }

  .lg\:pr-32 {
    padding-right: 8rem;
  }

  .lg\:pb-32 {
    padding-bottom: 8rem;
  }

  .lg\:pl-32 {
    padding-left: 8rem;
  }

  .lg\:pt-40 {
    padding-top: 10rem;
  }

  .lg\:pr-40 {
    padding-right: 10rem;
  }

  .lg\:pb-40 {
    padding-bottom: 10rem;
  }

  .lg\:pl-40 {
    padding-left: 10rem;
  }

  .lg\:pt-48 {
    padding-top: 12rem;
  }

  .lg\:pr-48 {
    padding-right: 12rem;
  }

  .lg\:pb-48 {
    padding-bottom: 12rem;
  }

  .lg\:pl-48 {
    padding-left: 12rem;
  }

  .lg\:pt-56 {
    padding-top: 14rem;
  }

  .lg\:pr-56 {
    padding-right: 14rem;
  }

  .lg\:pb-56 {
    padding-bottom: 14rem;
  }

  .lg\:pl-56 {
    padding-left: 14rem;
  }

  .lg\:pt-64 {
    padding-top: 16rem;
  }

  .lg\:pr-64 {
    padding-right: 16rem;
  }

  .lg\:pb-64 {
    padding-bottom: 16rem;
  }

  .lg\:pl-64 {
    padding-left: 16rem;
  }

  .lg\:pt-px {
    padding-top: 1px;
  }

  .lg\:pr-px {
    padding-right: 1px;
  }

  .lg\:pb-px {
    padding-bottom: 1px;
  }

  .lg\:pl-px {
    padding-left: 1px;
  }

  .lg\:pt-1\/4 {
    padding-top: 25%;
  }

  .lg\:pr-1\/4 {
    padding-right: 25%;
  }

  .lg\:pb-1\/4 {
    padding-bottom: 25%;
  }

  .lg\:pl-1\/4 {
    padding-left: 25%;
  }

  .lg\:pt-1\/3 {
    padding-top: 33.333333333%;
  }

  .lg\:pr-1\/3 {
    padding-right: 33.333333333%;
  }

  .lg\:pb-1\/3 {
    padding-bottom: 33.333333333%;
  }

  .lg\:pl-1\/3 {
    padding-left: 33.333333333%;
  }

  .lg\:pt-1\/2 {
    padding-top: 50%;
  }

  .lg\:pr-1\/2 {
    padding-right: 50%;
  }

  .lg\:pb-1\/2 {
    padding-bottom: 50%;
  }

  .lg\:pl-1\/2 {
    padding-left: 50%;
  }

  .lg\:placeholder-transparent:-ms-input-placeholder {
    color: transparent;
  }

  .lg\:placeholder-transparent::placeholder {
    color: transparent;
  }

  .lg\:placeholder-black:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .lg\:placeholder-black::placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .lg\:placeholder-white:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-white::placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-100::placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-200::placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-300::placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-400::placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-500::placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-600::placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-700::placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-800::placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-900::placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-100::placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-200::placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-300::placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-400::placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-500::placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-600::placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-700::placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-800::placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-900::placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .lg\:placeholder-blurple-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .lg\:placeholder-blurple-100::placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .lg\:placeholder-blurple-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .lg\:placeholder-blurple-200::placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .lg\:placeholder-blurple-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .lg\:placeholder-blurple-300::placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .lg\:placeholder-blurple-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .lg\:placeholder-blurple-400::placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .lg\:placeholder-blurple-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .lg\:placeholder-blurple-500::placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .lg\:placeholder-blurple-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .lg\:placeholder-blurple-700::placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .lg\:placeholder-green-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .lg\:placeholder-green-300::placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .lg\:placeholder-green-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .lg\:placeholder-green-500::placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .lg\:placeholder-green-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .lg\:placeholder-green-700::placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-100::placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-200::placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-300::placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-400::placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-500::placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-600::placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-700::placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-800::placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .lg\:placeholder-orange-900::placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-100::placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-200::placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-300::placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-400::placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-500::placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-600::placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-700::placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-800::placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-900::placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .lg\:placeholder-red-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .lg\:placeholder-red-300::placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .lg\:placeholder-red-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .lg\:placeholder-red-500::placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .lg\:placeholder-red-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .lg\:placeholder-red-700::placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-100::placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-200::placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-300::placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-400::placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-500::placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-600::placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-700::placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-800::placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-900::placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-100::placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-200::placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-300::placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-400::placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-500::placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-600::placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-700::placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-800::placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .lg\:placeholder-yellow-900::placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .lg\:placeholder-facebook-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .lg\:placeholder-facebook-400::placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .lg\:placeholder-facebook-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .lg\:placeholder-facebook-500::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .lg\:placeholder-snapchat-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .lg\:placeholder-snapchat-400::placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .lg\:placeholder-snapchat-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .lg\:placeholder-snapchat-500::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .lg\:placeholder-messenger-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-messenger-400::placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-messenger-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-messenger-500::placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-twitter-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-twitter-400::placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-twitter-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .lg\:placeholder-twitter-500::placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .lg\:placeholder-transparent-black-10:-ms-input-placeholder {
    color: rgba(0,0,0,0.1);
  }

  .lg\:placeholder-transparent-black-10::placeholder {
    color: rgba(0,0,0,0.1);
  }

  .lg\:placeholder-transparent-black-30:-ms-input-placeholder {
    color: rgba(0,0,0,0.3);
  }

  .lg\:placeholder-transparent-black-30::placeholder {
    color: rgba(0,0,0,0.3);
  }

  .lg\:placeholder-transparent-black-50:-ms-input-placeholder {
    color: rgba(0,0,0,0.5);
  }

  .lg\:placeholder-transparent-black-50::placeholder {
    color: rgba(0,0,0,0.5);
  }

  .lg\:placeholder-transparent-black-70:-ms-input-placeholder {
    color: rgba(0,0,0,0.7);
  }

  .lg\:placeholder-transparent-black-70::placeholder {
    color: rgba(0,0,0,0.7);
  }

  .lg\:placeholder-transparent-black-90:-ms-input-placeholder {
    color: rgba(0,0,0,0.9);
  }

  .lg\:placeholder-transparent-black-90::placeholder {
    color: rgba(0,0,0,0.9);
  }

  .lg\:placeholder-transparent-white-10:-ms-input-placeholder {
    color: rgba(255,255,255,0.1);
  }

  .lg\:placeholder-transparent-white-10::placeholder {
    color: rgba(255,255,255,0.1);
  }

  .lg\:placeholder-transparent-white-30:-ms-input-placeholder {
    color: rgba(255,255,255,0.3);
  }

  .lg\:placeholder-transparent-white-30::placeholder {
    color: rgba(255,255,255,0.3);
  }

  .lg\:placeholder-transparent-white-50:-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
  }

  .lg\:placeholder-transparent-white-50::placeholder {
    color: rgba(255,255,255,0.5);
  }

  .lg\:placeholder-transparent-white-70:-ms-input-placeholder {
    color: rgba(255,255,255,0.7);
  }

  .lg\:placeholder-transparent-white-70::placeholder {
    color: rgba(255,255,255,0.7);
  }

  .lg\:placeholder-transparent-white-90:-ms-input-placeholder {
    color: rgba(255,255,255,0.9);
  }

  .lg\:placeholder-transparent-white-90::placeholder {
    color: rgba(255,255,255,0.9);
  }

  .lg\:placeholder-vr-dark-blue:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .lg\:placeholder-vr-dark-blue::placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .lg\:placeholder-vr-neon-green:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .lg\:placeholder-vr-neon-green::placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent;
  }

  .lg\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  .lg\:focus\:placeholder-black:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-black:focus::placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-white:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-white:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blurple-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blurple-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blurple-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blurple-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blurple-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blurple-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blurple-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blurple-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blurple-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blurple-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blurple-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blurple-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-orange-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-red-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-yellow-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-facebook-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-facebook-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-facebook-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-facebook-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-snapchat-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-snapchat-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-snapchat-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-snapchat-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-messenger-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-messenger-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-messenger-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-messenger-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-twitter-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-twitter-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-twitter-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-twitter-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-transparent-black-10:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.1);
  }

  .lg\:focus\:placeholder-transparent-black-10:focus::placeholder {
    color: rgba(0,0,0,0.1);
  }

  .lg\:focus\:placeholder-transparent-black-30:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.3);
  }

  .lg\:focus\:placeholder-transparent-black-30:focus::placeholder {
    color: rgba(0,0,0,0.3);
  }

  .lg\:focus\:placeholder-transparent-black-50:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.5);
  }

  .lg\:focus\:placeholder-transparent-black-50:focus::placeholder {
    color: rgba(0,0,0,0.5);
  }

  .lg\:focus\:placeholder-transparent-black-70:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.7);
  }

  .lg\:focus\:placeholder-transparent-black-70:focus::placeholder {
    color: rgba(0,0,0,0.7);
  }

  .lg\:focus\:placeholder-transparent-black-90:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.9);
  }

  .lg\:focus\:placeholder-transparent-black-90:focus::placeholder {
    color: rgba(0,0,0,0.9);
  }

  .lg\:focus\:placeholder-transparent-white-10:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.1);
  }

  .lg\:focus\:placeholder-transparent-white-10:focus::placeholder {
    color: rgba(255,255,255,0.1);
  }

  .lg\:focus\:placeholder-transparent-white-30:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.3);
  }

  .lg\:focus\:placeholder-transparent-white-30:focus::placeholder {
    color: rgba(255,255,255,0.3);
  }

  .lg\:focus\:placeholder-transparent-white-50:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
  }

  .lg\:focus\:placeholder-transparent-white-50:focus::placeholder {
    color: rgba(255,255,255,0.5);
  }

  .lg\:focus\:placeholder-transparent-white-70:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.7);
  }

  .lg\:focus\:placeholder-transparent-white-70:focus::placeholder {
    color: rgba(255,255,255,0.7);
  }

  .lg\:focus\:placeholder-transparent-white-90:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.9);
  }

  .lg\:focus\:placeholder-transparent-white-90:focus::placeholder {
    color: rgba(255,255,255,0.9);
  }

  .lg\:focus\:placeholder-vr-dark-blue:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-vr-dark-blue:focus::placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-vr-neon-green:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-vr-neon-green:focus::placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .lg\:placeholder-opacity-0:-ms-input-placeholder {
    --placeholder-opacity: 0;
  }

  .lg\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0;
  }

  .lg\:placeholder-opacity-25:-ms-input-placeholder {
    --placeholder-opacity: 0.25;
  }

  .lg\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25;
  }

  .lg\:placeholder-opacity-50:-ms-input-placeholder {
    --placeholder-opacity: 0.5;
  }

  .lg\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5;
  }

  .lg\:placeholder-opacity-75:-ms-input-placeholder {
    --placeholder-opacity: 0.75;
  }

  .lg\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75;
  }

  .lg\:placeholder-opacity-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
  }

  .lg\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1;
  }

  .lg\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
    --placeholder-opacity: 0;
  }

  .lg\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0;
  }

  .lg\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.25;
  }

  .lg\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25;
  }

  .lg\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.5;
  }

  .lg\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5;
  }

  .lg\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.75;
  }

  .lg\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75;
  }

  .lg\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
  }

  .lg\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1;
  }

  .lg\:pointer-events-none {
    pointer-events: none;
  }

  .lg\:pointer-events-auto {
    pointer-events: auto;
  }

  .lg\:static {
    position: static;
  }

  .lg\:fixed {
    position: fixed;
  }

  .lg\:absolute {
    position: absolute;
  }

  .lg\:relative {
    position: relative;
  }

  .lg\:sticky {
    position: sticky;
  }

  .lg\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .lg\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .lg\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  .lg\:inset-x-0 {
    right: 0;
    left: 0;
  }

  .lg\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .lg\:inset-x-auto {
    right: auto;
    left: auto;
  }

  .lg\:top-0 {
    top: 0;
  }

  .lg\:right-0 {
    right: 0;
  }

  .lg\:bottom-0 {
    bottom: 0;
  }

  .lg\:left-0 {
    left: 0;
  }

  .lg\:top-auto {
    top: auto;
  }

  .lg\:right-auto {
    right: auto;
  }

  .lg\:bottom-auto {
    bottom: auto;
  }

  .lg\:left-auto {
    left: auto;
  }

  .lg\:resize-none {
    resize: none;
  }

  .lg\:resize-y {
    resize: vertical;
  }

  .lg\:resize-x {
    resize: horizontal;
  }

  .lg\:resize {
    resize: both;
  }

  .lg\:shadow-xs {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .lg\:shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .lg\:shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .lg\:shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .lg\:shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .lg\:shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .lg\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .lg\:shadow-none {
    box-shadow: none;
  }

  .lg\:hover\:shadow-xs:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .lg\:hover\:shadow-sm:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .lg\:hover\:shadow:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:hover\:shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .lg\:hover\:shadow-lg:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .lg\:hover\:shadow-xl:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .lg\:hover\:shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .lg\:hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:hover\:shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .lg\:hover\:shadow-none:hover {
    box-shadow: none;
  }

  .lg\:focus\:shadow-xs:focus {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .lg\:focus\:shadow-sm:focus {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .lg\:focus\:shadow:focus {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:focus\:shadow-md:focus {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .lg\:focus\:shadow-lg:focus {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .lg\:focus\:shadow-xl:focus {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .lg\:focus\:shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .lg\:focus\:shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .lg\:focus\:shadow-none:focus {
    box-shadow: none;
  }

  .lg\:fill-current {
    fill: currentColor;
  }

  .lg\:stroke-current {
    stroke: currentColor;
  }

  .lg\:stroke-0 {
    stroke-width: 0;
  }

  .lg\:stroke-1 {
    stroke-width: 1;
  }

  .lg\:stroke-2 {
    stroke-width: 2;
  }

  .lg\:table-auto {
    table-layout: auto;
  }

  .lg\:table-fixed {
    table-layout: fixed;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-center {
    text-align: center;
  }

  .lg\:text-right {
    text-align: right;
  }

  .lg\:text-justify {
    text-align: justify;
  }

  .lg\:text-transparent {
    color: transparent;
  }

  .lg\:text-black {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .lg\:text-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .lg\:text-gray-100 {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .lg\:text-gray-200 {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .lg\:text-gray-300 {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .lg\:text-gray-400 {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .lg\:text-gray-500 {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .lg\:text-gray-600 {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .lg\:text-gray-700 {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .lg\:text-gray-800 {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .lg\:text-gray-900 {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .lg\:text-blue-100 {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .lg\:text-blue-200 {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .lg\:text-blue-300 {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .lg\:text-blue-400 {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .lg\:text-blue-500 {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .lg\:text-blue-600 {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .lg\:text-blue-700 {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .lg\:text-blue-800 {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .lg\:text-blue-900 {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .lg\:text-blurple-100 {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .lg\:text-blurple-200 {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .lg\:text-blurple-300 {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .lg\:text-blurple-400 {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .lg\:text-blurple-500 {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .lg\:text-blurple-700 {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .lg\:text-green-300 {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .lg\:text-green-500 {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .lg\:text-green-700 {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .lg\:text-orange-100 {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .lg\:text-orange-200 {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .lg\:text-orange-300 {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .lg\:text-orange-400 {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .lg\:text-orange-500 {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .lg\:text-orange-600 {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .lg\:text-orange-700 {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .lg\:text-orange-800 {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .lg\:text-orange-900 {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .lg\:text-purple-100 {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .lg\:text-purple-200 {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .lg\:text-purple-300 {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .lg\:text-purple-400 {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .lg\:text-purple-500 {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .lg\:text-purple-600 {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .lg\:text-purple-700 {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .lg\:text-purple-800 {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .lg\:text-purple-900 {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .lg\:text-red-300 {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .lg\:text-red-500 {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .lg\:text-red-700 {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .lg\:text-teal-100 {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .lg\:text-teal-200 {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .lg\:text-teal-300 {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .lg\:text-teal-400 {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .lg\:text-teal-500 {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .lg\:text-teal-600 {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .lg\:text-teal-700 {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .lg\:text-teal-800 {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .lg\:text-teal-900 {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .lg\:text-yellow-100 {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .lg\:text-yellow-200 {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .lg\:text-yellow-300 {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .lg\:text-yellow-400 {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .lg\:text-yellow-500 {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .lg\:text-yellow-600 {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .lg\:text-yellow-700 {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .lg\:text-yellow-800 {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .lg\:text-yellow-900 {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .lg\:text-facebook-400 {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .lg\:text-facebook-500 {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .lg\:text-snapchat-400 {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .lg\:text-snapchat-500 {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .lg\:text-messenger-400 {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .lg\:text-messenger-500 {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .lg\:text-twitter-400 {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .lg\:text-twitter-500 {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .lg\:text-transparent-black-10 {
    color: rgba(0,0,0,0.1);
  }

  .lg\:text-transparent-black-30 {
    color: rgba(0,0,0,0.3);
  }

  .lg\:text-transparent-black-50 {
    color: rgba(0,0,0,0.5);
  }

  .lg\:text-transparent-black-70 {
    color: rgba(0,0,0,0.7);
  }

  .lg\:text-transparent-black-90 {
    color: rgba(0,0,0,0.9);
  }

  .lg\:text-transparent-white-10 {
    color: rgba(255,255,255,0.1);
  }

  .lg\:text-transparent-white-30 {
    color: rgba(255,255,255,0.3);
  }

  .lg\:text-transparent-white-50 {
    color: rgba(255,255,255,0.5);
  }

  .lg\:text-transparent-white-70 {
    color: rgba(255,255,255,0.7);
  }

  .lg\:text-transparent-white-90 {
    color: rgba(255,255,255,0.9);
  }

  .lg\:text-vr-dark-blue {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .lg\:text-vr-neon-green {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .lg\:active\:text-transparent:active {
    color: transparent;
  }

  .lg\:active\:text-black:active {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .lg\:active\:text-white:active {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .lg\:active\:text-gray-100:active {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .lg\:active\:text-gray-200:active {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .lg\:active\:text-gray-300:active {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .lg\:active\:text-gray-400:active {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .lg\:active\:text-gray-500:active {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .lg\:active\:text-gray-600:active {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .lg\:active\:text-gray-700:active {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .lg\:active\:text-gray-800:active {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .lg\:active\:text-gray-900:active {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .lg\:active\:text-blue-100:active {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .lg\:active\:text-blue-200:active {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .lg\:active\:text-blue-300:active {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .lg\:active\:text-blue-400:active {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .lg\:active\:text-blue-500:active {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .lg\:active\:text-blue-600:active {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .lg\:active\:text-blue-700:active {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .lg\:active\:text-blue-800:active {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .lg\:active\:text-blue-900:active {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .lg\:active\:text-blurple-100:active {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .lg\:active\:text-blurple-200:active {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .lg\:active\:text-blurple-300:active {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .lg\:active\:text-blurple-400:active {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .lg\:active\:text-blurple-500:active {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .lg\:active\:text-blurple-700:active {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .lg\:active\:text-green-300:active {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .lg\:active\:text-green-500:active {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .lg\:active\:text-green-700:active {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .lg\:active\:text-orange-100:active {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .lg\:active\:text-orange-200:active {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .lg\:active\:text-orange-300:active {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .lg\:active\:text-orange-400:active {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .lg\:active\:text-orange-500:active {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .lg\:active\:text-orange-600:active {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .lg\:active\:text-orange-700:active {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .lg\:active\:text-orange-800:active {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .lg\:active\:text-orange-900:active {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .lg\:active\:text-purple-100:active {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .lg\:active\:text-purple-200:active {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .lg\:active\:text-purple-300:active {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .lg\:active\:text-purple-400:active {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .lg\:active\:text-purple-500:active {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .lg\:active\:text-purple-600:active {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .lg\:active\:text-purple-700:active {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .lg\:active\:text-purple-800:active {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .lg\:active\:text-purple-900:active {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .lg\:active\:text-red-300:active {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .lg\:active\:text-red-500:active {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .lg\:active\:text-red-700:active {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .lg\:active\:text-teal-100:active {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .lg\:active\:text-teal-200:active {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .lg\:active\:text-teal-300:active {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .lg\:active\:text-teal-400:active {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .lg\:active\:text-teal-500:active {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .lg\:active\:text-teal-600:active {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .lg\:active\:text-teal-700:active {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .lg\:active\:text-teal-800:active {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .lg\:active\:text-teal-900:active {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .lg\:active\:text-yellow-100:active {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .lg\:active\:text-yellow-200:active {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .lg\:active\:text-yellow-300:active {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .lg\:active\:text-yellow-400:active {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .lg\:active\:text-yellow-500:active {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .lg\:active\:text-yellow-600:active {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .lg\:active\:text-yellow-700:active {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .lg\:active\:text-yellow-800:active {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .lg\:active\:text-yellow-900:active {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .lg\:active\:text-facebook-400:active {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .lg\:active\:text-facebook-500:active {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .lg\:active\:text-snapchat-400:active {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .lg\:active\:text-snapchat-500:active {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .lg\:active\:text-messenger-400:active {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .lg\:active\:text-messenger-500:active {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .lg\:active\:text-twitter-400:active {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .lg\:active\:text-twitter-500:active {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .lg\:active\:text-transparent-black-10:active {
    color: rgba(0,0,0,0.1);
  }

  .lg\:active\:text-transparent-black-30:active {
    color: rgba(0,0,0,0.3);
  }

  .lg\:active\:text-transparent-black-50:active {
    color: rgba(0,0,0,0.5);
  }

  .lg\:active\:text-transparent-black-70:active {
    color: rgba(0,0,0,0.7);
  }

  .lg\:active\:text-transparent-black-90:active {
    color: rgba(0,0,0,0.9);
  }

  .lg\:active\:text-transparent-white-10:active {
    color: rgba(255,255,255,0.1);
  }

  .lg\:active\:text-transparent-white-30:active {
    color: rgba(255,255,255,0.3);
  }

  .lg\:active\:text-transparent-white-50:active {
    color: rgba(255,255,255,0.5);
  }

  .lg\:active\:text-transparent-white-70:active {
    color: rgba(255,255,255,0.7);
  }

  .lg\:active\:text-transparent-white-90:active {
    color: rgba(255,255,255,0.9);
  }

  .lg\:active\:text-vr-dark-blue:active {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .lg\:active\:text-vr-neon-green:active {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .lg\:hover\:text-transparent:hover {
    color: transparent;
  }

  .lg\:hover\:text-black:hover {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .lg\:hover\:text-white:hover {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .lg\:hover\:text-gray-100:hover {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .lg\:hover\:text-gray-200:hover {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .lg\:hover\:text-gray-300:hover {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .lg\:hover\:text-gray-400:hover {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .lg\:hover\:text-gray-500:hover {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .lg\:hover\:text-gray-600:hover {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .lg\:hover\:text-gray-700:hover {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .lg\:hover\:text-gray-800:hover {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .lg\:hover\:text-gray-900:hover {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .lg\:hover\:text-blue-100:hover {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .lg\:hover\:text-blue-200:hover {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .lg\:hover\:text-blue-300:hover {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .lg\:hover\:text-blue-400:hover {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .lg\:hover\:text-blue-500:hover {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .lg\:hover\:text-blue-600:hover {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .lg\:hover\:text-blue-700:hover {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .lg\:hover\:text-blue-800:hover {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .lg\:hover\:text-blue-900:hover {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .lg\:hover\:text-blurple-100:hover {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .lg\:hover\:text-blurple-200:hover {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .lg\:hover\:text-blurple-300:hover {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .lg\:hover\:text-blurple-400:hover {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .lg\:hover\:text-blurple-500:hover {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .lg\:hover\:text-blurple-700:hover {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .lg\:hover\:text-green-300:hover {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .lg\:hover\:text-green-500:hover {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .lg\:hover\:text-green-700:hover {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .lg\:hover\:text-orange-100:hover {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .lg\:hover\:text-orange-200:hover {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .lg\:hover\:text-orange-300:hover {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .lg\:hover\:text-orange-400:hover {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .lg\:hover\:text-orange-500:hover {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .lg\:hover\:text-orange-600:hover {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .lg\:hover\:text-orange-700:hover {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .lg\:hover\:text-orange-800:hover {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .lg\:hover\:text-orange-900:hover {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .lg\:hover\:text-purple-100:hover {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .lg\:hover\:text-purple-200:hover {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .lg\:hover\:text-purple-300:hover {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .lg\:hover\:text-purple-400:hover {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .lg\:hover\:text-purple-500:hover {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .lg\:hover\:text-purple-600:hover {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .lg\:hover\:text-purple-700:hover {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .lg\:hover\:text-purple-800:hover {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .lg\:hover\:text-purple-900:hover {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .lg\:hover\:text-red-300:hover {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .lg\:hover\:text-red-500:hover {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .lg\:hover\:text-red-700:hover {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .lg\:hover\:text-teal-100:hover {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .lg\:hover\:text-teal-200:hover {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .lg\:hover\:text-teal-300:hover {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .lg\:hover\:text-teal-400:hover {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .lg\:hover\:text-teal-500:hover {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .lg\:hover\:text-teal-600:hover {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .lg\:hover\:text-teal-700:hover {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .lg\:hover\:text-teal-800:hover {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .lg\:hover\:text-teal-900:hover {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .lg\:hover\:text-yellow-100:hover {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .lg\:hover\:text-yellow-200:hover {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .lg\:hover\:text-yellow-300:hover {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .lg\:hover\:text-yellow-400:hover {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .lg\:hover\:text-yellow-500:hover {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .lg\:hover\:text-yellow-600:hover {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .lg\:hover\:text-yellow-700:hover {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .lg\:hover\:text-yellow-800:hover {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .lg\:hover\:text-yellow-900:hover {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .lg\:hover\:text-facebook-400:hover {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .lg\:hover\:text-facebook-500:hover {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .lg\:hover\:text-snapchat-400:hover {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .lg\:hover\:text-snapchat-500:hover {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .lg\:hover\:text-messenger-400:hover {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .lg\:hover\:text-messenger-500:hover {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .lg\:hover\:text-twitter-400:hover {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .lg\:hover\:text-twitter-500:hover {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .lg\:hover\:text-transparent-black-10:hover {
    color: rgba(0,0,0,0.1);
  }

  .lg\:hover\:text-transparent-black-30:hover {
    color: rgba(0,0,0,0.3);
  }

  .lg\:hover\:text-transparent-black-50:hover {
    color: rgba(0,0,0,0.5);
  }

  .lg\:hover\:text-transparent-black-70:hover {
    color: rgba(0,0,0,0.7);
  }

  .lg\:hover\:text-transparent-black-90:hover {
    color: rgba(0,0,0,0.9);
  }

  .lg\:hover\:text-transparent-white-10:hover {
    color: rgba(255,255,255,0.1);
  }

  .lg\:hover\:text-transparent-white-30:hover {
    color: rgba(255,255,255,0.3);
  }

  .lg\:hover\:text-transparent-white-50:hover {
    color: rgba(255,255,255,0.5);
  }

  .lg\:hover\:text-transparent-white-70:hover {
    color: rgba(255,255,255,0.7);
  }

  .lg\:hover\:text-transparent-white-90:hover {
    color: rgba(255,255,255,0.9);
  }

  .lg\:hover\:text-vr-dark-blue:hover {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .lg\:hover\:text-vr-neon-green:hover {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .lg\:focus\:text-transparent:focus {
    color: transparent;
  }

  .lg\:focus\:text-black:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .lg\:focus\:text-white:focus {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .lg\:focus\:text-gray-100:focus {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .lg\:focus\:text-gray-200:focus {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .lg\:focus\:text-gray-300:focus {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .lg\:focus\:text-gray-400:focus {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .lg\:focus\:text-gray-500:focus {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .lg\:focus\:text-gray-600:focus {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .lg\:focus\:text-gray-700:focus {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .lg\:focus\:text-gray-800:focus {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .lg\:focus\:text-gray-900:focus {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .lg\:focus\:text-blue-100:focus {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .lg\:focus\:text-blue-200:focus {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .lg\:focus\:text-blue-300:focus {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .lg\:focus\:text-blue-400:focus {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .lg\:focus\:text-blue-500:focus {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .lg\:focus\:text-blue-600:focus {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .lg\:focus\:text-blue-700:focus {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .lg\:focus\:text-blue-800:focus {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .lg\:focus\:text-blue-900:focus {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .lg\:focus\:text-blurple-100:focus {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .lg\:focus\:text-blurple-200:focus {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .lg\:focus\:text-blurple-300:focus {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .lg\:focus\:text-blurple-400:focus {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .lg\:focus\:text-blurple-500:focus {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .lg\:focus\:text-blurple-700:focus {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .lg\:focus\:text-green-300:focus {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .lg\:focus\:text-green-500:focus {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .lg\:focus\:text-green-700:focus {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .lg\:focus\:text-orange-100:focus {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .lg\:focus\:text-orange-200:focus {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .lg\:focus\:text-orange-300:focus {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .lg\:focus\:text-orange-400:focus {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .lg\:focus\:text-orange-500:focus {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .lg\:focus\:text-orange-600:focus {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .lg\:focus\:text-orange-700:focus {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .lg\:focus\:text-orange-800:focus {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .lg\:focus\:text-orange-900:focus {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .lg\:focus\:text-purple-100:focus {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .lg\:focus\:text-purple-200:focus {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .lg\:focus\:text-purple-300:focus {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .lg\:focus\:text-purple-400:focus {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .lg\:focus\:text-purple-500:focus {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .lg\:focus\:text-purple-600:focus {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .lg\:focus\:text-purple-700:focus {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .lg\:focus\:text-purple-800:focus {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .lg\:focus\:text-purple-900:focus {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .lg\:focus\:text-red-300:focus {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .lg\:focus\:text-red-500:focus {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .lg\:focus\:text-red-700:focus {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .lg\:focus\:text-teal-100:focus {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .lg\:focus\:text-teal-200:focus {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .lg\:focus\:text-teal-300:focus {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .lg\:focus\:text-teal-400:focus {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .lg\:focus\:text-teal-500:focus {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .lg\:focus\:text-teal-600:focus {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .lg\:focus\:text-teal-700:focus {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .lg\:focus\:text-teal-800:focus {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .lg\:focus\:text-teal-900:focus {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .lg\:focus\:text-yellow-100:focus {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .lg\:focus\:text-yellow-200:focus {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .lg\:focus\:text-yellow-300:focus {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .lg\:focus\:text-yellow-400:focus {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .lg\:focus\:text-yellow-500:focus {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .lg\:focus\:text-yellow-600:focus {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .lg\:focus\:text-yellow-700:focus {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .lg\:focus\:text-yellow-800:focus {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .lg\:focus\:text-yellow-900:focus {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .lg\:focus\:text-facebook-400:focus {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .lg\:focus\:text-facebook-500:focus {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .lg\:focus\:text-snapchat-400:focus {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .lg\:focus\:text-snapchat-500:focus {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .lg\:focus\:text-messenger-400:focus {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .lg\:focus\:text-messenger-500:focus {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .lg\:focus\:text-twitter-400:focus {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .lg\:focus\:text-twitter-500:focus {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .lg\:focus\:text-transparent-black-10:focus {
    color: rgba(0,0,0,0.1);
  }

  .lg\:focus\:text-transparent-black-30:focus {
    color: rgba(0,0,0,0.3);
  }

  .lg\:focus\:text-transparent-black-50:focus {
    color: rgba(0,0,0,0.5);
  }

  .lg\:focus\:text-transparent-black-70:focus {
    color: rgba(0,0,0,0.7);
  }

  .lg\:focus\:text-transparent-black-90:focus {
    color: rgba(0,0,0,0.9);
  }

  .lg\:focus\:text-transparent-white-10:focus {
    color: rgba(255,255,255,0.1);
  }

  .lg\:focus\:text-transparent-white-30:focus {
    color: rgba(255,255,255,0.3);
  }

  .lg\:focus\:text-transparent-white-50:focus {
    color: rgba(255,255,255,0.5);
  }

  .lg\:focus\:text-transparent-white-70:focus {
    color: rgba(255,255,255,0.7);
  }

  .lg\:focus\:text-transparent-white-90:focus {
    color: rgba(255,255,255,0.9);
  }

  .lg\:focus\:text-vr-dark-blue:focus {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .lg\:focus\:text-vr-neon-green:focus {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .lg\:text-opacity-0 {
    --text-opacity: 0;
  }

  .lg\:text-opacity-25 {
    --text-opacity: 0.25;
  }

  .lg\:text-opacity-50 {
    --text-opacity: 0.5;
  }

  .lg\:text-opacity-75 {
    --text-opacity: 0.75;
  }

  .lg\:text-opacity-100 {
    --text-opacity: 1;
  }

  .lg\:hover\:text-opacity-0:hover {
    --text-opacity: 0;
  }

  .lg\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25;
  }

  .lg\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5;
  }

  .lg\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75;
  }

  .lg\:hover\:text-opacity-100:hover {
    --text-opacity: 1;
  }

  .lg\:focus\:text-opacity-0:focus {
    --text-opacity: 0;
  }

  .lg\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25;
  }

  .lg\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5;
  }

  .lg\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75;
  }

  .lg\:focus\:text-opacity-100:focus {
    --text-opacity: 1;
  }

  .lg\:italic {
    font-style: italic;
  }

  .lg\:not-italic {
    font-style: normal;
  }

  .lg\:uppercase {
    text-transform: uppercase;
  }

  .lg\:lowercase {
    text-transform: lowercase;
  }

  .lg\:capitalize {
    text-transform: capitalize;
  }

  .lg\:normal-case {
    text-transform: none;
  }

  .lg\:underline {
    text-decoration: underline;
  }

  .lg\:line-through {
    text-decoration: line-through;
  }

  .lg\:no-underline {
    text-decoration: none;
  }

  .lg\:hover\:underline:hover {
    text-decoration: underline;
  }

  .lg\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .lg\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .lg\:focus\:underline:focus {
    text-decoration: underline;
  }

  .lg\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .lg\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .lg\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .lg\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .lg\: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,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    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);
  }

  .lg\:normal-nums {
    font-variant-numeric: normal;
  }

  .lg\:ordinal {
    --font-variant-numeric-ordinal: ordinal;
  }

  .lg\:slashed-zero {
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  .lg\:lining-nums {
    --font-variant-numeric-figure: lining-nums;
  }

  .lg\:oldstyle-nums {
    --font-variant-numeric-figure: oldstyle-nums;
  }

  .lg\:proportional-nums {
    --font-variant-numeric-spacing: proportional-nums;
  }

  .lg\:tabular-nums {
    --font-variant-numeric-spacing: tabular-nums;
  }

  .lg\:diagonal-fractions {
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  .lg\:stacked-fractions {
    --font-variant-numeric-fraction: stacked-fractions;
  }

  .lg\:tracking-tighter {
    letter-spacing: -0.05em;
  }

  .lg\:tracking-tight {
    letter-spacing: -0.025em;
  }

  .lg\:tracking-normal {
    letter-spacing: 0;
  }

  .lg\:tracking-wide {
    letter-spacing: 0.025em;
  }

  .lg\:tracking-wider {
    letter-spacing: 0.05em;
  }

  .lg\:tracking-widest {
    letter-spacing: 0.1em;
  }

  .lg\:select-none {
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .lg\:select-text {
    -webkit-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }

  .lg\:select-all {
    -webkit-user-select: all;
        -ms-user-select: all;
            user-select: all;
  }

  .lg\:select-auto {
    -webkit-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
  }

  .lg\:align-baseline {
    vertical-align: baseline;
  }

  .lg\:align-top {
    vertical-align: top;
  }

  .lg\:align-middle {
    vertical-align: middle;
  }

  .lg\:align-bottom {
    vertical-align: bottom;
  }

  .lg\:align-text-top {
    vertical-align: text-top;
  }

  .lg\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .lg\:visible {
    visibility: visible;
  }

  .lg\:invisible {
    visibility: hidden;
  }

  .lg\:whitespace-normal {
    white-space: normal;
  }

  .lg\:whitespace-no-wrap {
    white-space: nowrap;
  }

  .lg\:whitespace-pre {
    white-space: pre;
  }

  .lg\:whitespace-pre-line {
    white-space: pre-line;
  }

  .lg\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .lg\:break-normal {
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .lg\:break-words {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .lg\:break-all {
    word-break: break-all;
  }

  .lg\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .lg\:w-0 {
    width: 0;
  }

  .lg\:w-1 {
    width: 0.25rem;
  }

  .lg\:w-2 {
    width: 0.5rem;
  }

  .lg\:w-3 {
    width: 0.75rem;
  }

  .lg\:w-4 {
    width: 1rem;
  }

  .lg\:w-5 {
    width: 1.25rem;
  }

  .lg\:w-6 {
    width: 1.5rem;
  }

  .lg\:w-8 {
    width: 2rem;
  }

  .lg\:w-10 {
    width: 2.5rem;
  }

  .lg\:w-12 {
    width: 3rem;
  }

  .lg\:w-16 {
    width: 4rem;
  }

  .lg\:w-20 {
    width: 5rem;
  }

  .lg\:w-24 {
    width: 6rem;
  }

  .lg\:w-32 {
    width: 8rem;
  }

  .lg\:w-40 {
    width: 10rem;
  }

  .lg\:w-48 {
    width: 12rem;
  }

  .lg\:w-56 {
    width: 14rem;
  }

  .lg\:w-64 {
    width: 16rem;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-px {
    width: 1px;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-2\/3 {
    width: 66.666667%;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

  .lg\:w-2\/4 {
    width: 50%;
  }

  .lg\:w-3\/4 {
    width: 75%;
  }

  .lg\:w-1\/5 {
    width: 20%;
  }

  .lg\:w-2\/5 {
    width: 40%;
  }

  .lg\:w-3\/5 {
    width: 60%;
  }

  .lg\:w-4\/5 {
    width: 80%;
  }

  .lg\:w-1\/6 {
    width: 16.666667%;
  }

  .lg\:w-2\/6 {
    width: 33.333333%;
  }

  .lg\:w-3\/6 {
    width: 50%;
  }

  .lg\:w-4\/6 {
    width: 66.666667%;
  }

  .lg\:w-5\/6 {
    width: 83.333333%;
  }

  .lg\:w-1\/12 {
    width: 8.333333%;
  }

  .lg\:w-2\/12 {
    width: 16.666667%;
  }

  .lg\:w-3\/12 {
    width: 25%;
  }

  .lg\:w-4\/12 {
    width: 33.333333%;
  }

  .lg\:w-5\/12 {
    width: 41.666667%;
  }

  .lg\:w-6\/12 {
    width: 50%;
  }

  .lg\:w-7\/12 {
    width: 58.333333%;
  }

  .lg\:w-8\/12 {
    width: 66.666667%;
  }

  .lg\:w-9\/12 {
    width: 75%;
  }

  .lg\:w-10\/12 {
    width: 83.333333%;
  }

  .lg\:w-11\/12 {
    width: 91.666667%;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:w-screen {
    width: 100vw;
  }

  .lg\:z-0 {
    z-index: 0;
  }

  .lg\:z-10 {
    z-index: 10;
  }

  .lg\:z-20 {
    z-index: 20;
  }

  .lg\:z-30 {
    z-index: 30;
  }

  .lg\:z-40 {
    z-index: 40;
  }

  .lg\:z-50 {
    z-index: 50;
  }

  .lg\:z-auto {
    z-index: auto;
  }

  .lg\:gap-0 {
    grid-gap: 0;
    gap: 0;
  }

  .lg\:gap-1 {
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  .lg\:gap-2 {
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .lg\:gap-3 {
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  .lg\:gap-4 {
    grid-gap: 1rem;
    gap: 1rem;
  }

  .lg\:gap-5 {
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  .lg\:gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  .lg\:gap-8 {
    grid-gap: 2rem;
    gap: 2rem;
  }

  .lg\:gap-10 {
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  .lg\:gap-12 {
    grid-gap: 3rem;
    gap: 3rem;
  }

  .lg\:gap-16 {
    grid-gap: 4rem;
    gap: 4rem;
  }

  .lg\:gap-20 {
    grid-gap: 5rem;
    gap: 5rem;
  }

  .lg\:gap-24 {
    grid-gap: 6rem;
    gap: 6rem;
  }

  .lg\:gap-32 {
    grid-gap: 8rem;
    gap: 8rem;
  }

  .lg\:gap-40 {
    grid-gap: 10rem;
    gap: 10rem;
  }

  .lg\:gap-48 {
    grid-gap: 12rem;
    gap: 12rem;
  }

  .lg\:gap-56 {
    grid-gap: 14rem;
    gap: 14rem;
  }

  .lg\:gap-64 {
    grid-gap: 16rem;
    gap: 16rem;
  }

  .lg\:gap-px {
    grid-gap: 1px;
    gap: 1px;
  }

  .lg\:col-gap-0 {
    grid-column-gap: 0;
    column-gap: 0;
  }

  .lg\:col-gap-1 {
    grid-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }

  .lg\:col-gap-2 {
    grid-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .lg\:col-gap-3 {
    grid-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  .lg\:col-gap-4 {
    grid-column-gap: 1rem;
    column-gap: 1rem;
  }

  .lg\:col-gap-5 {
    grid-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .lg\:col-gap-6 {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .lg\:col-gap-8 {
    grid-column-gap: 2rem;
    column-gap: 2rem;
  }

  .lg\:col-gap-10 {
    grid-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .lg\:col-gap-12 {
    grid-column-gap: 3rem;
    column-gap: 3rem;
  }

  .lg\:col-gap-16 {
    grid-column-gap: 4rem;
    column-gap: 4rem;
  }

  .lg\:col-gap-20 {
    grid-column-gap: 5rem;
    column-gap: 5rem;
  }

  .lg\:col-gap-24 {
    grid-column-gap: 6rem;
    column-gap: 6rem;
  }

  .lg\:col-gap-32 {
    grid-column-gap: 8rem;
    column-gap: 8rem;
  }

  .lg\:col-gap-40 {
    grid-column-gap: 10rem;
    column-gap: 10rem;
  }

  .lg\:col-gap-48 {
    grid-column-gap: 12rem;
    column-gap: 12rem;
  }

  .lg\:col-gap-56 {
    grid-column-gap: 14rem;
    column-gap: 14rem;
  }

  .lg\:col-gap-64 {
    grid-column-gap: 16rem;
    column-gap: 16rem;
  }

  .lg\:col-gap-px {
    grid-column-gap: 1px;
    column-gap: 1px;
  }

  .lg\:gap-x-0 {
    grid-column-gap: 0;
    column-gap: 0;
  }

  .lg\:gap-x-1 {
    grid-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }

  .lg\:gap-x-2 {
    grid-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .lg\:gap-x-3 {
    grid-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  .lg\:gap-x-4 {
    grid-column-gap: 1rem;
    column-gap: 1rem;
  }

  .lg\:gap-x-5 {
    grid-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .lg\:gap-x-6 {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .lg\:gap-x-8 {
    grid-column-gap: 2rem;
    column-gap: 2rem;
  }

  .lg\:gap-x-10 {
    grid-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .lg\:gap-x-12 {
    grid-column-gap: 3rem;
    column-gap: 3rem;
  }

  .lg\:gap-x-16 {
    grid-column-gap: 4rem;
    column-gap: 4rem;
  }

  .lg\:gap-x-20 {
    grid-column-gap: 5rem;
    column-gap: 5rem;
  }

  .lg\:gap-x-24 {
    grid-column-gap: 6rem;
    column-gap: 6rem;
  }

  .lg\:gap-x-32 {
    grid-column-gap: 8rem;
    column-gap: 8rem;
  }

  .lg\:gap-x-40 {
    grid-column-gap: 10rem;
    column-gap: 10rem;
  }

  .lg\:gap-x-48 {
    grid-column-gap: 12rem;
    column-gap: 12rem;
  }

  .lg\:gap-x-56 {
    grid-column-gap: 14rem;
    column-gap: 14rem;
  }

  .lg\:gap-x-64 {
    grid-column-gap: 16rem;
    column-gap: 16rem;
  }

  .lg\:gap-x-px {
    grid-column-gap: 1px;
    column-gap: 1px;
  }

  .lg\:row-gap-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

  .lg\:row-gap-1 {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .lg\:row-gap-2 {
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .lg\:row-gap-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .lg\:row-gap-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .lg\:row-gap-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .lg\:row-gap-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .lg\:row-gap-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .lg\:row-gap-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .lg\:row-gap-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .lg\:row-gap-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .lg\:row-gap-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .lg\:row-gap-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .lg\:row-gap-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .lg\:row-gap-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .lg\:row-gap-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .lg\:row-gap-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .lg\:row-gap-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .lg\:row-gap-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .lg\:gap-y-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

  .lg\:gap-y-1 {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .lg\:gap-y-2 {
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .lg\:gap-y-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .lg\:gap-y-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .lg\:gap-y-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .lg\:gap-y-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .lg\:gap-y-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .lg\:gap-y-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .lg\:gap-y-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .lg\:gap-y-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .lg\:gap-y-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .lg\:gap-y-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .lg\:gap-y-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .lg\:gap-y-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .lg\:gap-y-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .lg\:gap-y-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .lg\:gap-y-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .lg\:gap-y-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .lg\:grid-flow-row {
    grid-auto-flow: row;
  }

  .lg\:grid-flow-col {
    grid-auto-flow: column;
  }

  .lg\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .lg\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .lg\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .lg\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .lg\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-none {
    grid-template-columns: none;
  }

  .lg\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  .lg\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  .lg\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  .lg\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .lg\:col-auto {
    grid-column: auto;
  }

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .lg\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .lg\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .lg\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .lg\:col-span-full {
    grid-column: 1 / -1;
  }

  .lg\:col-start-1 {
    grid-column-start: 1;
  }

  .lg\:col-start-2 {
    grid-column-start: 2;
  }

  .lg\:col-start-3 {
    grid-column-start: 3;
  }

  .lg\:col-start-4 {
    grid-column-start: 4;
  }

  .lg\:col-start-5 {
    grid-column-start: 5;
  }

  .lg\:col-start-6 {
    grid-column-start: 6;
  }

  .lg\:col-start-7 {
    grid-column-start: 7;
  }

  .lg\:col-start-8 {
    grid-column-start: 8;
  }

  .lg\:col-start-9 {
    grid-column-start: 9;
  }

  .lg\:col-start-10 {
    grid-column-start: 10;
  }

  .lg\:col-start-11 {
    grid-column-start: 11;
  }

  .lg\:col-start-12 {
    grid-column-start: 12;
  }

  .lg\:col-start-13 {
    grid-column-start: 13;
  }

  .lg\:col-start-auto {
    grid-column-start: auto;
  }

  .lg\:col-end-1 {
    grid-column-end: 1;
  }

  .lg\:col-end-2 {
    grid-column-end: 2;
  }

  .lg\:col-end-3 {
    grid-column-end: 3;
  }

  .lg\:col-end-4 {
    grid-column-end: 4;
  }

  .lg\:col-end-5 {
    grid-column-end: 5;
  }

  .lg\:col-end-6 {
    grid-column-end: 6;
  }

  .lg\:col-end-7 {
    grid-column-end: 7;
  }

  .lg\:col-end-8 {
    grid-column-end: 8;
  }

  .lg\:col-end-9 {
    grid-column-end: 9;
  }

  .lg\:col-end-10 {
    grid-column-end: 10;
  }

  .lg\:col-end-11 {
    grid-column-end: 11;
  }

  .lg\:col-end-12 {
    grid-column-end: 12;
  }

  .lg\:col-end-13 {
    grid-column-end: 13;
  }

  .lg\:col-end-auto {
    grid-column-end: auto;
  }

  .lg\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-rows-none {
    grid-template-rows: none;
  }

  .lg\:auto-rows-auto {
    grid-auto-rows: auto;
  }

  .lg\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  .lg\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  .lg\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .lg\:row-auto {
    grid-row: auto;
  }

  .lg\:row-span-1 {
    grid-row: span 1 / span 1;
  }

  .lg\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .lg\:row-span-3 {
    grid-row: span 3 / span 3;
  }

  .lg\:row-span-4 {
    grid-row: span 4 / span 4;
  }

  .lg\:row-span-5 {
    grid-row: span 5 / span 5;
  }

  .lg\:row-span-6 {
    grid-row: span 6 / span 6;
  }

  .lg\:row-span-full {
    grid-row: 1 / -1;
  }

  .lg\:row-start-1 {
    grid-row-start: 1;
  }

  .lg\:row-start-2 {
    grid-row-start: 2;
  }

  .lg\:row-start-3 {
    grid-row-start: 3;
  }

  .lg\:row-start-4 {
    grid-row-start: 4;
  }

  .lg\:row-start-5 {
    grid-row-start: 5;
  }

  .lg\:row-start-6 {
    grid-row-start: 6;
  }

  .lg\:row-start-7 {
    grid-row-start: 7;
  }

  .lg\:row-start-auto {
    grid-row-start: auto;
  }

  .lg\:row-end-1 {
    grid-row-end: 1;
  }

  .lg\:row-end-2 {
    grid-row-end: 2;
  }

  .lg\:row-end-3 {
    grid-row-end: 3;
  }

  .lg\:row-end-4 {
    grid-row-end: 4;
  }

  .lg\:row-end-5 {
    grid-row-end: 5;
  }

  .lg\:row-end-6 {
    grid-row-end: 6;
  }

  .lg\:row-end-7 {
    grid-row-end: 7;
  }

  .lg\:row-end-auto {
    grid-row-end: auto;
  }

  .lg\:transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    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));
  }

  .lg\:transform-none {
    transform: none;
  }

  .lg\:origin-center {
    transform-origin: center;
  }

  .lg\:origin-top {
    transform-origin: top;
  }

  .lg\:origin-top-right {
    transform-origin: top right;
  }

  .lg\:origin-right {
    transform-origin: right;
  }

  .lg\:origin-bottom-right {
    transform-origin: bottom right;
  }

  .lg\:origin-bottom {
    transform-origin: bottom;
  }

  .lg\:origin-bottom-left {
    transform-origin: bottom left;
  }

  .lg\:origin-left {
    transform-origin: left;
  }

  .lg\:origin-top-left {
    transform-origin: top left;
  }

  .lg\:scale-0 {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .lg\:scale-50 {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .lg\:scale-75 {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .lg\:scale-90 {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .lg\:scale-95 {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .lg\:scale-100 {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .lg\:scale-105 {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .lg\:scale-110 {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .lg\:scale-125 {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .lg\:scale-150 {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .lg\:scale-x-0 {
    --transform-scale-x: 0;
  }

  .lg\:scale-x-50 {
    --transform-scale-x: .5;
  }

  .lg\:scale-x-75 {
    --transform-scale-x: .75;
  }

  .lg\:scale-x-90 {
    --transform-scale-x: .9;
  }

  .lg\:scale-x-95 {
    --transform-scale-x: .95;
  }

  .lg\:scale-x-100 {
    --transform-scale-x: 1;
  }

  .lg\:scale-x-105 {
    --transform-scale-x: 1.05;
  }

  .lg\:scale-x-110 {
    --transform-scale-x: 1.1;
  }

  .lg\:scale-x-125 {
    --transform-scale-x: 1.25;
  }

  .lg\:scale-x-150 {
    --transform-scale-x: 1.5;
  }

  .lg\:scale-y-0 {
    --transform-scale-y: 0;
  }

  .lg\:scale-y-50 {
    --transform-scale-y: .5;
  }

  .lg\:scale-y-75 {
    --transform-scale-y: .75;
  }

  .lg\:scale-y-90 {
    --transform-scale-y: .9;
  }

  .lg\:scale-y-95 {
    --transform-scale-y: .95;
  }

  .lg\:scale-y-100 {
    --transform-scale-y: 1;
  }

  .lg\:scale-y-105 {
    --transform-scale-y: 1.05;
  }

  .lg\:scale-y-110 {
    --transform-scale-y: 1.1;
  }

  .lg\:scale-y-125 {
    --transform-scale-y: 1.25;
  }

  .lg\:scale-y-150 {
    --transform-scale-y: 1.5;
  }

  .lg\:hover\:scale-0:hover {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .lg\:hover\:scale-50:hover {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .lg\:hover\:scale-75:hover {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .lg\:hover\:scale-90:hover {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .lg\:hover\:scale-95:hover {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .lg\:hover\:scale-100:hover {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .lg\:hover\:scale-105:hover {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .lg\:hover\:scale-110:hover {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .lg\:hover\:scale-125:hover {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .lg\:hover\:scale-150:hover {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .lg\:hover\:scale-x-0:hover {
    --transform-scale-x: 0;
  }

  .lg\:hover\:scale-x-50:hover {
    --transform-scale-x: .5;
  }

  .lg\:hover\:scale-x-75:hover {
    --transform-scale-x: .75;
  }

  .lg\:hover\:scale-x-90:hover {
    --transform-scale-x: .9;
  }

  .lg\:hover\:scale-x-95:hover {
    --transform-scale-x: .95;
  }

  .lg\:hover\:scale-x-100:hover {
    --transform-scale-x: 1;
  }

  .lg\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05;
  }

  .lg\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1;
  }

  .lg\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25;
  }

  .lg\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5;
  }

  .lg\:hover\:scale-y-0:hover {
    --transform-scale-y: 0;
  }

  .lg\:hover\:scale-y-50:hover {
    --transform-scale-y: .5;
  }

  .lg\:hover\:scale-y-75:hover {
    --transform-scale-y: .75;
  }

  .lg\:hover\:scale-y-90:hover {
    --transform-scale-y: .9;
  }

  .lg\:hover\:scale-y-95:hover {
    --transform-scale-y: .95;
  }

  .lg\:hover\:scale-y-100:hover {
    --transform-scale-y: 1;
  }

  .lg\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05;
  }

  .lg\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1;
  }

  .lg\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25;
  }

  .lg\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5;
  }

  .lg\:focus\:scale-0:focus {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .lg\:focus\:scale-50:focus {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .lg\:focus\:scale-75:focus {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .lg\:focus\:scale-90:focus {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .lg\:focus\:scale-95:focus {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .lg\:focus\:scale-100:focus {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .lg\:focus\:scale-105:focus {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .lg\:focus\:scale-110:focus {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .lg\:focus\:scale-125:focus {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .lg\:focus\:scale-150:focus {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .lg\:focus\:scale-x-0:focus {
    --transform-scale-x: 0;
  }

  .lg\:focus\:scale-x-50:focus {
    --transform-scale-x: .5;
  }

  .lg\:focus\:scale-x-75:focus {
    --transform-scale-x: .75;
  }

  .lg\:focus\:scale-x-90:focus {
    --transform-scale-x: .9;
  }

  .lg\:focus\:scale-x-95:focus {
    --transform-scale-x: .95;
  }

  .lg\:focus\:scale-x-100:focus {
    --transform-scale-x: 1;
  }

  .lg\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05;
  }

  .lg\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1;
  }

  .lg\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25;
  }

  .lg\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5;
  }

  .lg\:focus\:scale-y-0:focus {
    --transform-scale-y: 0;
  }

  .lg\:focus\:scale-y-50:focus {
    --transform-scale-y: .5;
  }

  .lg\:focus\:scale-y-75:focus {
    --transform-scale-y: .75;
  }

  .lg\:focus\:scale-y-90:focus {
    --transform-scale-y: .9;
  }

  .lg\:focus\:scale-y-95:focus {
    --transform-scale-y: .95;
  }

  .lg\:focus\:scale-y-100:focus {
    --transform-scale-y: 1;
  }

  .lg\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05;
  }

  .lg\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1;
  }

  .lg\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25;
  }

  .lg\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5;
  }

  .lg\:rotate-0 {
    --transform-rotate: 0;
  }

  .lg\:rotate-1 {
    --transform-rotate: 1deg;
  }

  .lg\:rotate-2 {
    --transform-rotate: 2deg;
  }

  .lg\:rotate-3 {
    --transform-rotate: 3deg;
  }

  .lg\:rotate-6 {
    --transform-rotate: 6deg;
  }

  .lg\:rotate-12 {
    --transform-rotate: 12deg;
  }

  .lg\:rotate-45 {
    --transform-rotate: 45deg;
  }

  .lg\:rotate-90 {
    --transform-rotate: 90deg;
  }

  .lg\:rotate-180 {
    --transform-rotate: 180deg;
  }

  .lg\:-rotate-180 {
    --transform-rotate: -180deg;
  }

  .lg\:-rotate-90 {
    --transform-rotate: -90deg;
  }

  .lg\:-rotate-45 {
    --transform-rotate: -45deg;
  }

  .lg\:-rotate-12 {
    --transform-rotate: -12deg;
  }

  .lg\:-rotate-6 {
    --transform-rotate: -6deg;
  }

  .lg\:-rotate-3 {
    --transform-rotate: -3deg;
  }

  .lg\:-rotate-2 {
    --transform-rotate: -2deg;
  }

  .lg\:-rotate-1 {
    --transform-rotate: -1deg;
  }

  .lg\:hover\:rotate-0:hover {
    --transform-rotate: 0;
  }

  .lg\:hover\:rotate-1:hover {
    --transform-rotate: 1deg;
  }

  .lg\:hover\:rotate-2:hover {
    --transform-rotate: 2deg;
  }

  .lg\:hover\:rotate-3:hover {
    --transform-rotate: 3deg;
  }

  .lg\:hover\:rotate-6:hover {
    --transform-rotate: 6deg;
  }

  .lg\:hover\:rotate-12:hover {
    --transform-rotate: 12deg;
  }

  .lg\:hover\:rotate-45:hover {
    --transform-rotate: 45deg;
  }

  .lg\:hover\:rotate-90:hover {
    --transform-rotate: 90deg;
  }

  .lg\:hover\:rotate-180:hover {
    --transform-rotate: 180deg;
  }

  .lg\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg;
  }

  .lg\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg;
  }

  .lg\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg;
  }

  .lg\:hover\:-rotate-12:hover {
    --transform-rotate: -12deg;
  }

  .lg\:hover\:-rotate-6:hover {
    --transform-rotate: -6deg;
  }

  .lg\:hover\:-rotate-3:hover {
    --transform-rotate: -3deg;
  }

  .lg\:hover\:-rotate-2:hover {
    --transform-rotate: -2deg;
  }

  .lg\:hover\:-rotate-1:hover {
    --transform-rotate: -1deg;
  }

  .lg\:focus\:rotate-0:focus {
    --transform-rotate: 0;
  }

  .lg\:focus\:rotate-1:focus {
    --transform-rotate: 1deg;
  }

  .lg\:focus\:rotate-2:focus {
    --transform-rotate: 2deg;
  }

  .lg\:focus\:rotate-3:focus {
    --transform-rotate: 3deg;
  }

  .lg\:focus\:rotate-6:focus {
    --transform-rotate: 6deg;
  }

  .lg\:focus\:rotate-12:focus {
    --transform-rotate: 12deg;
  }

  .lg\:focus\:rotate-45:focus {
    --transform-rotate: 45deg;
  }

  .lg\:focus\:rotate-90:focus {
    --transform-rotate: 90deg;
  }

  .lg\:focus\:rotate-180:focus {
    --transform-rotate: 180deg;
  }

  .lg\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg;
  }

  .lg\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg;
  }

  .lg\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg;
  }

  .lg\:focus\:-rotate-12:focus {
    --transform-rotate: -12deg;
  }

  .lg\:focus\:-rotate-6:focus {
    --transform-rotate: -6deg;
  }

  .lg\:focus\:-rotate-3:focus {
    --transform-rotate: -3deg;
  }

  .lg\:focus\:-rotate-2:focus {
    --transform-rotate: -2deg;
  }

  .lg\:focus\:-rotate-1:focus {
    --transform-rotate: -1deg;
  }

  .lg\:translate-x-0 {
    --transform-translate-x: 0;
  }

  .lg\:translate-x-1 {
    --transform-translate-x: 0.25rem;
  }

  .lg\:translate-x-2 {
    --transform-translate-x: 0.5rem;
  }

  .lg\:translate-x-3 {
    --transform-translate-x: 0.75rem;
  }

  .lg\:translate-x-4 {
    --transform-translate-x: 1rem;
  }

  .lg\:translate-x-5 {
    --transform-translate-x: 1.25rem;
  }

  .lg\:translate-x-6 {
    --transform-translate-x: 1.5rem;
  }

  .lg\:translate-x-8 {
    --transform-translate-x: 2rem;
  }

  .lg\:translate-x-10 {
    --transform-translate-x: 2.5rem;
  }

  .lg\:translate-x-12 {
    --transform-translate-x: 3rem;
  }

  .lg\:translate-x-16 {
    --transform-translate-x: 4rem;
  }

  .lg\:translate-x-20 {
    --transform-translate-x: 5rem;
  }

  .lg\:translate-x-24 {
    --transform-translate-x: 6rem;
  }

  .lg\:translate-x-32 {
    --transform-translate-x: 8rem;
  }

  .lg\:translate-x-40 {
    --transform-translate-x: 10rem;
  }

  .lg\:translate-x-48 {
    --transform-translate-x: 12rem;
  }

  .lg\:translate-x-56 {
    --transform-translate-x: 14rem;
  }

  .lg\:translate-x-64 {
    --transform-translate-x: 16rem;
  }

  .lg\:translate-x-px {
    --transform-translate-x: 1px;
  }

  .lg\:-translate-x-1 {
    --transform-translate-x: -0.25rem;
  }

  .lg\:-translate-x-2 {
    --transform-translate-x: -0.5rem;
  }

  .lg\:-translate-x-3 {
    --transform-translate-x: -0.75rem;
  }

  .lg\:-translate-x-4 {
    --transform-translate-x: -1rem;
  }

  .lg\:-translate-x-5 {
    --transform-translate-x: -1.25rem;
  }

  .lg\:-translate-x-6 {
    --transform-translate-x: -1.5rem;
  }

  .lg\:-translate-x-8 {
    --transform-translate-x: -2rem;
  }

  .lg\:-translate-x-10 {
    --transform-translate-x: -2.5rem;
  }

  .lg\:-translate-x-12 {
    --transform-translate-x: -3rem;
  }

  .lg\:-translate-x-16 {
    --transform-translate-x: -4rem;
  }

  .lg\:-translate-x-20 {
    --transform-translate-x: -5rem;
  }

  .lg\:-translate-x-24 {
    --transform-translate-x: -6rem;
  }

  .lg\:-translate-x-32 {
    --transform-translate-x: -8rem;
  }

  .lg\:-translate-x-40 {
    --transform-translate-x: -10rem;
  }

  .lg\:-translate-x-48 {
    --transform-translate-x: -12rem;
  }

  .lg\:-translate-x-56 {
    --transform-translate-x: -14rem;
  }

  .lg\:-translate-x-64 {
    --transform-translate-x: -16rem;
  }

  .lg\:-translate-x-px {
    --transform-translate-x: -1px;
  }

  .lg\:-translate-x-full {
    --transform-translate-x: -100%;
  }

  .lg\:-translate-x-1\/2 {
    --transform-translate-x: -50%;
  }

  .lg\:translate-x-1\/2 {
    --transform-translate-x: 50%;
  }

  .lg\:translate-x-full {
    --transform-translate-x: 100%;
  }

  .lg\:translate-y-0 {
    --transform-translate-y: 0;
  }

  .lg\:translate-y-1 {
    --transform-translate-y: 0.25rem;
  }

  .lg\:translate-y-2 {
    --transform-translate-y: 0.5rem;
  }

  .lg\:translate-y-3 {
    --transform-translate-y: 0.75rem;
  }

  .lg\:translate-y-4 {
    --transform-translate-y: 1rem;
  }

  .lg\:translate-y-5 {
    --transform-translate-y: 1.25rem;
  }

  .lg\:translate-y-6 {
    --transform-translate-y: 1.5rem;
  }

  .lg\:translate-y-8 {
    --transform-translate-y: 2rem;
  }

  .lg\:translate-y-10 {
    --transform-translate-y: 2.5rem;
  }

  .lg\:translate-y-12 {
    --transform-translate-y: 3rem;
  }

  .lg\:translate-y-16 {
    --transform-translate-y: 4rem;
  }

  .lg\:translate-y-20 {
    --transform-translate-y: 5rem;
  }

  .lg\:translate-y-24 {
    --transform-translate-y: 6rem;
  }

  .lg\:translate-y-32 {
    --transform-translate-y: 8rem;
  }

  .lg\:translate-y-40 {
    --transform-translate-y: 10rem;
  }

  .lg\:translate-y-48 {
    --transform-translate-y: 12rem;
  }

  .lg\:translate-y-56 {
    --transform-translate-y: 14rem;
  }

  .lg\:translate-y-64 {
    --transform-translate-y: 16rem;
  }

  .lg\:translate-y-px {
    --transform-translate-y: 1px;
  }

  .lg\:-translate-y-1 {
    --transform-translate-y: -0.25rem;
  }

  .lg\:-translate-y-2 {
    --transform-translate-y: -0.5rem;
  }

  .lg\:-translate-y-3 {
    --transform-translate-y: -0.75rem;
  }

  .lg\:-translate-y-4 {
    --transform-translate-y: -1rem;
  }

  .lg\:-translate-y-5 {
    --transform-translate-y: -1.25rem;
  }

  .lg\:-translate-y-6 {
    --transform-translate-y: -1.5rem;
  }

  .lg\:-translate-y-8 {
    --transform-translate-y: -2rem;
  }

  .lg\:-translate-y-10 {
    --transform-translate-y: -2.5rem;
  }

  .lg\:-translate-y-12 {
    --transform-translate-y: -3rem;
  }

  .lg\:-translate-y-16 {
    --transform-translate-y: -4rem;
  }

  .lg\:-translate-y-20 {
    --transform-translate-y: -5rem;
  }

  .lg\:-translate-y-24 {
    --transform-translate-y: -6rem;
  }

  .lg\:-translate-y-32 {
    --transform-translate-y: -8rem;
  }

  .lg\:-translate-y-40 {
    --transform-translate-y: -10rem;
  }

  .lg\:-translate-y-48 {
    --transform-translate-y: -12rem;
  }

  .lg\:-translate-y-56 {
    --transform-translate-y: -14rem;
  }

  .lg\:-translate-y-64 {
    --transform-translate-y: -16rem;
  }

  .lg\:-translate-y-px {
    --transform-translate-y: -1px;
  }

  .lg\:-translate-y-full {
    --transform-translate-y: -100%;
  }

  .lg\:-translate-y-1\/2 {
    --transform-translate-y: -50%;
  }

  .lg\:translate-y-1\/2 {
    --transform-translate-y: 50%;
  }

  .lg\:translate-y-full {
    --transform-translate-y: 100%;
  }

  .lg\:hover\:translate-x-0:hover {
    --transform-translate-x: 0;
  }

  .lg\:hover\:translate-x-1:hover {
    --transform-translate-x: 0.25rem;
  }

  .lg\:hover\:translate-x-2:hover {
    --transform-translate-x: 0.5rem;
  }

  .lg\:hover\:translate-x-3:hover {
    --transform-translate-x: 0.75rem;
  }

  .lg\:hover\:translate-x-4:hover {
    --transform-translate-x: 1rem;
  }

  .lg\:hover\:translate-x-5:hover {
    --transform-translate-x: 1.25rem;
  }

  .lg\:hover\:translate-x-6:hover {
    --transform-translate-x: 1.5rem;
  }

  .lg\:hover\:translate-x-8:hover {
    --transform-translate-x: 2rem;
  }

  .lg\:hover\:translate-x-10:hover {
    --transform-translate-x: 2.5rem;
  }

  .lg\:hover\:translate-x-12:hover {
    --transform-translate-x: 3rem;
  }

  .lg\:hover\:translate-x-16:hover {
    --transform-translate-x: 4rem;
  }

  .lg\:hover\:translate-x-20:hover {
    --transform-translate-x: 5rem;
  }

  .lg\:hover\:translate-x-24:hover {
    --transform-translate-x: 6rem;
  }

  .lg\:hover\:translate-x-32:hover {
    --transform-translate-x: 8rem;
  }

  .lg\:hover\:translate-x-40:hover {
    --transform-translate-x: 10rem;
  }

  .lg\:hover\:translate-x-48:hover {
    --transform-translate-x: 12rem;
  }

  .lg\:hover\:translate-x-56:hover {
    --transform-translate-x: 14rem;
  }

  .lg\:hover\:translate-x-64:hover {
    --transform-translate-x: 16rem;
  }

  .lg\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px;
  }

  .lg\:hover\:-translate-x-1:hover {
    --transform-translate-x: -0.25rem;
  }

  .lg\:hover\:-translate-x-2:hover {
    --transform-translate-x: -0.5rem;
  }

  .lg\:hover\:-translate-x-3:hover {
    --transform-translate-x: -0.75rem;
  }

  .lg\:hover\:-translate-x-4:hover {
    --transform-translate-x: -1rem;
  }

  .lg\:hover\:-translate-x-5:hover {
    --transform-translate-x: -1.25rem;
  }

  .lg\:hover\:-translate-x-6:hover {
    --transform-translate-x: -1.5rem;
  }

  .lg\:hover\:-translate-x-8:hover {
    --transform-translate-x: -2rem;
  }

  .lg\:hover\:-translate-x-10:hover {
    --transform-translate-x: -2.5rem;
  }

  .lg\:hover\:-translate-x-12:hover {
    --transform-translate-x: -3rem;
  }

  .lg\:hover\:-translate-x-16:hover {
    --transform-translate-x: -4rem;
  }

  .lg\:hover\:-translate-x-20:hover {
    --transform-translate-x: -5rem;
  }

  .lg\:hover\:-translate-x-24:hover {
    --transform-translate-x: -6rem;
  }

  .lg\:hover\:-translate-x-32:hover {
    --transform-translate-x: -8rem;
  }

  .lg\:hover\:-translate-x-40:hover {
    --transform-translate-x: -10rem;
  }

  .lg\:hover\:-translate-x-48:hover {
    --transform-translate-x: -12rem;
  }

  .lg\:hover\:-translate-x-56:hover {
    --transform-translate-x: -14rem;
  }

  .lg\:hover\:-translate-x-64:hover {
    --transform-translate-x: -16rem;
  }

  .lg\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px;
  }

  .lg\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100%;
  }

  .lg\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50%;
  }

  .lg\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50%;
  }

  .lg\:hover\:translate-x-full:hover {
    --transform-translate-x: 100%;
  }

  .lg\:hover\:translate-y-0:hover {
    --transform-translate-y: 0;
  }

  .lg\:hover\:translate-y-1:hover {
    --transform-translate-y: 0.25rem;
  }

  .lg\:hover\:translate-y-2:hover {
    --transform-translate-y: 0.5rem;
  }

  .lg\:hover\:translate-y-3:hover {
    --transform-translate-y: 0.75rem;
  }

  .lg\:hover\:translate-y-4:hover {
    --transform-translate-y: 1rem;
  }

  .lg\:hover\:translate-y-5:hover {
    --transform-translate-y: 1.25rem;
  }

  .lg\:hover\:translate-y-6:hover {
    --transform-translate-y: 1.5rem;
  }

  .lg\:hover\:translate-y-8:hover {
    --transform-translate-y: 2rem;
  }

  .lg\:hover\:translate-y-10:hover {
    --transform-translate-y: 2.5rem;
  }

  .lg\:hover\:translate-y-12:hover {
    --transform-translate-y: 3rem;
  }

  .lg\:hover\:translate-y-16:hover {
    --transform-translate-y: 4rem;
  }

  .lg\:hover\:translate-y-20:hover {
    --transform-translate-y: 5rem;
  }

  .lg\:hover\:translate-y-24:hover {
    --transform-translate-y: 6rem;
  }

  .lg\:hover\:translate-y-32:hover {
    --transform-translate-y: 8rem;
  }

  .lg\:hover\:translate-y-40:hover {
    --transform-translate-y: 10rem;
  }

  .lg\:hover\:translate-y-48:hover {
    --transform-translate-y: 12rem;
  }

  .lg\:hover\:translate-y-56:hover {
    --transform-translate-y: 14rem;
  }

  .lg\:hover\:translate-y-64:hover {
    --transform-translate-y: 16rem;
  }

  .lg\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px;
  }

  .lg\:hover\:-translate-y-1:hover {
    --transform-translate-y: -0.25rem;
  }

  .lg\:hover\:-translate-y-2:hover {
    --transform-translate-y: -0.5rem;
  }

  .lg\:hover\:-translate-y-3:hover {
    --transform-translate-y: -0.75rem;
  }

  .lg\:hover\:-translate-y-4:hover {
    --transform-translate-y: -1rem;
  }

  .lg\:hover\:-translate-y-5:hover {
    --transform-translate-y: -1.25rem;
  }

  .lg\:hover\:-translate-y-6:hover {
    --transform-translate-y: -1.5rem;
  }

  .lg\:hover\:-translate-y-8:hover {
    --transform-translate-y: -2rem;
  }

  .lg\:hover\:-translate-y-10:hover {
    --transform-translate-y: -2.5rem;
  }

  .lg\:hover\:-translate-y-12:hover {
    --transform-translate-y: -3rem;
  }

  .lg\:hover\:-translate-y-16:hover {
    --transform-translate-y: -4rem;
  }

  .lg\:hover\:-translate-y-20:hover {
    --transform-translate-y: -5rem;
  }

  .lg\:hover\:-translate-y-24:hover {
    --transform-translate-y: -6rem;
  }

  .lg\:hover\:-translate-y-32:hover {
    --transform-translate-y: -8rem;
  }

  .lg\:hover\:-translate-y-40:hover {
    --transform-translate-y: -10rem;
  }

  .lg\:hover\:-translate-y-48:hover {
    --transform-translate-y: -12rem;
  }

  .lg\:hover\:-translate-y-56:hover {
    --transform-translate-y: -14rem;
  }

  .lg\:hover\:-translate-y-64:hover {
    --transform-translate-y: -16rem;
  }

  .lg\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px;
  }

  .lg\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100%;
  }

  .lg\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50%;
  }

  .lg\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50%;
  }

  .lg\:hover\:translate-y-full:hover {
    --transform-translate-y: 100%;
  }

  .lg\:focus\:translate-x-0:focus {
    --transform-translate-x: 0;
  }

  .lg\:focus\:translate-x-1:focus {
    --transform-translate-x: 0.25rem;
  }

  .lg\:focus\:translate-x-2:focus {
    --transform-translate-x: 0.5rem;
  }

  .lg\:focus\:translate-x-3:focus {
    --transform-translate-x: 0.75rem;
  }

  .lg\:focus\:translate-x-4:focus {
    --transform-translate-x: 1rem;
  }

  .lg\:focus\:translate-x-5:focus {
    --transform-translate-x: 1.25rem;
  }

  .lg\:focus\:translate-x-6:focus {
    --transform-translate-x: 1.5rem;
  }

  .lg\:focus\:translate-x-8:focus {
    --transform-translate-x: 2rem;
  }

  .lg\:focus\:translate-x-10:focus {
    --transform-translate-x: 2.5rem;
  }

  .lg\:focus\:translate-x-12:focus {
    --transform-translate-x: 3rem;
  }

  .lg\:focus\:translate-x-16:focus {
    --transform-translate-x: 4rem;
  }

  .lg\:focus\:translate-x-20:focus {
    --transform-translate-x: 5rem;
  }

  .lg\:focus\:translate-x-24:focus {
    --transform-translate-x: 6rem;
  }

  .lg\:focus\:translate-x-32:focus {
    --transform-translate-x: 8rem;
  }

  .lg\:focus\:translate-x-40:focus {
    --transform-translate-x: 10rem;
  }

  .lg\:focus\:translate-x-48:focus {
    --transform-translate-x: 12rem;
  }

  .lg\:focus\:translate-x-56:focus {
    --transform-translate-x: 14rem;
  }

  .lg\:focus\:translate-x-64:focus {
    --transform-translate-x: 16rem;
  }

  .lg\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px;
  }

  .lg\:focus\:-translate-x-1:focus {
    --transform-translate-x: -0.25rem;
  }

  .lg\:focus\:-translate-x-2:focus {
    --transform-translate-x: -0.5rem;
  }

  .lg\:focus\:-translate-x-3:focus {
    --transform-translate-x: -0.75rem;
  }

  .lg\:focus\:-translate-x-4:focus {
    --transform-translate-x: -1rem;
  }

  .lg\:focus\:-translate-x-5:focus {
    --transform-translate-x: -1.25rem;
  }

  .lg\:focus\:-translate-x-6:focus {
    --transform-translate-x: -1.5rem;
  }

  .lg\:focus\:-translate-x-8:focus {
    --transform-translate-x: -2rem;
  }

  .lg\:focus\:-translate-x-10:focus {
    --transform-translate-x: -2.5rem;
  }

  .lg\:focus\:-translate-x-12:focus {
    --transform-translate-x: -3rem;
  }

  .lg\:focus\:-translate-x-16:focus {
    --transform-translate-x: -4rem;
  }

  .lg\:focus\:-translate-x-20:focus {
    --transform-translate-x: -5rem;
  }

  .lg\:focus\:-translate-x-24:focus {
    --transform-translate-x: -6rem;
  }

  .lg\:focus\:-translate-x-32:focus {
    --transform-translate-x: -8rem;
  }

  .lg\:focus\:-translate-x-40:focus {
    --transform-translate-x: -10rem;
  }

  .lg\:focus\:-translate-x-48:focus {
    --transform-translate-x: -12rem;
  }

  .lg\:focus\:-translate-x-56:focus {
    --transform-translate-x: -14rem;
  }

  .lg\:focus\:-translate-x-64:focus {
    --transform-translate-x: -16rem;
  }

  .lg\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px;
  }

  .lg\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100%;
  }

  .lg\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50%;
  }

  .lg\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50%;
  }

  .lg\:focus\:translate-x-full:focus {
    --transform-translate-x: 100%;
  }

  .lg\:focus\:translate-y-0:focus {
    --transform-translate-y: 0;
  }

  .lg\:focus\:translate-y-1:focus {
    --transform-translate-y: 0.25rem;
  }

  .lg\:focus\:translate-y-2:focus {
    --transform-translate-y: 0.5rem;
  }

  .lg\:focus\:translate-y-3:focus {
    --transform-translate-y: 0.75rem;
  }

  .lg\:focus\:translate-y-4:focus {
    --transform-translate-y: 1rem;
  }

  .lg\:focus\:translate-y-5:focus {
    --transform-translate-y: 1.25rem;
  }

  .lg\:focus\:translate-y-6:focus {
    --transform-translate-y: 1.5rem;
  }

  .lg\:focus\:translate-y-8:focus {
    --transform-translate-y: 2rem;
  }

  .lg\:focus\:translate-y-10:focus {
    --transform-translate-y: 2.5rem;
  }

  .lg\:focus\:translate-y-12:focus {
    --transform-translate-y: 3rem;
  }

  .lg\:focus\:translate-y-16:focus {
    --transform-translate-y: 4rem;
  }

  .lg\:focus\:translate-y-20:focus {
    --transform-translate-y: 5rem;
  }

  .lg\:focus\:translate-y-24:focus {
    --transform-translate-y: 6rem;
  }

  .lg\:focus\:translate-y-32:focus {
    --transform-translate-y: 8rem;
  }

  .lg\:focus\:translate-y-40:focus {
    --transform-translate-y: 10rem;
  }

  .lg\:focus\:translate-y-48:focus {
    --transform-translate-y: 12rem;
  }

  .lg\:focus\:translate-y-56:focus {
    --transform-translate-y: 14rem;
  }

  .lg\:focus\:translate-y-64:focus {
    --transform-translate-y: 16rem;
  }

  .lg\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px;
  }

  .lg\:focus\:-translate-y-1:focus {
    --transform-translate-y: -0.25rem;
  }

  .lg\:focus\:-translate-y-2:focus {
    --transform-translate-y: -0.5rem;
  }

  .lg\:focus\:-translate-y-3:focus {
    --transform-translate-y: -0.75rem;
  }

  .lg\:focus\:-translate-y-4:focus {
    --transform-translate-y: -1rem;
  }

  .lg\:focus\:-translate-y-5:focus {
    --transform-translate-y: -1.25rem;
  }

  .lg\:focus\:-translate-y-6:focus {
    --transform-translate-y: -1.5rem;
  }

  .lg\:focus\:-translate-y-8:focus {
    --transform-translate-y: -2rem;
  }

  .lg\:focus\:-translate-y-10:focus {
    --transform-translate-y: -2.5rem;
  }

  .lg\:focus\:-translate-y-12:focus {
    --transform-translate-y: -3rem;
  }

  .lg\:focus\:-translate-y-16:focus {
    --transform-translate-y: -4rem;
  }

  .lg\:focus\:-translate-y-20:focus {
    --transform-translate-y: -5rem;
  }

  .lg\:focus\:-translate-y-24:focus {
    --transform-translate-y: -6rem;
  }

  .lg\:focus\:-translate-y-32:focus {
    --transform-translate-y: -8rem;
  }

  .lg\:focus\:-translate-y-40:focus {
    --transform-translate-y: -10rem;
  }

  .lg\:focus\:-translate-y-48:focus {
    --transform-translate-y: -12rem;
  }

  .lg\:focus\:-translate-y-56:focus {
    --transform-translate-y: -14rem;
  }

  .lg\:focus\:-translate-y-64:focus {
    --transform-translate-y: -16rem;
  }

  .lg\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px;
  }

  .lg\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100%;
  }

  .lg\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50%;
  }

  .lg\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50%;
  }

  .lg\:focus\:translate-y-full:focus {
    --transform-translate-y: 100%;
  }

  .lg\:skew-x-0 {
    --transform-skew-x: 0;
  }

  .lg\:skew-x-1 {
    --transform-skew-x: 1deg;
  }

  .lg\:skew-x-2 {
    --transform-skew-x: 2deg;
  }

  .lg\:skew-x-3 {
    --transform-skew-x: 3deg;
  }

  .lg\:skew-x-6 {
    --transform-skew-x: 6deg;
  }

  .lg\:skew-x-12 {
    --transform-skew-x: 12deg;
  }

  .lg\:-skew-x-12 {
    --transform-skew-x: -12deg;
  }

  .lg\:-skew-x-6 {
    --transform-skew-x: -6deg;
  }

  .lg\:-skew-x-3 {
    --transform-skew-x: -3deg;
  }

  .lg\:-skew-x-2 {
    --transform-skew-x: -2deg;
  }

  .lg\:-skew-x-1 {
    --transform-skew-x: -1deg;
  }

  .lg\:skew-y-0 {
    --transform-skew-y: 0;
  }

  .lg\:skew-y-1 {
    --transform-skew-y: 1deg;
  }

  .lg\:skew-y-2 {
    --transform-skew-y: 2deg;
  }

  .lg\:skew-y-3 {
    --transform-skew-y: 3deg;
  }

  .lg\:skew-y-6 {
    --transform-skew-y: 6deg;
  }

  .lg\:skew-y-12 {
    --transform-skew-y: 12deg;
  }

  .lg\:-skew-y-12 {
    --transform-skew-y: -12deg;
  }

  .lg\:-skew-y-6 {
    --transform-skew-y: -6deg;
  }

  .lg\:-skew-y-3 {
    --transform-skew-y: -3deg;
  }

  .lg\:-skew-y-2 {
    --transform-skew-y: -2deg;
  }

  .lg\:-skew-y-1 {
    --transform-skew-y: -1deg;
  }

  .lg\:hover\:skew-x-0:hover {
    --transform-skew-x: 0;
  }

  .lg\:hover\:skew-x-1:hover {
    --transform-skew-x: 1deg;
  }

  .lg\:hover\:skew-x-2:hover {
    --transform-skew-x: 2deg;
  }

  .lg\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg;
  }

  .lg\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg;
  }

  .lg\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg;
  }

  .lg\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg;
  }

  .lg\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg;
  }

  .lg\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg;
  }

  .lg\:hover\:-skew-x-2:hover {
    --transform-skew-x: -2deg;
  }

  .lg\:hover\:-skew-x-1:hover {
    --transform-skew-x: -1deg;
  }

  .lg\:hover\:skew-y-0:hover {
    --transform-skew-y: 0;
  }

  .lg\:hover\:skew-y-1:hover {
    --transform-skew-y: 1deg;
  }

  .lg\:hover\:skew-y-2:hover {
    --transform-skew-y: 2deg;
  }

  .lg\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg;
  }

  .lg\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg;
  }

  .lg\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg;
  }

  .lg\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg;
  }

  .lg\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg;
  }

  .lg\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg;
  }

  .lg\:hover\:-skew-y-2:hover {
    --transform-skew-y: -2deg;
  }

  .lg\:hover\:-skew-y-1:hover {
    --transform-skew-y: -1deg;
  }

  .lg\:focus\:skew-x-0:focus {
    --transform-skew-x: 0;
  }

  .lg\:focus\:skew-x-1:focus {
    --transform-skew-x: 1deg;
  }

  .lg\:focus\:skew-x-2:focus {
    --transform-skew-x: 2deg;
  }

  .lg\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg;
  }

  .lg\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg;
  }

  .lg\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg;
  }

  .lg\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg;
  }

  .lg\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg;
  }

  .lg\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg;
  }

  .lg\:focus\:-skew-x-2:focus {
    --transform-skew-x: -2deg;
  }

  .lg\:focus\:-skew-x-1:focus {
    --transform-skew-x: -1deg;
  }

  .lg\:focus\:skew-y-0:focus {
    --transform-skew-y: 0;
  }

  .lg\:focus\:skew-y-1:focus {
    --transform-skew-y: 1deg;
  }

  .lg\:focus\:skew-y-2:focus {
    --transform-skew-y: 2deg;
  }

  .lg\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg;
  }

  .lg\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg;
  }

  .lg\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg;
  }

  .lg\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg;
  }

  .lg\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg;
  }

  .lg\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg;
  }

  .lg\:focus\:-skew-y-2:focus {
    --transform-skew-y: -2deg;
  }

  .lg\:focus\:-skew-y-1:focus {
    --transform-skew-y: -1deg;
  }

  .lg\:transition-none {
    transition-property: none;
  }

  .lg\:transition-all {
    transition-property: all;
  }

  .lg\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  .lg\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
  }

  .lg\:transition-opacity {
    transition-property: opacity;
  }

  .lg\:transition-shadow {
    transition-property: box-shadow;
  }

  .lg\:transition-transform {
    transition-property: transform;
  }

  .lg\:ease-linear {
    transition-timing-function: linear;
  }

  .lg\:ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .lg\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .lg\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .lg\:duration-75 {
    transition-duration: 75ms;
  }

  .lg\:duration-100 {
    transition-duration: 100ms;
  }

  .lg\:duration-150 {
    transition-duration: 150ms;
  }

  .lg\:duration-200 {
    transition-duration: 200ms;
  }

  .lg\:duration-300 {
    transition-duration: 300ms;
  }

  .lg\:duration-500 {
    transition-duration: 500ms;
  }

  .lg\:duration-700 {
    transition-duration: 700ms;
  }

  .lg\:duration-1000 {
    transition-duration: 1000ms;
  }

  .lg\:delay-75 {
    transition-delay: 75ms;
  }

  .lg\:delay-100 {
    transition-delay: 100ms;
  }

  .lg\:delay-150 {
    transition-delay: 150ms;
  }

  .lg\:delay-200 {
    transition-delay: 200ms;
  }

  .lg\:delay-300 {
    transition-delay: 300ms;
  }

  .lg\:delay-500 {
    transition-delay: 500ms;
  }

  .lg\:delay-700 {
    transition-delay: 700ms;
  }

  .lg\:delay-1000 {
    transition-delay: 1000ms;
  }

  .lg\:animate-none {
    animation: none;
  }

  .lg\:animate-spin {
    animation: spin 1s linear infinite;
  }

  .lg\:animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .lg\:animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .lg\:animate-bounce {
    animation: bounce 1s infinite;
  }
}

@media (min-width: 1060px) {
  .xl\:container {
    width: 100%;
  }

  @media (min-width: 360px) {
    .xl\:container {
      max-width: 360px;
    }
  }

  @media (min-width: 480px) {
    .xl\:container {
      max-width: 480px;
    }
  }

  @media (min-width: 760px) {
    .xl\:container {
      max-width: 760px;
    }
  }

  @media (min-width: 960px) {
    .xl\:container {
      max-width: 960px;
    }
  }

  @media (min-width: 1060px) {
    .xl\:container {
      max-width: 1060px;
    }
  }

  @media (min-width: 1280px) {
    .xl\:container {
      max-width: 1280px;
    }
  }

  .xl\:space-y-0 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  .xl\:space-x-0 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  .xl\:space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  .xl\:space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  .xl\:space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  .xl\:space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  .xl\:space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  .xl\:space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  .xl\:space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  .xl\:space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  .xl\:space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  .xl\:space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  .xl\:space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  .xl\:space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  .xl\:space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  .xl\:space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  .xl\:space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  .xl\:space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  .xl\:space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  .xl\:space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  .xl\:-space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  .xl\:-space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  .xl\:-space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  .xl\:-space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  .xl\:-space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  .xl\:-space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  .xl\:-space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  .xl\:-space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  .xl\:-space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  .xl\:-space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  .xl\:-space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  .xl\:-space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  .xl\:-space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  .xl\:-space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  .xl\:-space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  .xl\:-space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  .xl\:-space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  .xl\:-space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-reverse > :not(template) ~ :not(template) {
    --space-y-reverse: 1;
  }

  .xl\:space-x-reverse > :not(template) ~ :not(template) {
    --space-x-reverse: 1;
  }

  .xl\:divide-y-0 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  .xl\:divide-x-0 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  .xl\:divide-y-2 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  .xl\:divide-x-2 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  .xl\:divide-y-4 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  .xl\:divide-x-4 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  .xl\:divide-y-8 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  .xl\:divide-x-8 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  .xl\:divide-y > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  .xl\:divide-x > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  .xl\:divide-y-reverse > :not(template) ~ :not(template) {
    --divide-y-reverse: 1;
  }

  .xl\:divide-x-reverse > :not(template) ~ :not(template) {
    --divide-x-reverse: 1;
  }

  .xl\:divide-transparent > :not(template) ~ :not(template) {
    border-color: transparent;
  }

  .xl\:divide-black > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--divide-opacity));
  }

  .xl\:divide-white > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .xl\:divide-gray-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--divide-opacity));
  }

  .xl\:divide-gray-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--divide-opacity));
  }

  .xl\:divide-gray-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--divide-opacity));
  }

  .xl\:divide-gray-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--divide-opacity));
  }

  .xl\:divide-gray-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--divide-opacity));
  }

  .xl\:divide-gray-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--divide-opacity));
  }

  .xl\:divide-gray-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--divide-opacity));
  }

  .xl\:divide-gray-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--divide-opacity));
  }

  .xl\:divide-gray-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--divide-opacity));
  }

  .xl\:divide-blue-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--divide-opacity));
  }

  .xl\:divide-blue-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--divide-opacity));
  }

  .xl\:divide-blue-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--divide-opacity));
  }

  .xl\:divide-blue-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--divide-opacity));
  }

  .xl\:divide-blue-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--divide-opacity));
  }

  .xl\:divide-blue-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--divide-opacity));
  }

  .xl\:divide-blue-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--divide-opacity));
  }

  .xl\:divide-blue-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--divide-opacity));
  }

  .xl\:divide-blue-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--divide-opacity));
  }

  .xl\:divide-blurple-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--divide-opacity));
  }

  .xl\:divide-blurple-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--divide-opacity));
  }

  .xl\:divide-blurple-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--divide-opacity));
  }

  .xl\:divide-blurple-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--divide-opacity));
  }

  .xl\:divide-blurple-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--divide-opacity));
  }

  .xl\:divide-blurple-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--divide-opacity));
  }

  .xl\:divide-green-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--divide-opacity));
  }

  .xl\:divide-green-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--divide-opacity));
  }

  .xl\:divide-green-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--divide-opacity));
  }

  .xl\:divide-orange-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--divide-opacity));
  }

  .xl\:divide-orange-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--divide-opacity));
  }

  .xl\:divide-orange-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--divide-opacity));
  }

  .xl\:divide-orange-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--divide-opacity));
  }

  .xl\:divide-orange-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--divide-opacity));
  }

  .xl\:divide-orange-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--divide-opacity));
  }

  .xl\:divide-orange-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--divide-opacity));
  }

  .xl\:divide-orange-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--divide-opacity));
  }

  .xl\:divide-orange-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--divide-opacity));
  }

  .xl\:divide-purple-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--divide-opacity));
  }

  .xl\:divide-purple-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--divide-opacity));
  }

  .xl\:divide-purple-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--divide-opacity));
  }

  .xl\:divide-purple-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--divide-opacity));
  }

  .xl\:divide-purple-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--divide-opacity));
  }

  .xl\:divide-purple-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--divide-opacity));
  }

  .xl\:divide-purple-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--divide-opacity));
  }

  .xl\:divide-purple-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--divide-opacity));
  }

  .xl\:divide-purple-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--divide-opacity));
  }

  .xl\:divide-red-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--divide-opacity));
  }

  .xl\:divide-red-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--divide-opacity));
  }

  .xl\:divide-red-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--divide-opacity));
  }

  .xl\:divide-teal-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--divide-opacity));
  }

  .xl\:divide-teal-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--divide-opacity));
  }

  .xl\:divide-teal-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--divide-opacity));
  }

  .xl\:divide-teal-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--divide-opacity));
  }

  .xl\:divide-teal-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--divide-opacity));
  }

  .xl\:divide-teal-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--divide-opacity));
  }

  .xl\:divide-teal-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--divide-opacity));
  }

  .xl\:divide-teal-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--divide-opacity));
  }

  .xl\:divide-teal-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--divide-opacity));
  }

  .xl\:divide-yellow-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--divide-opacity));
  }

  .xl\:divide-yellow-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--divide-opacity));
  }

  .xl\:divide-yellow-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--divide-opacity));
  }

  .xl\:divide-yellow-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--divide-opacity));
  }

  .xl\:divide-yellow-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--divide-opacity));
  }

  .xl\:divide-yellow-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--divide-opacity));
  }

  .xl\:divide-yellow-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--divide-opacity));
  }

  .xl\:divide-yellow-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--divide-opacity));
  }

  .xl\:divide-yellow-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--divide-opacity));
  }

  .xl\:divide-facebook-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--divide-opacity));
  }

  .xl\:divide-facebook-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--divide-opacity));
  }

  .xl\:divide-snapchat-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--divide-opacity));
  }

  .xl\:divide-snapchat-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--divide-opacity));
  }

  .xl\:divide-messenger-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--divide-opacity));
  }

  .xl\:divide-messenger-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--divide-opacity));
  }

  .xl\:divide-twitter-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--divide-opacity));
  }

  .xl\:divide-twitter-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--divide-opacity));
  }

  .xl\:divide-transparent-black-10 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.1);
  }

  .xl\:divide-transparent-black-30 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.3);
  }

  .xl\:divide-transparent-black-50 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.5);
  }

  .xl\:divide-transparent-black-70 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.7);
  }

  .xl\:divide-transparent-black-90 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.9);
  }

  .xl\:divide-transparent-white-10 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.1);
  }

  .xl\:divide-transparent-white-30 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.3);
  }

  .xl\:divide-transparent-white-50 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.5);
  }

  .xl\:divide-transparent-white-70 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.7);
  }

  .xl\:divide-transparent-white-90 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.9);
  }

  .xl\:divide-vr-dark-blue > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--divide-opacity));
  }

  .xl\:divide-vr-neon-green > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--divide-opacity));
  }

  .xl\:divide-solid > :not(template) ~ :not(template) {
    border-style: solid;
  }

  .xl\:divide-dashed > :not(template) ~ :not(template) {
    border-style: dashed;
  }

  .xl\:divide-dotted > :not(template) ~ :not(template) {
    border-style: dotted;
  }

  .xl\:divide-double > :not(template) ~ :not(template) {
    border-style: double;
  }

  .xl\:divide-none > :not(template) ~ :not(template) {
    border-style: none;
  }

  .xl\:divide-opacity-0 > :not(template) ~ :not(template) {
    --divide-opacity: 0;
  }

  .xl\:divide-opacity-25 > :not(template) ~ :not(template) {
    --divide-opacity: 0.25;
  }

  .xl\:divide-opacity-50 > :not(template) ~ :not(template) {
    --divide-opacity: 0.5;
  }

  .xl\:divide-opacity-75 > :not(template) ~ :not(template) {
    --divide-opacity: 0.75;
  }

  .xl\:divide-opacity-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
  }

  .xl\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .xl\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .xl\:focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .xl\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .xl\:appearance-none {
    -webkit-appearance: none;
            appearance: none;
  }

  .xl\:bg-fixed {
    background-attachment: fixed;
  }

  .xl\:bg-local {
    background-attachment: local;
  }

  .xl\:bg-scroll {
    background-attachment: scroll;
  }

  .xl\:bg-clip-border {
    background-clip: border-box;
  }

  .xl\:bg-clip-padding {
    background-clip: padding-box;
  }

  .xl\:bg-clip-content {
    background-clip: content-box;
  }

  .xl\:bg-clip-text {
    -webkit-background-clip: text;
            background-clip: text;
  }

  .xl\:bg-transparent {
    background-color: transparent;
  }

  .xl\:bg-black {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .xl\:bg-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xl\:bg-gray-100 {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .xl\:bg-gray-200 {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .xl\:bg-gray-300 {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .xl\:bg-gray-400 {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .xl\:bg-gray-500 {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .xl\:bg-gray-600 {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .xl\:bg-gray-700 {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .xl\:bg-gray-800 {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .xl\:bg-gray-900 {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .xl\:bg-blue-100 {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .xl\:bg-blue-200 {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .xl\:bg-blue-300 {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .xl\:bg-blue-400 {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .xl\:bg-blue-500 {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .xl\:bg-blue-600 {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .xl\:bg-blue-700 {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .xl\:bg-blue-800 {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .xl\:bg-blue-900 {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .xl\:bg-blurple-100 {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .xl\:bg-blurple-200 {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .xl\:bg-blurple-300 {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .xl\:bg-blurple-400 {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .xl\:bg-blurple-500 {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .xl\:bg-blurple-700 {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .xl\:bg-green-300 {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .xl\:bg-green-500 {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .xl\:bg-green-700 {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .xl\:bg-orange-100 {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .xl\:bg-orange-200 {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .xl\:bg-orange-300 {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .xl\:bg-orange-400 {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .xl\:bg-orange-500 {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .xl\:bg-orange-600 {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .xl\:bg-orange-700 {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .xl\:bg-orange-800 {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .xl\:bg-orange-900 {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .xl\:bg-purple-100 {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .xl\:bg-purple-200 {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .xl\:bg-purple-300 {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .xl\:bg-purple-400 {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .xl\:bg-purple-500 {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .xl\:bg-purple-600 {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .xl\:bg-purple-700 {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .xl\:bg-purple-800 {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .xl\:bg-purple-900 {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .xl\:bg-red-300 {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .xl\:bg-red-500 {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .xl\:bg-red-700 {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .xl\:bg-teal-100 {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .xl\:bg-teal-200 {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .xl\:bg-teal-300 {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .xl\:bg-teal-400 {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .xl\:bg-teal-500 {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .xl\:bg-teal-600 {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .xl\:bg-teal-700 {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .xl\:bg-teal-800 {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .xl\:bg-teal-900 {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .xl\:bg-yellow-100 {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .xl\:bg-yellow-200 {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .xl\:bg-yellow-300 {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .xl\:bg-yellow-400 {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .xl\:bg-yellow-500 {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .xl\:bg-yellow-600 {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .xl\:bg-yellow-700 {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .xl\:bg-yellow-800 {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .xl\:bg-yellow-900 {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .xl\:bg-facebook-400 {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .xl\:bg-facebook-500 {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xl\:bg-snapchat-400 {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .xl\:bg-snapchat-500 {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xl\:bg-messenger-400 {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .xl\:bg-messenger-500 {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .xl\:bg-twitter-400 {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .xl\:bg-twitter-500 {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .xl\:bg-transparent-black-10 {
    background-color: rgba(0,0,0,0.1);
  }

  .xl\:bg-transparent-black-30 {
    background-color: rgba(0,0,0,0.3);
  }

  .xl\:bg-transparent-black-50 {
    background-color: rgba(0,0,0,0.5);
  }

  .xl\:bg-transparent-black-70 {
    background-color: rgba(0,0,0,0.7);
  }

  .xl\:bg-transparent-black-90 {
    background-color: rgba(0,0,0,0.9);
  }

  .xl\:bg-transparent-white-10 {
    background-color: rgba(255,255,255,0.1);
  }

  .xl\:bg-transparent-white-30 {
    background-color: rgba(255,255,255,0.3);
  }

  .xl\:bg-transparent-white-50 {
    background-color: rgba(255,255,255,0.5);
  }

  .xl\:bg-transparent-white-70 {
    background-color: rgba(255,255,255,0.7);
  }

  .xl\:bg-transparent-white-90 {
    background-color: rgba(255,255,255,0.9);
  }

  .xl\:bg-vr-dark-blue {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .xl\:bg-vr-neon-green {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .xl\:active\:bg-transparent:active {
    background-color: transparent;
  }

  .xl\:active\:bg-black:active {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .xl\:active\:bg-white:active {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xl\:active\:bg-gray-100:active {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .xl\:active\:bg-gray-200:active {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .xl\:active\:bg-gray-300:active {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .xl\:active\:bg-gray-400:active {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .xl\:active\:bg-gray-500:active {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .xl\:active\:bg-gray-600:active {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .xl\:active\:bg-gray-700:active {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .xl\:active\:bg-gray-800:active {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .xl\:active\:bg-gray-900:active {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .xl\:active\:bg-blue-100:active {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .xl\:active\:bg-blue-200:active {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .xl\:active\:bg-blue-300:active {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .xl\:active\:bg-blue-400:active {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .xl\:active\:bg-blue-500:active {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .xl\:active\:bg-blue-600:active {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .xl\:active\:bg-blue-700:active {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .xl\:active\:bg-blue-800:active {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .xl\:active\:bg-blue-900:active {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .xl\:active\:bg-blurple-100:active {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .xl\:active\:bg-blurple-200:active {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .xl\:active\:bg-blurple-300:active {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .xl\:active\:bg-blurple-400:active {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .xl\:active\:bg-blurple-500:active {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .xl\:active\:bg-blurple-700:active {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .xl\:active\:bg-green-300:active {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .xl\:active\:bg-green-500:active {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .xl\:active\:bg-green-700:active {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .xl\:active\:bg-orange-100:active {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .xl\:active\:bg-orange-200:active {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .xl\:active\:bg-orange-300:active {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .xl\:active\:bg-orange-400:active {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .xl\:active\:bg-orange-500:active {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .xl\:active\:bg-orange-600:active {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .xl\:active\:bg-orange-700:active {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .xl\:active\:bg-orange-800:active {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .xl\:active\:bg-orange-900:active {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .xl\:active\:bg-purple-100:active {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .xl\:active\:bg-purple-200:active {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .xl\:active\:bg-purple-300:active {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .xl\:active\:bg-purple-400:active {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .xl\:active\:bg-purple-500:active {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .xl\:active\:bg-purple-600:active {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .xl\:active\:bg-purple-700:active {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .xl\:active\:bg-purple-800:active {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .xl\:active\:bg-purple-900:active {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .xl\:active\:bg-red-300:active {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .xl\:active\:bg-red-500:active {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .xl\:active\:bg-red-700:active {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .xl\:active\:bg-teal-100:active {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .xl\:active\:bg-teal-200:active {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .xl\:active\:bg-teal-300:active {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .xl\:active\:bg-teal-400:active {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .xl\:active\:bg-teal-500:active {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .xl\:active\:bg-teal-600:active {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .xl\:active\:bg-teal-700:active {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .xl\:active\:bg-teal-800:active {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .xl\:active\:bg-teal-900:active {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .xl\:active\:bg-yellow-100:active {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .xl\:active\:bg-yellow-200:active {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .xl\:active\:bg-yellow-300:active {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .xl\:active\:bg-yellow-400:active {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .xl\:active\:bg-yellow-500:active {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .xl\:active\:bg-yellow-600:active {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .xl\:active\:bg-yellow-700:active {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .xl\:active\:bg-yellow-800:active {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .xl\:active\:bg-yellow-900:active {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .xl\:active\:bg-facebook-400:active {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .xl\:active\:bg-facebook-500:active {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xl\:active\:bg-snapchat-400:active {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .xl\:active\:bg-snapchat-500:active {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xl\:active\:bg-messenger-400:active {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .xl\:active\:bg-messenger-500:active {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .xl\:active\:bg-twitter-400:active {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .xl\:active\:bg-twitter-500:active {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .xl\:active\:bg-transparent-black-10:active {
    background-color: rgba(0,0,0,0.1);
  }

  .xl\:active\:bg-transparent-black-30:active {
    background-color: rgba(0,0,0,0.3);
  }

  .xl\:active\:bg-transparent-black-50:active {
    background-color: rgba(0,0,0,0.5);
  }

  .xl\:active\:bg-transparent-black-70:active {
    background-color: rgba(0,0,0,0.7);
  }

  .xl\:active\:bg-transparent-black-90:active {
    background-color: rgba(0,0,0,0.9);
  }

  .xl\:active\:bg-transparent-white-10:active {
    background-color: rgba(255,255,255,0.1);
  }

  .xl\:active\:bg-transparent-white-30:active {
    background-color: rgba(255,255,255,0.3);
  }

  .xl\:active\:bg-transparent-white-50:active {
    background-color: rgba(255,255,255,0.5);
  }

  .xl\:active\:bg-transparent-white-70:active {
    background-color: rgba(255,255,255,0.7);
  }

  .xl\:active\:bg-transparent-white-90:active {
    background-color: rgba(255,255,255,0.9);
  }

  .xl\:active\:bg-vr-dark-blue:active {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .xl\:active\:bg-vr-neon-green:active {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .xl\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .xl\:hover\:bg-black:hover {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .xl\:hover\:bg-white:hover {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xl\:hover\:bg-gray-100:hover {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .xl\:hover\:bg-gray-200:hover {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .xl\:hover\:bg-gray-300:hover {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .xl\:hover\:bg-gray-400:hover {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .xl\:hover\:bg-gray-500:hover {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .xl\:hover\:bg-gray-600:hover {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .xl\:hover\:bg-gray-700:hover {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .xl\:hover\:bg-gray-800:hover {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .xl\:hover\:bg-gray-900:hover {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .xl\:hover\:bg-blue-100:hover {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .xl\:hover\:bg-blue-200:hover {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .xl\:hover\:bg-blue-300:hover {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .xl\:hover\:bg-blue-400:hover {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .xl\:hover\:bg-blue-500:hover {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .xl\:hover\:bg-blue-600:hover {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .xl\:hover\:bg-blue-700:hover {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .xl\:hover\:bg-blue-800:hover {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .xl\:hover\:bg-blue-900:hover {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .xl\:hover\:bg-blurple-100:hover {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .xl\:hover\:bg-blurple-200:hover {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .xl\:hover\:bg-blurple-300:hover {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .xl\:hover\:bg-blurple-400:hover {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .xl\:hover\:bg-blurple-500:hover {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .xl\:hover\:bg-blurple-700:hover {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .xl\:hover\:bg-green-300:hover {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .xl\:hover\:bg-green-500:hover {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .xl\:hover\:bg-green-700:hover {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .xl\:hover\:bg-orange-100:hover {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .xl\:hover\:bg-orange-200:hover {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .xl\:hover\:bg-orange-300:hover {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .xl\:hover\:bg-orange-400:hover {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .xl\:hover\:bg-orange-500:hover {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .xl\:hover\:bg-orange-600:hover {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .xl\:hover\:bg-orange-700:hover {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .xl\:hover\:bg-orange-800:hover {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .xl\:hover\:bg-orange-900:hover {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .xl\:hover\:bg-purple-100:hover {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .xl\:hover\:bg-purple-200:hover {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .xl\:hover\:bg-purple-300:hover {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .xl\:hover\:bg-purple-400:hover {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .xl\:hover\:bg-purple-500:hover {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .xl\:hover\:bg-purple-600:hover {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .xl\:hover\:bg-purple-700:hover {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .xl\:hover\:bg-purple-800:hover {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .xl\:hover\:bg-purple-900:hover {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .xl\:hover\:bg-red-300:hover {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .xl\:hover\:bg-red-500:hover {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .xl\:hover\:bg-red-700:hover {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .xl\:hover\:bg-teal-100:hover {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .xl\:hover\:bg-teal-200:hover {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .xl\:hover\:bg-teal-300:hover {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .xl\:hover\:bg-teal-400:hover {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .xl\:hover\:bg-teal-500:hover {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .xl\:hover\:bg-teal-600:hover {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .xl\:hover\:bg-teal-700:hover {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .xl\:hover\:bg-teal-800:hover {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .xl\:hover\:bg-teal-900:hover {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .xl\:hover\:bg-yellow-100:hover {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .xl\:hover\:bg-yellow-200:hover {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .xl\:hover\:bg-yellow-300:hover {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .xl\:hover\:bg-yellow-400:hover {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .xl\:hover\:bg-yellow-500:hover {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .xl\:hover\:bg-yellow-600:hover {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .xl\:hover\:bg-yellow-700:hover {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .xl\:hover\:bg-yellow-800:hover {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .xl\:hover\:bg-yellow-900:hover {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .xl\:hover\:bg-facebook-400:hover {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .xl\:hover\:bg-facebook-500:hover {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xl\:hover\:bg-snapchat-400:hover {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .xl\:hover\:bg-snapchat-500:hover {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xl\:hover\:bg-messenger-400:hover {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .xl\:hover\:bg-messenger-500:hover {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .xl\:hover\:bg-twitter-400:hover {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .xl\:hover\:bg-twitter-500:hover {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .xl\:hover\:bg-transparent-black-10:hover {
    background-color: rgba(0,0,0,0.1);
  }

  .xl\:hover\:bg-transparent-black-30:hover {
    background-color: rgba(0,0,0,0.3);
  }

  .xl\:hover\:bg-transparent-black-50:hover {
    background-color: rgba(0,0,0,0.5);
  }

  .xl\:hover\:bg-transparent-black-70:hover {
    background-color: rgba(0,0,0,0.7);
  }

  .xl\:hover\:bg-transparent-black-90:hover {
    background-color: rgba(0,0,0,0.9);
  }

  .xl\:hover\:bg-transparent-white-10:hover {
    background-color: rgba(255,255,255,0.1);
  }

  .xl\:hover\:bg-transparent-white-30:hover {
    background-color: rgba(255,255,255,0.3);
  }

  .xl\:hover\:bg-transparent-white-50:hover {
    background-color: rgba(255,255,255,0.5);
  }

  .xl\:hover\:bg-transparent-white-70:hover {
    background-color: rgba(255,255,255,0.7);
  }

  .xl\:hover\:bg-transparent-white-90:hover {
    background-color: rgba(255,255,255,0.9);
  }

  .xl\:hover\:bg-vr-dark-blue:hover {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .xl\:hover\:bg-vr-neon-green:hover {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .xl\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .xl\:focus\:bg-black:focus {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .xl\:focus\:bg-white:focus {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xl\:focus\:bg-gray-100:focus {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .xl\:focus\:bg-gray-200:focus {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .xl\:focus\:bg-gray-300:focus {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .xl\:focus\:bg-gray-400:focus {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .xl\:focus\:bg-gray-500:focus {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .xl\:focus\:bg-gray-600:focus {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .xl\:focus\:bg-gray-700:focus {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .xl\:focus\:bg-gray-800:focus {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .xl\:focus\:bg-gray-900:focus {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .xl\:focus\:bg-blue-100:focus {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .xl\:focus\:bg-blue-200:focus {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .xl\:focus\:bg-blue-300:focus {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .xl\:focus\:bg-blue-400:focus {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .xl\:focus\:bg-blue-500:focus {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .xl\:focus\:bg-blue-600:focus {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .xl\:focus\:bg-blue-700:focus {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .xl\:focus\:bg-blue-800:focus {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .xl\:focus\:bg-blue-900:focus {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .xl\:focus\:bg-blurple-100:focus {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .xl\:focus\:bg-blurple-200:focus {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .xl\:focus\:bg-blurple-300:focus {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .xl\:focus\:bg-blurple-400:focus {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .xl\:focus\:bg-blurple-500:focus {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .xl\:focus\:bg-blurple-700:focus {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .xl\:focus\:bg-green-300:focus {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .xl\:focus\:bg-green-500:focus {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .xl\:focus\:bg-green-700:focus {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .xl\:focus\:bg-orange-100:focus {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .xl\:focus\:bg-orange-200:focus {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .xl\:focus\:bg-orange-300:focus {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .xl\:focus\:bg-orange-400:focus {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .xl\:focus\:bg-orange-500:focus {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .xl\:focus\:bg-orange-600:focus {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .xl\:focus\:bg-orange-700:focus {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .xl\:focus\:bg-orange-800:focus {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .xl\:focus\:bg-orange-900:focus {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .xl\:focus\:bg-purple-100:focus {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .xl\:focus\:bg-purple-200:focus {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .xl\:focus\:bg-purple-300:focus {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .xl\:focus\:bg-purple-400:focus {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .xl\:focus\:bg-purple-500:focus {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .xl\:focus\:bg-purple-600:focus {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .xl\:focus\:bg-purple-700:focus {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .xl\:focus\:bg-purple-800:focus {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .xl\:focus\:bg-purple-900:focus {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .xl\:focus\:bg-red-300:focus {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .xl\:focus\:bg-red-500:focus {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .xl\:focus\:bg-red-700:focus {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .xl\:focus\:bg-teal-100:focus {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .xl\:focus\:bg-teal-200:focus {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .xl\:focus\:bg-teal-300:focus {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .xl\:focus\:bg-teal-400:focus {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .xl\:focus\:bg-teal-500:focus {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .xl\:focus\:bg-teal-600:focus {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .xl\:focus\:bg-teal-700:focus {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .xl\:focus\:bg-teal-800:focus {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .xl\:focus\:bg-teal-900:focus {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .xl\:focus\:bg-yellow-100:focus {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .xl\:focus\:bg-yellow-200:focus {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .xl\:focus\:bg-yellow-300:focus {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .xl\:focus\:bg-yellow-400:focus {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .xl\:focus\:bg-yellow-500:focus {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .xl\:focus\:bg-yellow-600:focus {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .xl\:focus\:bg-yellow-700:focus {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .xl\:focus\:bg-yellow-800:focus {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .xl\:focus\:bg-yellow-900:focus {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .xl\:focus\:bg-facebook-400:focus {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .xl\:focus\:bg-facebook-500:focus {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xl\:focus\:bg-snapchat-400:focus {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .xl\:focus\:bg-snapchat-500:focus {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xl\:focus\:bg-messenger-400:focus {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .xl\:focus\:bg-messenger-500:focus {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .xl\:focus\:bg-twitter-400:focus {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .xl\:focus\:bg-twitter-500:focus {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .xl\:focus\:bg-transparent-black-10:focus {
    background-color: rgba(0,0,0,0.1);
  }

  .xl\:focus\:bg-transparent-black-30:focus {
    background-color: rgba(0,0,0,0.3);
  }

  .xl\:focus\:bg-transparent-black-50:focus {
    background-color: rgba(0,0,0,0.5);
  }

  .xl\:focus\:bg-transparent-black-70:focus {
    background-color: rgba(0,0,0,0.7);
  }

  .xl\:focus\:bg-transparent-black-90:focus {
    background-color: rgba(0,0,0,0.9);
  }

  .xl\:focus\:bg-transparent-white-10:focus {
    background-color: rgba(255,255,255,0.1);
  }

  .xl\:focus\:bg-transparent-white-30:focus {
    background-color: rgba(255,255,255,0.3);
  }

  .xl\:focus\:bg-transparent-white-50:focus {
    background-color: rgba(255,255,255,0.5);
  }

  .xl\:focus\:bg-transparent-white-70:focus {
    background-color: rgba(255,255,255,0.7);
  }

  .xl\:focus\:bg-transparent-white-90:focus {
    background-color: rgba(255,255,255,0.9);
  }

  .xl\:focus\:bg-vr-dark-blue:focus {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .xl\:focus\:bg-vr-neon-green:focus {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .xl\:bg-none {
    background-image: none;
  }

  .xl\:bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  .xl\:bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  .xl\:bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  .xl\:bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  .xl\:bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  .xl\:bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  .xl\:bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  .xl\:bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  .xl\:from-transparent {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:from-black {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:from-white {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:from-gray-100 {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xl\:from-gray-200 {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xl\:from-gray-300 {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xl\:from-gray-400 {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xl\:from-gray-500 {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xl\:from-gray-600 {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xl\:from-gray-700 {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xl\:from-gray-800 {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xl\:from-gray-900 {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xl\:from-blue-100 {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xl\:from-blue-200 {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xl\:from-blue-300 {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xl\:from-blue-400 {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xl\:from-blue-500 {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xl\:from-blue-600 {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xl\:from-blue-700 {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xl\:from-blue-800 {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xl\:from-blue-900 {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xl\:from-blurple-100 {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xl\:from-blurple-200 {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xl\:from-blurple-300 {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xl\:from-blurple-400 {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xl\:from-blurple-500 {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xl\:from-blurple-700 {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xl\:from-green-300 {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xl\:from-green-500 {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xl\:from-green-700 {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xl\:from-orange-100 {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xl\:from-orange-200 {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xl\:from-orange-300 {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xl\:from-orange-400 {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xl\:from-orange-500 {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xl\:from-orange-600 {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xl\:from-orange-700 {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xl\:from-orange-800 {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xl\:from-orange-900 {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xl\:from-purple-100 {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xl\:from-purple-200 {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xl\:from-purple-300 {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xl\:from-purple-400 {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xl\:from-purple-500 {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xl\:from-purple-600 {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xl\:from-purple-700 {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xl\:from-purple-800 {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xl\:from-purple-900 {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xl\:from-red-300 {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xl\:from-red-500 {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xl\:from-red-700 {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xl\:from-teal-100 {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xl\:from-teal-200 {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xl\:from-teal-300 {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xl\:from-teal-400 {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xl\:from-teal-500 {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xl\:from-teal-600 {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xl\:from-teal-700 {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xl\:from-teal-800 {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xl\:from-teal-900 {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xl\:from-yellow-100 {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xl\:from-yellow-200 {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xl\:from-yellow-300 {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xl\:from-yellow-400 {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xl\:from-yellow-500 {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xl\:from-yellow-600 {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xl\:from-yellow-700 {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xl\:from-yellow-800 {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xl\:from-yellow-900 {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xl\:from-facebook-400 {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xl\:from-facebook-500 {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xl\:from-snapchat-400 {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xl\:from-snapchat-500 {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xl\:from-messenger-400 {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xl\:from-messenger-500 {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xl\:from-twitter-400 {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xl\:from-twitter-500 {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xl\:from-transparent-black-10 {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:from-transparent-black-30 {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:from-transparent-black-50 {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:from-transparent-black-70 {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:from-transparent-black-90 {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:from-transparent-white-10 {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:from-transparent-white-30 {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:from-transparent-white-50 {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:from-transparent-white-70 {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:from-transparent-white-90 {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:from-vr-dark-blue {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xl\:from-vr-neon-green {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xl\:via-transparent {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:via-black {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:via-white {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:via-gray-100 {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xl\:via-gray-200 {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xl\:via-gray-300 {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xl\:via-gray-400 {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xl\:via-gray-500 {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xl\:via-gray-600 {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xl\:via-gray-700 {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xl\:via-gray-800 {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xl\:via-gray-900 {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xl\:via-blue-100 {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xl\:via-blue-200 {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xl\:via-blue-300 {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xl\:via-blue-400 {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xl\:via-blue-500 {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xl\:via-blue-600 {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xl\:via-blue-700 {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xl\:via-blue-800 {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xl\:via-blue-900 {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xl\:via-blurple-100 {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xl\:via-blurple-200 {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xl\:via-blurple-300 {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xl\:via-blurple-400 {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xl\:via-blurple-500 {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xl\:via-blurple-700 {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xl\:via-green-300 {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xl\:via-green-500 {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xl\:via-green-700 {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xl\:via-orange-100 {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xl\:via-orange-200 {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xl\:via-orange-300 {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xl\:via-orange-400 {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xl\:via-orange-500 {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xl\:via-orange-600 {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xl\:via-orange-700 {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xl\:via-orange-800 {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xl\:via-orange-900 {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xl\:via-purple-100 {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xl\:via-purple-200 {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xl\:via-purple-300 {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xl\:via-purple-400 {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xl\:via-purple-500 {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xl\:via-purple-600 {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xl\:via-purple-700 {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xl\:via-purple-800 {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xl\:via-purple-900 {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xl\:via-red-300 {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xl\:via-red-500 {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xl\:via-red-700 {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xl\:via-teal-100 {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xl\:via-teal-200 {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xl\:via-teal-300 {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xl\:via-teal-400 {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xl\:via-teal-500 {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xl\:via-teal-600 {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xl\:via-teal-700 {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xl\:via-teal-800 {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xl\:via-teal-900 {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xl\:via-yellow-100 {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xl\:via-yellow-200 {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xl\:via-yellow-300 {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xl\:via-yellow-400 {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xl\:via-yellow-500 {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xl\:via-yellow-600 {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xl\:via-yellow-700 {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xl\:via-yellow-800 {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xl\:via-yellow-900 {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xl\:via-facebook-400 {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xl\:via-facebook-500 {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xl\:via-snapchat-400 {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xl\:via-snapchat-500 {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xl\:via-messenger-400 {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xl\:via-messenger-500 {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xl\:via-twitter-400 {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xl\:via-twitter-500 {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xl\:via-transparent-black-10 {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:via-transparent-black-30 {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:via-transparent-black-50 {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:via-transparent-black-70 {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:via-transparent-black-90 {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:via-transparent-white-10 {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:via-transparent-white-30 {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:via-transparent-white-50 {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:via-transparent-white-70 {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:via-transparent-white-90 {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:via-vr-dark-blue {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xl\:via-vr-neon-green {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xl\:to-transparent {
    --gradient-to-color: transparent;
  }

  .xl\:to-black {
    --gradient-to-color: #000;
  }

  .xl\:to-white {
    --gradient-to-color: #fff;
  }

  .xl\:to-gray-100 {
    --gradient-to-color: #f7fafc;
  }

  .xl\:to-gray-200 {
    --gradient-to-color: #edf2f7;
  }

  .xl\:to-gray-300 {
    --gradient-to-color: #e2e8f0;
  }

  .xl\:to-gray-400 {
    --gradient-to-color: #cbd5e0;
  }

  .xl\:to-gray-500 {
    --gradient-to-color: #a0aec0;
  }

  .xl\:to-gray-600 {
    --gradient-to-color: #718096;
  }

  .xl\:to-gray-700 {
    --gradient-to-color: #4a5568;
  }

  .xl\:to-gray-800 {
    --gradient-to-color: #2d3748;
  }

  .xl\:to-gray-900 {
    --gradient-to-color: #1a202c;
  }

  .xl\:to-blue-100 {
    --gradient-to-color: #86dfff;
  }

  .xl\:to-blue-200 {
    --gradient-to-color: #6bd6ff;
  }

  .xl\:to-blue-300 {
    --gradient-to-color: #52ccff;
  }

  .xl\:to-blue-400 {
    --gradient-to-color: #3ac2ff;
  }

  .xl\:to-blue-500 {
    --gradient-to-color: #23b7fb;
  }

  .xl\:to-blue-600 {
    --gradient-to-color: #1a9adf;
  }

  .xl\:to-blue-700 {
    --gradient-to-color: #127fbf;
  }

  .xl\:to-blue-800 {
    --gradient-to-color: #0c659f;
  }

  .xl\:to-blue-900 {
    --gradient-to-color: #074c80;
  }

  .xl\:to-blurple-100 {
    --gradient-to-color: #938FDB;
  }

  .xl\:to-blurple-200 {
    --gradient-to-color: #7A75D0;
  }

  .xl\:to-blurple-300 {
    --gradient-to-color: #615BC4;
  }

  .xl\:to-blurple-400 {
    --gradient-to-color: #4943B7;
  }

  .xl\:to-blurple-500 {
    --gradient-to-color: #322baa;
  }

  .xl\:to-blurple-700 {
    --gradient-to-color: #1c1e84;
  }

  .xl\:to-green-300 {
    --gradient-to-color: #42d86f;
  }

  .xl\:to-green-500 {
    --gradient-to-color: #0cc242;
  }

  .xl\:to-green-700 {
    --gradient-to-color: #02983a;
  }

  .xl\:to-orange-100 {
    --gradient-to-color: #ff6e4a;
  }

  .xl\:to-orange-200 {
    --gradient-to-color: #ff6640;
  }

  .xl\:to-orange-300 {
    --gradient-to-color: #ff5e36;
  }

  .xl\:to-orange-400 {
    --gradient-to-color: #ff562b;
  }

  .xl\:to-orange-500 {
    --gradient-to-color: #ff4d22;
  }

  .xl\:to-orange-600 {
    --gradient-to-color: #e5461e;
  }

  .xl\:to-orange-700 {
    --gradient-to-color: #cc3e1b;
  }

  .xl\:to-orange-800 {
    --gradient-to-color: #b33617;
  }

  .xl\:to-orange-900 {
    --gradient-to-color: #992f14;
  }

  .xl\:to-purple-100 {
    --gradient-to-color: #c861ff;
  }

  .xl\:to-purple-200 {
    --gradient-to-color: #c354ff;
  }

  .xl\:to-purple-300 {
    --gradient-to-color: #be49fc;
  }

  .xl\:to-purple-400 {
    --gradient-to-color: #ab42e3;
  }

  .xl\:to-purple-500 {
    --gradient-to-color: #983ac9;
  }

  .xl\:to-purple-600 {
    --gradient-to-color: #8433b0;
  }

  .xl\:to-purple-700 {
    --gradient-to-color: #712c96;
  }

  .xl\:to-purple-800 {
    --gradient-to-color: #5e247d;
  }

  .xl\:to-purple-900 {
    --gradient-to-color: #4b1d63;
  }

  .xl\:to-red-300 {
    --gradient-to-color: #ff6d69;
  }

  .xl\:to-red-500 {
    --gradient-to-color: #ff4540;
  }

  .xl\:to-red-700 {
    --gradient-to-color: #bf3929;
  }

  .xl\:to-teal-100 {
    --gradient-to-color: #8cfff9;
  }

  .xl\:to-teal-200 {
    --gradient-to-color: #66fff7;
  }

  .xl\:to-teal-300 {
    --gradient-to-color: #40fff5;
  }

  .xl\:to-teal-400 {
    --gradient-to-color: #35fcf2;
  }

  .xl\:to-teal-500 {
    --gradient-to-color: #30e3da;
  }

  .xl\:to-teal-600 {
    --gradient-to-color: #2ac9c1;
  }

  .xl\:to-teal-700 {
    --gradient-to-color: #25b0a9;
  }

  .xl\:to-teal-800 {
    --gradient-to-color: #209691;
  }

  .xl\:to-teal-900 {
    --gradient-to-color: #1a7d78;
  }

  .xl\:to-yellow-100 {
    --gradient-to-color: #ffe894;
  }

  .xl\:to-yellow-200 {
    --gradient-to-color: #ffe27a;
  }

  .xl\:to-yellow-300 {
    --gradient-to-color: #ffdd61;
  }

  .xl\:to-yellow-400 {
    --gradient-to-color: #ffd747;
  }

  .xl\:to-yellow-500 {
    --gradient-to-color: #fcce2f;
  }

  .xl\:to-yellow-600 {
    --gradient-to-color: #e3bb29;
  }

  .xl\:to-yellow-700 {
    --gradient-to-color: #c9a624;
  }

  .xl\:to-yellow-800 {
    --gradient-to-color: #b09120;
  }

  .xl\:to-yellow-900 {
    --gradient-to-color: #967c1b;
  }

  .xl\:to-facebook-400 {
    --gradient-to-color: #4a6dbc;
  }

  .xl\:to-facebook-500 {
    --gradient-to-color: #39579a;
  }

  .xl\:to-snapchat-400 {
    --gradient-to-color: #fffc00;
  }

  .xl\:to-snapchat-500 {
    --gradient-to-color: #39579a;
  }

  .xl\:to-messenger-400 {
    --gradient-to-color: #339dff;
  }

  .xl\:to-messenger-500 {
    --gradient-to-color: #0084ff;
  }

  .xl\:to-twitter-400 {
    --gradient-to-color: #21c2ff;
  }

  .xl\:to-twitter-500 {
    --gradient-to-color: #00aced;
  }

  .xl\:to-transparent-black-10 {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .xl\:to-transparent-black-30 {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .xl\:to-transparent-black-50 {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .xl\:to-transparent-black-70 {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .xl\:to-transparent-black-90 {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .xl\:to-transparent-white-10 {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .xl\:to-transparent-white-30 {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .xl\:to-transparent-white-50 {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .xl\:to-transparent-white-70 {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .xl\:to-transparent-white-90 {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .xl\:to-vr-dark-blue {
    --gradient-to-color: #000047;
  }

  .xl\:to-vr-neon-green {
    --gradient-to-color: #00ff75;
  }

  .xl\:hover\:from-transparent:hover {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:from-black:hover {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:from-white:hover {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:from-gray-100:hover {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xl\:hover\:from-gray-200:hover {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xl\:hover\:from-gray-300:hover {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xl\:hover\:from-gray-400:hover {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xl\:hover\:from-gray-500:hover {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xl\:hover\:from-gray-600:hover {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xl\:hover\:from-gray-700:hover {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xl\:hover\:from-gray-800:hover {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xl\:hover\:from-gray-900:hover {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xl\:hover\:from-blue-100:hover {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xl\:hover\:from-blue-200:hover {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xl\:hover\:from-blue-300:hover {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xl\:hover\:from-blue-400:hover {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xl\:hover\:from-blue-500:hover {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xl\:hover\:from-blue-600:hover {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xl\:hover\:from-blue-700:hover {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xl\:hover\:from-blue-800:hover {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xl\:hover\:from-blue-900:hover {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xl\:hover\:from-blurple-100:hover {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xl\:hover\:from-blurple-200:hover {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xl\:hover\:from-blurple-300:hover {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xl\:hover\:from-blurple-400:hover {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xl\:hover\:from-blurple-500:hover {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xl\:hover\:from-blurple-700:hover {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xl\:hover\:from-green-300:hover {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xl\:hover\:from-green-500:hover {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xl\:hover\:from-green-700:hover {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xl\:hover\:from-orange-100:hover {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xl\:hover\:from-orange-200:hover {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xl\:hover\:from-orange-300:hover {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xl\:hover\:from-orange-400:hover {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xl\:hover\:from-orange-500:hover {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xl\:hover\:from-orange-600:hover {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xl\:hover\:from-orange-700:hover {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xl\:hover\:from-orange-800:hover {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xl\:hover\:from-orange-900:hover {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xl\:hover\:from-purple-100:hover {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xl\:hover\:from-purple-200:hover {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xl\:hover\:from-purple-300:hover {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xl\:hover\:from-purple-400:hover {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xl\:hover\:from-purple-500:hover {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xl\:hover\:from-purple-600:hover {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xl\:hover\:from-purple-700:hover {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xl\:hover\:from-purple-800:hover {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xl\:hover\:from-purple-900:hover {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xl\:hover\:from-red-300:hover {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xl\:hover\:from-red-500:hover {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xl\:hover\:from-red-700:hover {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xl\:hover\:from-teal-100:hover {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xl\:hover\:from-teal-200:hover {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xl\:hover\:from-teal-300:hover {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xl\:hover\:from-teal-400:hover {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xl\:hover\:from-teal-500:hover {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xl\:hover\:from-teal-600:hover {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xl\:hover\:from-teal-700:hover {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xl\:hover\:from-teal-800:hover {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xl\:hover\:from-teal-900:hover {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xl\:hover\:from-yellow-100:hover {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xl\:hover\:from-yellow-200:hover {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xl\:hover\:from-yellow-300:hover {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xl\:hover\:from-yellow-400:hover {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xl\:hover\:from-yellow-500:hover {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xl\:hover\:from-yellow-600:hover {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xl\:hover\:from-yellow-700:hover {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xl\:hover\:from-yellow-800:hover {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xl\:hover\:from-yellow-900:hover {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xl\:hover\:from-facebook-400:hover {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xl\:hover\:from-facebook-500:hover {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xl\:hover\:from-snapchat-400:hover {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xl\:hover\:from-snapchat-500:hover {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xl\:hover\:from-messenger-400:hover {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xl\:hover\:from-messenger-500:hover {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xl\:hover\:from-twitter-400:hover {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xl\:hover\:from-twitter-500:hover {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xl\:hover\:from-transparent-black-10:hover {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:from-transparent-black-30:hover {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:from-transparent-black-50:hover {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:from-transparent-black-70:hover {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:from-transparent-black-90:hover {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:from-transparent-white-10:hover {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:from-transparent-white-30:hover {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:from-transparent-white-50:hover {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:from-transparent-white-70:hover {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:from-transparent-white-90:hover {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:from-vr-dark-blue:hover {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xl\:hover\:from-vr-neon-green:hover {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xl\:hover\:via-transparent:hover {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:via-black:hover {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:via-white:hover {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:via-gray-100:hover {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xl\:hover\:via-gray-200:hover {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xl\:hover\:via-gray-300:hover {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xl\:hover\:via-gray-400:hover {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xl\:hover\:via-gray-500:hover {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xl\:hover\:via-gray-600:hover {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xl\:hover\:via-gray-700:hover {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xl\:hover\:via-gray-800:hover {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xl\:hover\:via-gray-900:hover {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xl\:hover\:via-blue-100:hover {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xl\:hover\:via-blue-200:hover {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xl\:hover\:via-blue-300:hover {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xl\:hover\:via-blue-400:hover {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xl\:hover\:via-blue-500:hover {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xl\:hover\:via-blue-600:hover {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xl\:hover\:via-blue-700:hover {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xl\:hover\:via-blue-800:hover {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xl\:hover\:via-blue-900:hover {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xl\:hover\:via-blurple-100:hover {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xl\:hover\:via-blurple-200:hover {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xl\:hover\:via-blurple-300:hover {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xl\:hover\:via-blurple-400:hover {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xl\:hover\:via-blurple-500:hover {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xl\:hover\:via-blurple-700:hover {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xl\:hover\:via-green-300:hover {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xl\:hover\:via-green-500:hover {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xl\:hover\:via-green-700:hover {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xl\:hover\:via-orange-100:hover {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xl\:hover\:via-orange-200:hover {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xl\:hover\:via-orange-300:hover {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xl\:hover\:via-orange-400:hover {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xl\:hover\:via-orange-500:hover {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xl\:hover\:via-orange-600:hover {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xl\:hover\:via-orange-700:hover {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xl\:hover\:via-orange-800:hover {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xl\:hover\:via-orange-900:hover {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xl\:hover\:via-purple-100:hover {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xl\:hover\:via-purple-200:hover {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xl\:hover\:via-purple-300:hover {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xl\:hover\:via-purple-400:hover {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xl\:hover\:via-purple-500:hover {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xl\:hover\:via-purple-600:hover {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xl\:hover\:via-purple-700:hover {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xl\:hover\:via-purple-800:hover {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xl\:hover\:via-purple-900:hover {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xl\:hover\:via-red-300:hover {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xl\:hover\:via-red-500:hover {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xl\:hover\:via-red-700:hover {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xl\:hover\:via-teal-100:hover {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xl\:hover\:via-teal-200:hover {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xl\:hover\:via-teal-300:hover {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xl\:hover\:via-teal-400:hover {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xl\:hover\:via-teal-500:hover {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xl\:hover\:via-teal-600:hover {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xl\:hover\:via-teal-700:hover {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xl\:hover\:via-teal-800:hover {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xl\:hover\:via-teal-900:hover {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xl\:hover\:via-yellow-100:hover {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xl\:hover\:via-yellow-200:hover {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xl\:hover\:via-yellow-300:hover {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xl\:hover\:via-yellow-400:hover {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xl\:hover\:via-yellow-500:hover {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xl\:hover\:via-yellow-600:hover {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xl\:hover\:via-yellow-700:hover {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xl\:hover\:via-yellow-800:hover {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xl\:hover\:via-yellow-900:hover {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xl\:hover\:via-facebook-400:hover {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xl\:hover\:via-facebook-500:hover {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xl\:hover\:via-snapchat-400:hover {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xl\:hover\:via-snapchat-500:hover {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xl\:hover\:via-messenger-400:hover {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xl\:hover\:via-messenger-500:hover {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xl\:hover\:via-twitter-400:hover {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xl\:hover\:via-twitter-500:hover {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xl\:hover\:via-transparent-black-10:hover {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:via-transparent-black-30:hover {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:via-transparent-black-50:hover {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:via-transparent-black-70:hover {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:via-transparent-black-90:hover {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:via-transparent-white-10:hover {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:via-transparent-white-30:hover {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:via-transparent-white-50:hover {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:via-transparent-white-70:hover {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:via-transparent-white-90:hover {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:via-vr-dark-blue:hover {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xl\:hover\:via-vr-neon-green:hover {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xl\:hover\:to-transparent:hover {
    --gradient-to-color: transparent;
  }

  .xl\:hover\:to-black:hover {
    --gradient-to-color: #000;
  }

  .xl\:hover\:to-white:hover {
    --gradient-to-color: #fff;
  }

  .xl\:hover\:to-gray-100:hover {
    --gradient-to-color: #f7fafc;
  }

  .xl\:hover\:to-gray-200:hover {
    --gradient-to-color: #edf2f7;
  }

  .xl\:hover\:to-gray-300:hover {
    --gradient-to-color: #e2e8f0;
  }

  .xl\:hover\:to-gray-400:hover {
    --gradient-to-color: #cbd5e0;
  }

  .xl\:hover\:to-gray-500:hover {
    --gradient-to-color: #a0aec0;
  }

  .xl\:hover\:to-gray-600:hover {
    --gradient-to-color: #718096;
  }

  .xl\:hover\:to-gray-700:hover {
    --gradient-to-color: #4a5568;
  }

  .xl\:hover\:to-gray-800:hover {
    --gradient-to-color: #2d3748;
  }

  .xl\:hover\:to-gray-900:hover {
    --gradient-to-color: #1a202c;
  }

  .xl\:hover\:to-blue-100:hover {
    --gradient-to-color: #86dfff;
  }

  .xl\:hover\:to-blue-200:hover {
    --gradient-to-color: #6bd6ff;
  }

  .xl\:hover\:to-blue-300:hover {
    --gradient-to-color: #52ccff;
  }

  .xl\:hover\:to-blue-400:hover {
    --gradient-to-color: #3ac2ff;
  }

  .xl\:hover\:to-blue-500:hover {
    --gradient-to-color: #23b7fb;
  }

  .xl\:hover\:to-blue-600:hover {
    --gradient-to-color: #1a9adf;
  }

  .xl\:hover\:to-blue-700:hover {
    --gradient-to-color: #127fbf;
  }

  .xl\:hover\:to-blue-800:hover {
    --gradient-to-color: #0c659f;
  }

  .xl\:hover\:to-blue-900:hover {
    --gradient-to-color: #074c80;
  }

  .xl\:hover\:to-blurple-100:hover {
    --gradient-to-color: #938FDB;
  }

  .xl\:hover\:to-blurple-200:hover {
    --gradient-to-color: #7A75D0;
  }

  .xl\:hover\:to-blurple-300:hover {
    --gradient-to-color: #615BC4;
  }

  .xl\:hover\:to-blurple-400:hover {
    --gradient-to-color: #4943B7;
  }

  .xl\:hover\:to-blurple-500:hover {
    --gradient-to-color: #322baa;
  }

  .xl\:hover\:to-blurple-700:hover {
    --gradient-to-color: #1c1e84;
  }

  .xl\:hover\:to-green-300:hover {
    --gradient-to-color: #42d86f;
  }

  .xl\:hover\:to-green-500:hover {
    --gradient-to-color: #0cc242;
  }

  .xl\:hover\:to-green-700:hover {
    --gradient-to-color: #02983a;
  }

  .xl\:hover\:to-orange-100:hover {
    --gradient-to-color: #ff6e4a;
  }

  .xl\:hover\:to-orange-200:hover {
    --gradient-to-color: #ff6640;
  }

  .xl\:hover\:to-orange-300:hover {
    --gradient-to-color: #ff5e36;
  }

  .xl\:hover\:to-orange-400:hover {
    --gradient-to-color: #ff562b;
  }

  .xl\:hover\:to-orange-500:hover {
    --gradient-to-color: #ff4d22;
  }

  .xl\:hover\:to-orange-600:hover {
    --gradient-to-color: #e5461e;
  }

  .xl\:hover\:to-orange-700:hover {
    --gradient-to-color: #cc3e1b;
  }

  .xl\:hover\:to-orange-800:hover {
    --gradient-to-color: #b33617;
  }

  .xl\:hover\:to-orange-900:hover {
    --gradient-to-color: #992f14;
  }

  .xl\:hover\:to-purple-100:hover {
    --gradient-to-color: #c861ff;
  }

  .xl\:hover\:to-purple-200:hover {
    --gradient-to-color: #c354ff;
  }

  .xl\:hover\:to-purple-300:hover {
    --gradient-to-color: #be49fc;
  }

  .xl\:hover\:to-purple-400:hover {
    --gradient-to-color: #ab42e3;
  }

  .xl\:hover\:to-purple-500:hover {
    --gradient-to-color: #983ac9;
  }

  .xl\:hover\:to-purple-600:hover {
    --gradient-to-color: #8433b0;
  }

  .xl\:hover\:to-purple-700:hover {
    --gradient-to-color: #712c96;
  }

  .xl\:hover\:to-purple-800:hover {
    --gradient-to-color: #5e247d;
  }

  .xl\:hover\:to-purple-900:hover {
    --gradient-to-color: #4b1d63;
  }

  .xl\:hover\:to-red-300:hover {
    --gradient-to-color: #ff6d69;
  }

  .xl\:hover\:to-red-500:hover {
    --gradient-to-color: #ff4540;
  }

  .xl\:hover\:to-red-700:hover {
    --gradient-to-color: #bf3929;
  }

  .xl\:hover\:to-teal-100:hover {
    --gradient-to-color: #8cfff9;
  }

  .xl\:hover\:to-teal-200:hover {
    --gradient-to-color: #66fff7;
  }

  .xl\:hover\:to-teal-300:hover {
    --gradient-to-color: #40fff5;
  }

  .xl\:hover\:to-teal-400:hover {
    --gradient-to-color: #35fcf2;
  }

  .xl\:hover\:to-teal-500:hover {
    --gradient-to-color: #30e3da;
  }

  .xl\:hover\:to-teal-600:hover {
    --gradient-to-color: #2ac9c1;
  }

  .xl\:hover\:to-teal-700:hover {
    --gradient-to-color: #25b0a9;
  }

  .xl\:hover\:to-teal-800:hover {
    --gradient-to-color: #209691;
  }

  .xl\:hover\:to-teal-900:hover {
    --gradient-to-color: #1a7d78;
  }

  .xl\:hover\:to-yellow-100:hover {
    --gradient-to-color: #ffe894;
  }

  .xl\:hover\:to-yellow-200:hover {
    --gradient-to-color: #ffe27a;
  }

  .xl\:hover\:to-yellow-300:hover {
    --gradient-to-color: #ffdd61;
  }

  .xl\:hover\:to-yellow-400:hover {
    --gradient-to-color: #ffd747;
  }

  .xl\:hover\:to-yellow-500:hover {
    --gradient-to-color: #fcce2f;
  }

  .xl\:hover\:to-yellow-600:hover {
    --gradient-to-color: #e3bb29;
  }

  .xl\:hover\:to-yellow-700:hover {
    --gradient-to-color: #c9a624;
  }

  .xl\:hover\:to-yellow-800:hover {
    --gradient-to-color: #b09120;
  }

  .xl\:hover\:to-yellow-900:hover {
    --gradient-to-color: #967c1b;
  }

  .xl\:hover\:to-facebook-400:hover {
    --gradient-to-color: #4a6dbc;
  }

  .xl\:hover\:to-facebook-500:hover {
    --gradient-to-color: #39579a;
  }

  .xl\:hover\:to-snapchat-400:hover {
    --gradient-to-color: #fffc00;
  }

  .xl\:hover\:to-snapchat-500:hover {
    --gradient-to-color: #39579a;
  }

  .xl\:hover\:to-messenger-400:hover {
    --gradient-to-color: #339dff;
  }

  .xl\:hover\:to-messenger-500:hover {
    --gradient-to-color: #0084ff;
  }

  .xl\:hover\:to-twitter-400:hover {
    --gradient-to-color: #21c2ff;
  }

  .xl\:hover\:to-twitter-500:hover {
    --gradient-to-color: #00aced;
  }

  .xl\:hover\:to-transparent-black-10:hover {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .xl\:hover\:to-transparent-black-30:hover {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .xl\:hover\:to-transparent-black-50:hover {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .xl\:hover\:to-transparent-black-70:hover {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .xl\:hover\:to-transparent-black-90:hover {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .xl\:hover\:to-transparent-white-10:hover {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .xl\:hover\:to-transparent-white-30:hover {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .xl\:hover\:to-transparent-white-50:hover {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .xl\:hover\:to-transparent-white-70:hover {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .xl\:hover\:to-transparent-white-90:hover {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .xl\:hover\:to-vr-dark-blue:hover {
    --gradient-to-color: #000047;
  }

  .xl\:hover\:to-vr-neon-green:hover {
    --gradient-to-color: #00ff75;
  }

  .xl\:focus\:from-transparent:focus {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:from-black:focus {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:from-white:focus {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:from-gray-100:focus {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xl\:focus\:from-gray-200:focus {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xl\:focus\:from-gray-300:focus {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xl\:focus\:from-gray-400:focus {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xl\:focus\:from-gray-500:focus {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xl\:focus\:from-gray-600:focus {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xl\:focus\:from-gray-700:focus {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xl\:focus\:from-gray-800:focus {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xl\:focus\:from-gray-900:focus {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xl\:focus\:from-blue-100:focus {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xl\:focus\:from-blue-200:focus {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xl\:focus\:from-blue-300:focus {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xl\:focus\:from-blue-400:focus {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xl\:focus\:from-blue-500:focus {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xl\:focus\:from-blue-600:focus {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xl\:focus\:from-blue-700:focus {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xl\:focus\:from-blue-800:focus {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xl\:focus\:from-blue-900:focus {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xl\:focus\:from-blurple-100:focus {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xl\:focus\:from-blurple-200:focus {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xl\:focus\:from-blurple-300:focus {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xl\:focus\:from-blurple-400:focus {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xl\:focus\:from-blurple-500:focus {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xl\:focus\:from-blurple-700:focus {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xl\:focus\:from-green-300:focus {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xl\:focus\:from-green-500:focus {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xl\:focus\:from-green-700:focus {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xl\:focus\:from-orange-100:focus {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xl\:focus\:from-orange-200:focus {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xl\:focus\:from-orange-300:focus {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xl\:focus\:from-orange-400:focus {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xl\:focus\:from-orange-500:focus {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xl\:focus\:from-orange-600:focus {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xl\:focus\:from-orange-700:focus {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xl\:focus\:from-orange-800:focus {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xl\:focus\:from-orange-900:focus {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xl\:focus\:from-purple-100:focus {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xl\:focus\:from-purple-200:focus {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xl\:focus\:from-purple-300:focus {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xl\:focus\:from-purple-400:focus {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xl\:focus\:from-purple-500:focus {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xl\:focus\:from-purple-600:focus {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xl\:focus\:from-purple-700:focus {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xl\:focus\:from-purple-800:focus {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xl\:focus\:from-purple-900:focus {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xl\:focus\:from-red-300:focus {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xl\:focus\:from-red-500:focus {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xl\:focus\:from-red-700:focus {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xl\:focus\:from-teal-100:focus {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xl\:focus\:from-teal-200:focus {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xl\:focus\:from-teal-300:focus {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xl\:focus\:from-teal-400:focus {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xl\:focus\:from-teal-500:focus {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xl\:focus\:from-teal-600:focus {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xl\:focus\:from-teal-700:focus {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xl\:focus\:from-teal-800:focus {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xl\:focus\:from-teal-900:focus {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xl\:focus\:from-yellow-100:focus {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xl\:focus\:from-yellow-200:focus {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xl\:focus\:from-yellow-300:focus {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xl\:focus\:from-yellow-400:focus {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xl\:focus\:from-yellow-500:focus {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xl\:focus\:from-yellow-600:focus {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xl\:focus\:from-yellow-700:focus {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xl\:focus\:from-yellow-800:focus {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xl\:focus\:from-yellow-900:focus {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xl\:focus\:from-facebook-400:focus {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xl\:focus\:from-facebook-500:focus {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xl\:focus\:from-snapchat-400:focus {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xl\:focus\:from-snapchat-500:focus {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xl\:focus\:from-messenger-400:focus {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xl\:focus\:from-messenger-500:focus {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xl\:focus\:from-twitter-400:focus {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xl\:focus\:from-twitter-500:focus {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xl\:focus\:from-transparent-black-10:focus {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:from-transparent-black-30:focus {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:from-transparent-black-50:focus {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:from-transparent-black-70:focus {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:from-transparent-black-90:focus {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:from-transparent-white-10:focus {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:from-transparent-white-30:focus {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:from-transparent-white-50:focus {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:from-transparent-white-70:focus {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:from-transparent-white-90:focus {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:from-vr-dark-blue:focus {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xl\:focus\:from-vr-neon-green:focus {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xl\:focus\:via-transparent:focus {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:via-black:focus {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:via-white:focus {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:via-gray-100:focus {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xl\:focus\:via-gray-200:focus {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xl\:focus\:via-gray-300:focus {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xl\:focus\:via-gray-400:focus {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xl\:focus\:via-gray-500:focus {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xl\:focus\:via-gray-600:focus {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xl\:focus\:via-gray-700:focus {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xl\:focus\:via-gray-800:focus {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xl\:focus\:via-gray-900:focus {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xl\:focus\:via-blue-100:focus {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xl\:focus\:via-blue-200:focus {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xl\:focus\:via-blue-300:focus {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xl\:focus\:via-blue-400:focus {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xl\:focus\:via-blue-500:focus {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xl\:focus\:via-blue-600:focus {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xl\:focus\:via-blue-700:focus {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xl\:focus\:via-blue-800:focus {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xl\:focus\:via-blue-900:focus {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xl\:focus\:via-blurple-100:focus {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xl\:focus\:via-blurple-200:focus {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xl\:focus\:via-blurple-300:focus {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xl\:focus\:via-blurple-400:focus {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xl\:focus\:via-blurple-500:focus {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xl\:focus\:via-blurple-700:focus {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xl\:focus\:via-green-300:focus {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xl\:focus\:via-green-500:focus {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xl\:focus\:via-green-700:focus {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xl\:focus\:via-orange-100:focus {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xl\:focus\:via-orange-200:focus {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xl\:focus\:via-orange-300:focus {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xl\:focus\:via-orange-400:focus {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xl\:focus\:via-orange-500:focus {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xl\:focus\:via-orange-600:focus {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xl\:focus\:via-orange-700:focus {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xl\:focus\:via-orange-800:focus {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xl\:focus\:via-orange-900:focus {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xl\:focus\:via-purple-100:focus {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xl\:focus\:via-purple-200:focus {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xl\:focus\:via-purple-300:focus {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xl\:focus\:via-purple-400:focus {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xl\:focus\:via-purple-500:focus {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xl\:focus\:via-purple-600:focus {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xl\:focus\:via-purple-700:focus {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xl\:focus\:via-purple-800:focus {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xl\:focus\:via-purple-900:focus {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xl\:focus\:via-red-300:focus {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xl\:focus\:via-red-500:focus {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xl\:focus\:via-red-700:focus {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xl\:focus\:via-teal-100:focus {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xl\:focus\:via-teal-200:focus {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xl\:focus\:via-teal-300:focus {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xl\:focus\:via-teal-400:focus {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xl\:focus\:via-teal-500:focus {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xl\:focus\:via-teal-600:focus {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xl\:focus\:via-teal-700:focus {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xl\:focus\:via-teal-800:focus {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xl\:focus\:via-teal-900:focus {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xl\:focus\:via-yellow-100:focus {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xl\:focus\:via-yellow-200:focus {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xl\:focus\:via-yellow-300:focus {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xl\:focus\:via-yellow-400:focus {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xl\:focus\:via-yellow-500:focus {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xl\:focus\:via-yellow-600:focus {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xl\:focus\:via-yellow-700:focus {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xl\:focus\:via-yellow-800:focus {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xl\:focus\:via-yellow-900:focus {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xl\:focus\:via-facebook-400:focus {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xl\:focus\:via-facebook-500:focus {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xl\:focus\:via-snapchat-400:focus {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xl\:focus\:via-snapchat-500:focus {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xl\:focus\:via-messenger-400:focus {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xl\:focus\:via-messenger-500:focus {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xl\:focus\:via-twitter-400:focus {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xl\:focus\:via-twitter-500:focus {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xl\:focus\:via-transparent-black-10:focus {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:via-transparent-black-30:focus {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:via-transparent-black-50:focus {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:via-transparent-black-70:focus {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:via-transparent-black-90:focus {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:via-transparent-white-10:focus {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:via-transparent-white-30:focus {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:via-transparent-white-50:focus {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:via-transparent-white-70:focus {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:via-transparent-white-90:focus {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:via-vr-dark-blue:focus {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xl\:focus\:via-vr-neon-green:focus {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xl\:focus\:to-transparent:focus {
    --gradient-to-color: transparent;
  }

  .xl\:focus\:to-black:focus {
    --gradient-to-color: #000;
  }

  .xl\:focus\:to-white:focus {
    --gradient-to-color: #fff;
  }

  .xl\:focus\:to-gray-100:focus {
    --gradient-to-color: #f7fafc;
  }

  .xl\:focus\:to-gray-200:focus {
    --gradient-to-color: #edf2f7;
  }

  .xl\:focus\:to-gray-300:focus {
    --gradient-to-color: #e2e8f0;
  }

  .xl\:focus\:to-gray-400:focus {
    --gradient-to-color: #cbd5e0;
  }

  .xl\:focus\:to-gray-500:focus {
    --gradient-to-color: #a0aec0;
  }

  .xl\:focus\:to-gray-600:focus {
    --gradient-to-color: #718096;
  }

  .xl\:focus\:to-gray-700:focus {
    --gradient-to-color: #4a5568;
  }

  .xl\:focus\:to-gray-800:focus {
    --gradient-to-color: #2d3748;
  }

  .xl\:focus\:to-gray-900:focus {
    --gradient-to-color: #1a202c;
  }

  .xl\:focus\:to-blue-100:focus {
    --gradient-to-color: #86dfff;
  }

  .xl\:focus\:to-blue-200:focus {
    --gradient-to-color: #6bd6ff;
  }

  .xl\:focus\:to-blue-300:focus {
    --gradient-to-color: #52ccff;
  }

  .xl\:focus\:to-blue-400:focus {
    --gradient-to-color: #3ac2ff;
  }

  .xl\:focus\:to-blue-500:focus {
    --gradient-to-color: #23b7fb;
  }

  .xl\:focus\:to-blue-600:focus {
    --gradient-to-color: #1a9adf;
  }

  .xl\:focus\:to-blue-700:focus {
    --gradient-to-color: #127fbf;
  }

  .xl\:focus\:to-blue-800:focus {
    --gradient-to-color: #0c659f;
  }

  .xl\:focus\:to-blue-900:focus {
    --gradient-to-color: #074c80;
  }

  .xl\:focus\:to-blurple-100:focus {
    --gradient-to-color: #938FDB;
  }

  .xl\:focus\:to-blurple-200:focus {
    --gradient-to-color: #7A75D0;
  }

  .xl\:focus\:to-blurple-300:focus {
    --gradient-to-color: #615BC4;
  }

  .xl\:focus\:to-blurple-400:focus {
    --gradient-to-color: #4943B7;
  }

  .xl\:focus\:to-blurple-500:focus {
    --gradient-to-color: #322baa;
  }

  .xl\:focus\:to-blurple-700:focus {
    --gradient-to-color: #1c1e84;
  }

  .xl\:focus\:to-green-300:focus {
    --gradient-to-color: #42d86f;
  }

  .xl\:focus\:to-green-500:focus {
    --gradient-to-color: #0cc242;
  }

  .xl\:focus\:to-green-700:focus {
    --gradient-to-color: #02983a;
  }

  .xl\:focus\:to-orange-100:focus {
    --gradient-to-color: #ff6e4a;
  }

  .xl\:focus\:to-orange-200:focus {
    --gradient-to-color: #ff6640;
  }

  .xl\:focus\:to-orange-300:focus {
    --gradient-to-color: #ff5e36;
  }

  .xl\:focus\:to-orange-400:focus {
    --gradient-to-color: #ff562b;
  }

  .xl\:focus\:to-orange-500:focus {
    --gradient-to-color: #ff4d22;
  }

  .xl\:focus\:to-orange-600:focus {
    --gradient-to-color: #e5461e;
  }

  .xl\:focus\:to-orange-700:focus {
    --gradient-to-color: #cc3e1b;
  }

  .xl\:focus\:to-orange-800:focus {
    --gradient-to-color: #b33617;
  }

  .xl\:focus\:to-orange-900:focus {
    --gradient-to-color: #992f14;
  }

  .xl\:focus\:to-purple-100:focus {
    --gradient-to-color: #c861ff;
  }

  .xl\:focus\:to-purple-200:focus {
    --gradient-to-color: #c354ff;
  }

  .xl\:focus\:to-purple-300:focus {
    --gradient-to-color: #be49fc;
  }

  .xl\:focus\:to-purple-400:focus {
    --gradient-to-color: #ab42e3;
  }

  .xl\:focus\:to-purple-500:focus {
    --gradient-to-color: #983ac9;
  }

  .xl\:focus\:to-purple-600:focus {
    --gradient-to-color: #8433b0;
  }

  .xl\:focus\:to-purple-700:focus {
    --gradient-to-color: #712c96;
  }

  .xl\:focus\:to-purple-800:focus {
    --gradient-to-color: #5e247d;
  }

  .xl\:focus\:to-purple-900:focus {
    --gradient-to-color: #4b1d63;
  }

  .xl\:focus\:to-red-300:focus {
    --gradient-to-color: #ff6d69;
  }

  .xl\:focus\:to-red-500:focus {
    --gradient-to-color: #ff4540;
  }

  .xl\:focus\:to-red-700:focus {
    --gradient-to-color: #bf3929;
  }

  .xl\:focus\:to-teal-100:focus {
    --gradient-to-color: #8cfff9;
  }

  .xl\:focus\:to-teal-200:focus {
    --gradient-to-color: #66fff7;
  }

  .xl\:focus\:to-teal-300:focus {
    --gradient-to-color: #40fff5;
  }

  .xl\:focus\:to-teal-400:focus {
    --gradient-to-color: #35fcf2;
  }

  .xl\:focus\:to-teal-500:focus {
    --gradient-to-color: #30e3da;
  }

  .xl\:focus\:to-teal-600:focus {
    --gradient-to-color: #2ac9c1;
  }

  .xl\:focus\:to-teal-700:focus {
    --gradient-to-color: #25b0a9;
  }

  .xl\:focus\:to-teal-800:focus {
    --gradient-to-color: #209691;
  }

  .xl\:focus\:to-teal-900:focus {
    --gradient-to-color: #1a7d78;
  }

  .xl\:focus\:to-yellow-100:focus {
    --gradient-to-color: #ffe894;
  }

  .xl\:focus\:to-yellow-200:focus {
    --gradient-to-color: #ffe27a;
  }

  .xl\:focus\:to-yellow-300:focus {
    --gradient-to-color: #ffdd61;
  }

  .xl\:focus\:to-yellow-400:focus {
    --gradient-to-color: #ffd747;
  }

  .xl\:focus\:to-yellow-500:focus {
    --gradient-to-color: #fcce2f;
  }

  .xl\:focus\:to-yellow-600:focus {
    --gradient-to-color: #e3bb29;
  }

  .xl\:focus\:to-yellow-700:focus {
    --gradient-to-color: #c9a624;
  }

  .xl\:focus\:to-yellow-800:focus {
    --gradient-to-color: #b09120;
  }

  .xl\:focus\:to-yellow-900:focus {
    --gradient-to-color: #967c1b;
  }

  .xl\:focus\:to-facebook-400:focus {
    --gradient-to-color: #4a6dbc;
  }

  .xl\:focus\:to-facebook-500:focus {
    --gradient-to-color: #39579a;
  }

  .xl\:focus\:to-snapchat-400:focus {
    --gradient-to-color: #fffc00;
  }

  .xl\:focus\:to-snapchat-500:focus {
    --gradient-to-color: #39579a;
  }

  .xl\:focus\:to-messenger-400:focus {
    --gradient-to-color: #339dff;
  }

  .xl\:focus\:to-messenger-500:focus {
    --gradient-to-color: #0084ff;
  }

  .xl\:focus\:to-twitter-400:focus {
    --gradient-to-color: #21c2ff;
  }

  .xl\:focus\:to-twitter-500:focus {
    --gradient-to-color: #00aced;
  }

  .xl\:focus\:to-transparent-black-10:focus {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .xl\:focus\:to-transparent-black-30:focus {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .xl\:focus\:to-transparent-black-50:focus {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .xl\:focus\:to-transparent-black-70:focus {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .xl\:focus\:to-transparent-black-90:focus {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .xl\:focus\:to-transparent-white-10:focus {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .xl\:focus\:to-transparent-white-30:focus {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .xl\:focus\:to-transparent-white-50:focus {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .xl\:focus\:to-transparent-white-70:focus {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .xl\:focus\:to-transparent-white-90:focus {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .xl\:focus\:to-vr-dark-blue:focus {
    --gradient-to-color: #000047;
  }

  .xl\:focus\:to-vr-neon-green:focus {
    --gradient-to-color: #00ff75;
  }

  .xl\:bg-opacity-0 {
    --bg-opacity: 0;
  }

  .xl\:bg-opacity-25 {
    --bg-opacity: 0.25;
  }

  .xl\:bg-opacity-50 {
    --bg-opacity: 0.5;
  }

  .xl\:bg-opacity-75 {
    --bg-opacity: 0.75;
  }

  .xl\:bg-opacity-100 {
    --bg-opacity: 1;
  }

  .xl\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0;
  }

  .xl\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25;
  }

  .xl\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5;
  }

  .xl\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75;
  }

  .xl\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1;
  }

  .xl\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0;
  }

  .xl\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25;
  }

  .xl\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5;
  }

  .xl\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75;
  }

  .xl\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1;
  }

  .xl\:bg-bottom {
    background-position: bottom;
  }

  .xl\:bg-center {
    background-position: center;
  }

  .xl\:bg-left {
    background-position: left;
  }

  .xl\:bg-left-bottom {
    background-position: left bottom;
  }

  .xl\:bg-left-top {
    background-position: left top;
  }

  .xl\:bg-right {
    background-position: right;
  }

  .xl\:bg-right-bottom {
    background-position: right bottom;
  }

  .xl\:bg-right-top {
    background-position: right top;
  }

  .xl\:bg-top {
    background-position: top;
  }

  .xl\:bg-repeat {
    background-repeat: repeat;
  }

  .xl\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .xl\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .xl\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .xl\:bg-repeat-round {
    background-repeat: round;
  }

  .xl\:bg-repeat-space {
    background-repeat: space;
  }

  .xl\:bg-auto {
    background-size: auto;
  }

  .xl\:bg-cover {
    background-size: cover;
  }

  .xl\:bg-contain {
    background-size: contain;
  }

  .xl\:border-collapse {
    border-collapse: collapse;
  }

  .xl\:border-separate {
    border-collapse: separate;
  }

  .xl\:border-transparent {
    border-color: transparent;
  }

  .xl\:border-black {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .xl\:border-white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xl\:border-gray-100 {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .xl\:border-gray-200 {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .xl\:border-gray-300 {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .xl\:border-gray-400 {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .xl\:border-gray-500 {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .xl\:border-gray-600 {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .xl\:border-gray-700 {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .xl\:border-gray-800 {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .xl\:border-gray-900 {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .xl\:border-blue-100 {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .xl\:border-blue-200 {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .xl\:border-blue-300 {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .xl\:border-blue-400 {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .xl\:border-blue-500 {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .xl\:border-blue-600 {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .xl\:border-blue-700 {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .xl\:border-blue-800 {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .xl\:border-blue-900 {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .xl\:border-blurple-100 {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .xl\:border-blurple-200 {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .xl\:border-blurple-300 {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .xl\:border-blurple-400 {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .xl\:border-blurple-500 {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .xl\:border-blurple-700 {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .xl\:border-green-300 {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .xl\:border-green-500 {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .xl\:border-green-700 {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .xl\:border-orange-100 {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .xl\:border-orange-200 {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .xl\:border-orange-300 {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .xl\:border-orange-400 {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .xl\:border-orange-500 {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .xl\:border-orange-600 {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .xl\:border-orange-700 {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .xl\:border-orange-800 {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .xl\:border-orange-900 {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .xl\:border-purple-100 {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .xl\:border-purple-200 {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .xl\:border-purple-300 {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .xl\:border-purple-400 {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .xl\:border-purple-500 {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .xl\:border-purple-600 {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .xl\:border-purple-700 {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .xl\:border-purple-800 {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .xl\:border-purple-900 {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .xl\:border-red-300 {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .xl\:border-red-500 {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .xl\:border-red-700 {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .xl\:border-teal-100 {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .xl\:border-teal-200 {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .xl\:border-teal-300 {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .xl\:border-teal-400 {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .xl\:border-teal-500 {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .xl\:border-teal-600 {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .xl\:border-teal-700 {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .xl\:border-teal-800 {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .xl\:border-teal-900 {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .xl\:border-yellow-100 {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .xl\:border-yellow-200 {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .xl\:border-yellow-300 {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .xl\:border-yellow-400 {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .xl\:border-yellow-500 {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .xl\:border-yellow-600 {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .xl\:border-yellow-700 {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .xl\:border-yellow-800 {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .xl\:border-yellow-900 {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .xl\:border-facebook-400 {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .xl\:border-facebook-500 {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xl\:border-snapchat-400 {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .xl\:border-snapchat-500 {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xl\:border-messenger-400 {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .xl\:border-messenger-500 {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .xl\:border-twitter-400 {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .xl\:border-twitter-500 {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .xl\:border-transparent-black-10 {
    border-color: rgba(0,0,0,0.1);
  }

  .xl\:border-transparent-black-30 {
    border-color: rgba(0,0,0,0.3);
  }

  .xl\:border-transparent-black-50 {
    border-color: rgba(0,0,0,0.5);
  }

  .xl\:border-transparent-black-70 {
    border-color: rgba(0,0,0,0.7);
  }

  .xl\:border-transparent-black-90 {
    border-color: rgba(0,0,0,0.9);
  }

  .xl\:border-transparent-white-10 {
    border-color: rgba(255,255,255,0.1);
  }

  .xl\:border-transparent-white-30 {
    border-color: rgba(255,255,255,0.3);
  }

  .xl\:border-transparent-white-50 {
    border-color: rgba(255,255,255,0.5);
  }

  .xl\:border-transparent-white-70 {
    border-color: rgba(255,255,255,0.7);
  }

  .xl\:border-transparent-white-90 {
    border-color: rgba(255,255,255,0.9);
  }

  .xl\:border-vr-dark-blue {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .xl\:border-vr-neon-green {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .xl\:active\:border-transparent:active {
    border-color: transparent;
  }

  .xl\:active\:border-black:active {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .xl\:active\:border-white:active {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xl\:active\:border-gray-100:active {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .xl\:active\:border-gray-200:active {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .xl\:active\:border-gray-300:active {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .xl\:active\:border-gray-400:active {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .xl\:active\:border-gray-500:active {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .xl\:active\:border-gray-600:active {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .xl\:active\:border-gray-700:active {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .xl\:active\:border-gray-800:active {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .xl\:active\:border-gray-900:active {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .xl\:active\:border-blue-100:active {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .xl\:active\:border-blue-200:active {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .xl\:active\:border-blue-300:active {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .xl\:active\:border-blue-400:active {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .xl\:active\:border-blue-500:active {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .xl\:active\:border-blue-600:active {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .xl\:active\:border-blue-700:active {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .xl\:active\:border-blue-800:active {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .xl\:active\:border-blue-900:active {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .xl\:active\:border-blurple-100:active {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .xl\:active\:border-blurple-200:active {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .xl\:active\:border-blurple-300:active {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .xl\:active\:border-blurple-400:active {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .xl\:active\:border-blurple-500:active {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .xl\:active\:border-blurple-700:active {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .xl\:active\:border-green-300:active {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .xl\:active\:border-green-500:active {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .xl\:active\:border-green-700:active {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .xl\:active\:border-orange-100:active {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .xl\:active\:border-orange-200:active {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .xl\:active\:border-orange-300:active {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .xl\:active\:border-orange-400:active {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .xl\:active\:border-orange-500:active {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .xl\:active\:border-orange-600:active {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .xl\:active\:border-orange-700:active {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .xl\:active\:border-orange-800:active {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .xl\:active\:border-orange-900:active {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .xl\:active\:border-purple-100:active {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .xl\:active\:border-purple-200:active {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .xl\:active\:border-purple-300:active {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .xl\:active\:border-purple-400:active {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .xl\:active\:border-purple-500:active {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .xl\:active\:border-purple-600:active {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .xl\:active\:border-purple-700:active {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .xl\:active\:border-purple-800:active {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .xl\:active\:border-purple-900:active {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .xl\:active\:border-red-300:active {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .xl\:active\:border-red-500:active {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .xl\:active\:border-red-700:active {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .xl\:active\:border-teal-100:active {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .xl\:active\:border-teal-200:active {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .xl\:active\:border-teal-300:active {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .xl\:active\:border-teal-400:active {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .xl\:active\:border-teal-500:active {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .xl\:active\:border-teal-600:active {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .xl\:active\:border-teal-700:active {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .xl\:active\:border-teal-800:active {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .xl\:active\:border-teal-900:active {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .xl\:active\:border-yellow-100:active {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .xl\:active\:border-yellow-200:active {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .xl\:active\:border-yellow-300:active {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .xl\:active\:border-yellow-400:active {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .xl\:active\:border-yellow-500:active {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .xl\:active\:border-yellow-600:active {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .xl\:active\:border-yellow-700:active {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .xl\:active\:border-yellow-800:active {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .xl\:active\:border-yellow-900:active {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .xl\:active\:border-facebook-400:active {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .xl\:active\:border-facebook-500:active {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xl\:active\:border-snapchat-400:active {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .xl\:active\:border-snapchat-500:active {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xl\:active\:border-messenger-400:active {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .xl\:active\:border-messenger-500:active {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .xl\:active\:border-twitter-400:active {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .xl\:active\:border-twitter-500:active {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .xl\:active\:border-transparent-black-10:active {
    border-color: rgba(0,0,0,0.1);
  }

  .xl\:active\:border-transparent-black-30:active {
    border-color: rgba(0,0,0,0.3);
  }

  .xl\:active\:border-transparent-black-50:active {
    border-color: rgba(0,0,0,0.5);
  }

  .xl\:active\:border-transparent-black-70:active {
    border-color: rgba(0,0,0,0.7);
  }

  .xl\:active\:border-transparent-black-90:active {
    border-color: rgba(0,0,0,0.9);
  }

  .xl\:active\:border-transparent-white-10:active {
    border-color: rgba(255,255,255,0.1);
  }

  .xl\:active\:border-transparent-white-30:active {
    border-color: rgba(255,255,255,0.3);
  }

  .xl\:active\:border-transparent-white-50:active {
    border-color: rgba(255,255,255,0.5);
  }

  .xl\:active\:border-transparent-white-70:active {
    border-color: rgba(255,255,255,0.7);
  }

  .xl\:active\:border-transparent-white-90:active {
    border-color: rgba(255,255,255,0.9);
  }

  .xl\:active\:border-vr-dark-blue:active {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .xl\:active\:border-vr-neon-green:active {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .xl\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .xl\:hover\:border-black:hover {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .xl\:hover\:border-white:hover {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xl\:hover\:border-gray-100:hover {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .xl\:hover\:border-gray-200:hover {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .xl\:hover\:border-gray-300:hover {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .xl\:hover\:border-gray-400:hover {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .xl\:hover\:border-gray-500:hover {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .xl\:hover\:border-gray-600:hover {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .xl\:hover\:border-gray-700:hover {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .xl\:hover\:border-gray-800:hover {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .xl\:hover\:border-gray-900:hover {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .xl\:hover\:border-blue-100:hover {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .xl\:hover\:border-blue-200:hover {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .xl\:hover\:border-blue-300:hover {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .xl\:hover\:border-blue-400:hover {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .xl\:hover\:border-blue-500:hover {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .xl\:hover\:border-blue-600:hover {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .xl\:hover\:border-blue-700:hover {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .xl\:hover\:border-blue-800:hover {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .xl\:hover\:border-blue-900:hover {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .xl\:hover\:border-blurple-100:hover {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .xl\:hover\:border-blurple-200:hover {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .xl\:hover\:border-blurple-300:hover {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .xl\:hover\:border-blurple-400:hover {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .xl\:hover\:border-blurple-500:hover {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .xl\:hover\:border-blurple-700:hover {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .xl\:hover\:border-green-300:hover {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .xl\:hover\:border-green-500:hover {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .xl\:hover\:border-green-700:hover {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .xl\:hover\:border-orange-100:hover {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .xl\:hover\:border-orange-200:hover {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .xl\:hover\:border-orange-300:hover {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .xl\:hover\:border-orange-400:hover {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .xl\:hover\:border-orange-500:hover {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .xl\:hover\:border-orange-600:hover {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .xl\:hover\:border-orange-700:hover {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .xl\:hover\:border-orange-800:hover {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .xl\:hover\:border-orange-900:hover {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .xl\:hover\:border-purple-100:hover {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .xl\:hover\:border-purple-200:hover {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .xl\:hover\:border-purple-300:hover {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .xl\:hover\:border-purple-400:hover {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .xl\:hover\:border-purple-500:hover {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .xl\:hover\:border-purple-600:hover {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .xl\:hover\:border-purple-700:hover {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .xl\:hover\:border-purple-800:hover {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .xl\:hover\:border-purple-900:hover {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .xl\:hover\:border-red-300:hover {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .xl\:hover\:border-red-500:hover {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .xl\:hover\:border-red-700:hover {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .xl\:hover\:border-teal-100:hover {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .xl\:hover\:border-teal-200:hover {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .xl\:hover\:border-teal-300:hover {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .xl\:hover\:border-teal-400:hover {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .xl\:hover\:border-teal-500:hover {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .xl\:hover\:border-teal-600:hover {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .xl\:hover\:border-teal-700:hover {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .xl\:hover\:border-teal-800:hover {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .xl\:hover\:border-teal-900:hover {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .xl\:hover\:border-yellow-100:hover {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .xl\:hover\:border-yellow-200:hover {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .xl\:hover\:border-yellow-300:hover {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .xl\:hover\:border-yellow-400:hover {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .xl\:hover\:border-yellow-500:hover {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .xl\:hover\:border-yellow-600:hover {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .xl\:hover\:border-yellow-700:hover {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .xl\:hover\:border-yellow-800:hover {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .xl\:hover\:border-yellow-900:hover {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .xl\:hover\:border-facebook-400:hover {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .xl\:hover\:border-facebook-500:hover {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xl\:hover\:border-snapchat-400:hover {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .xl\:hover\:border-snapchat-500:hover {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xl\:hover\:border-messenger-400:hover {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .xl\:hover\:border-messenger-500:hover {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .xl\:hover\:border-twitter-400:hover {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .xl\:hover\:border-twitter-500:hover {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .xl\:hover\:border-transparent-black-10:hover {
    border-color: rgba(0,0,0,0.1);
  }

  .xl\:hover\:border-transparent-black-30:hover {
    border-color: rgba(0,0,0,0.3);
  }

  .xl\:hover\:border-transparent-black-50:hover {
    border-color: rgba(0,0,0,0.5);
  }

  .xl\:hover\:border-transparent-black-70:hover {
    border-color: rgba(0,0,0,0.7);
  }

  .xl\:hover\:border-transparent-black-90:hover {
    border-color: rgba(0,0,0,0.9);
  }

  .xl\:hover\:border-transparent-white-10:hover {
    border-color: rgba(255,255,255,0.1);
  }

  .xl\:hover\:border-transparent-white-30:hover {
    border-color: rgba(255,255,255,0.3);
  }

  .xl\:hover\:border-transparent-white-50:hover {
    border-color: rgba(255,255,255,0.5);
  }

  .xl\:hover\:border-transparent-white-70:hover {
    border-color: rgba(255,255,255,0.7);
  }

  .xl\:hover\:border-transparent-white-90:hover {
    border-color: rgba(255,255,255,0.9);
  }

  .xl\:hover\:border-vr-dark-blue:hover {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .xl\:hover\:border-vr-neon-green:hover {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .xl\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .xl\:focus\:border-black:focus {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .xl\:focus\:border-white:focus {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xl\:focus\:border-gray-100:focus {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .xl\:focus\:border-gray-200:focus {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .xl\:focus\:border-gray-300:focus {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .xl\:focus\:border-gray-400:focus {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .xl\:focus\:border-gray-500:focus {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .xl\:focus\:border-gray-600:focus {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .xl\:focus\:border-gray-700:focus {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .xl\:focus\:border-gray-800:focus {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .xl\:focus\:border-gray-900:focus {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .xl\:focus\:border-blue-100:focus {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .xl\:focus\:border-blue-200:focus {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .xl\:focus\:border-blue-300:focus {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .xl\:focus\:border-blue-400:focus {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .xl\:focus\:border-blue-500:focus {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .xl\:focus\:border-blue-600:focus {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .xl\:focus\:border-blue-700:focus {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .xl\:focus\:border-blue-800:focus {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .xl\:focus\:border-blue-900:focus {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .xl\:focus\:border-blurple-100:focus {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .xl\:focus\:border-blurple-200:focus {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .xl\:focus\:border-blurple-300:focus {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .xl\:focus\:border-blurple-400:focus {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .xl\:focus\:border-blurple-500:focus {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .xl\:focus\:border-blurple-700:focus {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .xl\:focus\:border-green-300:focus {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .xl\:focus\:border-green-500:focus {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .xl\:focus\:border-green-700:focus {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .xl\:focus\:border-orange-100:focus {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .xl\:focus\:border-orange-200:focus {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .xl\:focus\:border-orange-300:focus {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .xl\:focus\:border-orange-400:focus {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .xl\:focus\:border-orange-500:focus {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .xl\:focus\:border-orange-600:focus {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .xl\:focus\:border-orange-700:focus {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .xl\:focus\:border-orange-800:focus {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .xl\:focus\:border-orange-900:focus {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .xl\:focus\:border-purple-100:focus {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .xl\:focus\:border-purple-200:focus {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .xl\:focus\:border-purple-300:focus {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .xl\:focus\:border-purple-400:focus {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .xl\:focus\:border-purple-500:focus {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .xl\:focus\:border-purple-600:focus {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .xl\:focus\:border-purple-700:focus {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .xl\:focus\:border-purple-800:focus {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .xl\:focus\:border-purple-900:focus {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .xl\:focus\:border-red-300:focus {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .xl\:focus\:border-red-500:focus {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .xl\:focus\:border-red-700:focus {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .xl\:focus\:border-teal-100:focus {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .xl\:focus\:border-teal-200:focus {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .xl\:focus\:border-teal-300:focus {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .xl\:focus\:border-teal-400:focus {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .xl\:focus\:border-teal-500:focus {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .xl\:focus\:border-teal-600:focus {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .xl\:focus\:border-teal-700:focus {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .xl\:focus\:border-teal-800:focus {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .xl\:focus\:border-teal-900:focus {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .xl\:focus\:border-yellow-100:focus {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .xl\:focus\:border-yellow-200:focus {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .xl\:focus\:border-yellow-300:focus {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .xl\:focus\:border-yellow-400:focus {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .xl\:focus\:border-yellow-500:focus {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .xl\:focus\:border-yellow-600:focus {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .xl\:focus\:border-yellow-700:focus {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .xl\:focus\:border-yellow-800:focus {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .xl\:focus\:border-yellow-900:focus {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .xl\:focus\:border-facebook-400:focus {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .xl\:focus\:border-facebook-500:focus {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xl\:focus\:border-snapchat-400:focus {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .xl\:focus\:border-snapchat-500:focus {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xl\:focus\:border-messenger-400:focus {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .xl\:focus\:border-messenger-500:focus {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .xl\:focus\:border-twitter-400:focus {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .xl\:focus\:border-twitter-500:focus {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .xl\:focus\:border-transparent-black-10:focus {
    border-color: rgba(0,0,0,0.1);
  }

  .xl\:focus\:border-transparent-black-30:focus {
    border-color: rgba(0,0,0,0.3);
  }

  .xl\:focus\:border-transparent-black-50:focus {
    border-color: rgba(0,0,0,0.5);
  }

  .xl\:focus\:border-transparent-black-70:focus {
    border-color: rgba(0,0,0,0.7);
  }

  .xl\:focus\:border-transparent-black-90:focus {
    border-color: rgba(0,0,0,0.9);
  }

  .xl\:focus\:border-transparent-white-10:focus {
    border-color: rgba(255,255,255,0.1);
  }

  .xl\:focus\:border-transparent-white-30:focus {
    border-color: rgba(255,255,255,0.3);
  }

  .xl\:focus\:border-transparent-white-50:focus {
    border-color: rgba(255,255,255,0.5);
  }

  .xl\:focus\:border-transparent-white-70:focus {
    border-color: rgba(255,255,255,0.7);
  }

  .xl\:focus\:border-transparent-white-90:focus {
    border-color: rgba(255,255,255,0.9);
  }

  .xl\:focus\:border-vr-dark-blue:focus {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .xl\:focus\:border-vr-neon-green:focus {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .xl\:border-opacity-0 {
    --border-opacity: 0;
  }

  .xl\:border-opacity-25 {
    --border-opacity: 0.25;
  }

  .xl\:border-opacity-50 {
    --border-opacity: 0.5;
  }

  .xl\:border-opacity-75 {
    --border-opacity: 0.75;
  }

  .xl\:border-opacity-100 {
    --border-opacity: 1;
  }

  .xl\:hover\:border-opacity-0:hover {
    --border-opacity: 0;
  }

  .xl\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25;
  }

  .xl\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5;
  }

  .xl\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75;
  }

  .xl\:hover\:border-opacity-100:hover {
    --border-opacity: 1;
  }

  .xl\:focus\:border-opacity-0:focus {
    --border-opacity: 0;
  }

  .xl\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25;
  }

  .xl\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5;
  }

  .xl\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75;
  }

  .xl\:focus\:border-opacity-100:focus {
    --border-opacity: 1;
  }

  .xl\:rounded-none {
    border-radius: 0;
  }

  .xl\:rounded-sm {
    border-radius: 0.125rem;
  }

  .xl\:rounded {
    border-radius: 0.25rem;
  }

  .xl\:rounded-md {
    border-radius: 0.375rem;
  }

  .xl\:rounded-lg {
    border-radius: 0.5rem;
  }

  .xl\:rounded-xl {
    border-radius: 0.75rem;
  }

  .xl\:rounded-2xl {
    border-radius: 1rem;
  }

  .xl\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .xl\:rounded-full {
    border-radius: 9999px;
  }

  .xl\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .xl\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .xl\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xl\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xl\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .xl\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .xl\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .xl\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .xl\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .xl\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .xl\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .xl\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .xl\:rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .xl\:rounded-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .xl\:rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .xl\:rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .xl\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .xl\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .xl\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xl\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xl\:rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .xl\:rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .xl\:rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .xl\:rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .xl\:rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .xl\:rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .xl\:rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .xl\:rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .xl\:rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .xl\:rounded-r-3xl {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .xl\:rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .xl\:rounded-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .xl\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .xl\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .xl\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xl\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xl\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  .xl\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  .xl\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .xl\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .xl\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  .xl\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  .xl\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  .xl\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  .xl\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  .xl\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  .xl\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  .xl\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  .xl\:rounded-tl-md {
    border-top-left-radius: 0.375rem;
  }

  .xl\:rounded-tr-md {
    border-top-right-radius: 0.375rem;
  }

  .xl\:rounded-br-md {
    border-bottom-right-radius: 0.375rem;
  }

  .xl\:rounded-bl-md {
    border-bottom-left-radius: 0.375rem;
  }

  .xl\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .xl\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  .xl\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  .xl\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  .xl\:rounded-tl-xl {
    border-top-left-radius: 0.75rem;
  }

  .xl\:rounded-tr-xl {
    border-top-right-radius: 0.75rem;
  }

  .xl\:rounded-br-xl {
    border-bottom-right-radius: 0.75rem;
  }

  .xl\:rounded-bl-xl {
    border-bottom-left-radius: 0.75rem;
  }

  .xl\:rounded-tl-2xl {
    border-top-left-radius: 1rem;
  }

  .xl\:rounded-tr-2xl {
    border-top-right-radius: 1rem;
  }

  .xl\:rounded-br-2xl {
    border-bottom-right-radius: 1rem;
  }

  .xl\:rounded-bl-2xl {
    border-bottom-left-radius: 1rem;
  }

  .xl\:rounded-tl-3xl {
    border-top-left-radius: 1.5rem;
  }

  .xl\:rounded-tr-3xl {
    border-top-right-radius: 1.5rem;
  }

  .xl\:rounded-br-3xl {
    border-bottom-right-radius: 1.5rem;
  }

  .xl\:rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem;
  }

  .xl\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .xl\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .xl\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .xl\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .xl\:border-solid {
    border-style: solid;
  }

  .xl\:border-dashed {
    border-style: dashed;
  }

  .xl\:border-dotted {
    border-style: dotted;
  }

  .xl\:border-double {
    border-style: double;
  }

  .xl\:border-none {
    border-style: none;
  }

  .xl\:border-0 {
    border-width: 0;
  }

  .xl\:border-2 {
    border-width: 2px;
  }

  .xl\:border-4 {
    border-width: 4px;
  }

  .xl\:border-8 {
    border-width: 8px;
  }

  .xl\:border {
    border-width: 1px;
  }

  .xl\:border-t-0 {
    border-top-width: 0;
  }

  .xl\:border-r-0 {
    border-right-width: 0;
  }

  .xl\:border-b-0 {
    border-bottom-width: 0;
  }

  .xl\:border-l-0 {
    border-left-width: 0;
  }

  .xl\:border-t-2 {
    border-top-width: 2px;
  }

  .xl\:border-r-2 {
    border-right-width: 2px;
  }

  .xl\:border-b-2 {
    border-bottom-width: 2px;
  }

  .xl\:border-l-2 {
    border-left-width: 2px;
  }

  .xl\:border-t-4 {
    border-top-width: 4px;
  }

  .xl\:border-r-4 {
    border-right-width: 4px;
  }

  .xl\:border-b-4 {
    border-bottom-width: 4px;
  }

  .xl\:border-l-4 {
    border-left-width: 4px;
  }

  .xl\:border-t-8 {
    border-top-width: 8px;
  }

  .xl\:border-r-8 {
    border-right-width: 8px;
  }

  .xl\:border-b-8 {
    border-bottom-width: 8px;
  }

  .xl\:border-l-8 {
    border-left-width: 8px;
  }

  .xl\:border-t {
    border-top-width: 1px;
  }

  .xl\:border-r {
    border-right-width: 1px;
  }

  .xl\:border-b {
    border-bottom-width: 1px;
  }

  .xl\:border-l {
    border-left-width: 1px;
  }

  .xl\:box-border {
    box-sizing: border-box;
  }

  .xl\:box-content {
    box-sizing: content-box;
  }

  .xl\:cursor-auto {
    cursor: auto;
  }

  .xl\:cursor-default {
    cursor: default;
  }

  .xl\:cursor-pointer {
    cursor: pointer;
  }

  .xl\:cursor-wait {
    cursor: wait;
  }

  .xl\:cursor-text {
    cursor: text;
  }

  .xl\:cursor-move {
    cursor: move;
  }

  .xl\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .xl\:block {
    display: block;
  }

  .xl\:inline-block {
    display: inline-block;
  }

  .xl\:inline {
    display: inline;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:inline-flex {
    display: inline-flex;
  }

  .xl\:table {
    display: table;
  }

  .xl\:table-caption {
    display: table-caption;
  }

  .xl\:table-cell {
    display: table-cell;
  }

  .xl\:table-column {
    display: table-column;
  }

  .xl\:table-column-group {
    display: table-column-group;
  }

  .xl\:table-footer-group {
    display: table-footer-group;
  }

  .xl\:table-header-group {
    display: table-header-group;
  }

  .xl\:table-row-group {
    display: table-row-group;
  }

  .xl\:table-row {
    display: table-row;
  }

  .xl\:flow-root {
    display: flow-root;
  }

  .xl\:grid {
    display: grid;
  }

  .xl\:inline-grid {
    display: inline-grid;
  }

  .xl\:contents {
    display: contents;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .xl\:flex-col {
    flex-direction: column;
  }

  .xl\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .xl\:flex-wrap {
    flex-wrap: wrap;
  }

  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .xl\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  .xl\:place-items-auto {
    place-items: auto;
  }

  .xl\:place-items-start {
    place-items: start;
  }

  .xl\:place-items-end {
    place-items: end;
  }

  .xl\:place-items-center {
    place-items: center;
  }

  .xl\:place-items-stretch {
    place-items: stretch;
  }

  .xl\:place-content-center {
    place-content: center;
  }

  .xl\:place-content-start {
    place-content: start;
  }

  .xl\:place-content-end {
    place-content: end;
  }

  .xl\:place-content-between {
    place-content: space-between;
  }

  .xl\:place-content-around {
    place-content: space-around;
  }

  .xl\:place-content-evenly {
    place-content: space-evenly;
  }

  .xl\:place-content-stretch {
    place-content: stretch;
  }

  .xl\:place-self-auto {
    place-self: auto;
  }

  .xl\:place-self-start {
    place-self: start;
  }

  .xl\:place-self-end {
    place-self: end;
  }

  .xl\:place-self-center {
    place-self: center;
  }

  .xl\:place-self-stretch {
    place-self: stretch;
  }

  .xl\:items-start {
    align-items: flex-start;
  }

  .xl\:items-end {
    align-items: flex-end;
  }

  .xl\:items-center {
    align-items: center;
  }

  .xl\:items-baseline {
    align-items: baseline;
  }

  .xl\:items-stretch {
    align-items: stretch;
  }

  .xl\:content-center {
    align-content: center;
  }

  .xl\:content-start {
    align-content: flex-start;
  }

  .xl\:content-end {
    align-content: flex-end;
  }

  .xl\:content-between {
    align-content: space-between;
  }

  .xl\:content-around {
    align-content: space-around;
  }

  .xl\:content-evenly {
    align-content: space-evenly;
  }

  .xl\:self-auto {
    align-self: auto;
  }

  .xl\:self-start {
    align-self: flex-start;
  }

  .xl\:self-end {
    align-self: flex-end;
  }

  .xl\:self-center {
    align-self: center;
  }

  .xl\:self-stretch {
    align-self: stretch;
  }

  .xl\:justify-items-auto {
    justify-items: auto;
  }

  .xl\:justify-items-start {
    justify-items: start;
  }

  .xl\:justify-items-end {
    justify-items: end;
  }

  .xl\:justify-items-center {
    justify-items: center;
  }

  .xl\:justify-items-stretch {
    justify-items: stretch;
  }

  .xl\:justify-start {
    justify-content: flex-start;
  }

  .xl\:justify-end {
    justify-content: flex-end;
  }

  .xl\:justify-center {
    justify-content: center;
  }

  .xl\:justify-between {
    justify-content: space-between;
  }

  .xl\:justify-around {
    justify-content: space-around;
  }

  .xl\:justify-evenly {
    justify-content: space-evenly;
  }

  .xl\:justify-self-auto {
    justify-self: auto;
  }

  .xl\:justify-self-start {
    justify-self: start;
  }

  .xl\:justify-self-end {
    justify-self: end;
  }

  .xl\:justify-self-center {
    justify-self: center;
  }

  .xl\:justify-self-stretch {
    justify-self: stretch;
  }

  .xl\:flex-1 {
    flex: 1 1 0%;
  }

  .xl\:flex-auto {
    flex: 1 1 auto;
  }

  .xl\:flex-initial {
    flex: 0 1 auto;
  }

  .xl\:flex-none {
    flex: none;
  }

  .xl\:flex-grow-0 {
    flex-grow: 0;
  }

  .xl\:flex-grow {
    flex-grow: 1;
  }

  .xl\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .xl\:flex-shrink {
    flex-shrink: 1;
  }

  .xl\:order-1 {
    order: 1;
  }

  .xl\:order-2 {
    order: 2;
  }

  .xl\:order-3 {
    order: 3;
  }

  .xl\:order-4 {
    order: 4;
  }

  .xl\:order-5 {
    order: 5;
  }

  .xl\:order-6 {
    order: 6;
  }

  .xl\:order-7 {
    order: 7;
  }

  .xl\:order-8 {
    order: 8;
  }

  .xl\:order-9 {
    order: 9;
  }

  .xl\:order-10 {
    order: 10;
  }

  .xl\:order-11 {
    order: 11;
  }

  .xl\:order-12 {
    order: 12;
  }

  .xl\:order-first {
    order: -9999;
  }

  .xl\:order-last {
    order: 9999;
  }

  .xl\:order-none {
    order: 0;
  }

  .xl\:float-right {
    float: right;
  }

  .xl\:float-left {
    float: left;
  }

  .xl\:float-none {
    float: none;
  }

  .xl\:clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  .xl\:clear-left {
    clear: left;
  }

  .xl\:clear-right {
    clear: right;
  }

  .xl\:clear-both {
    clear: both;
  }

  .xl\:clear-none {
    clear: none;
  }

  .xl\:font-source-sans {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .xl\:font-league-gothic {
    font-family: "League Gothic", Impact, "Franklin Gothic Bold", "Arial Black", sans-serif;
  }

  .xl\:font-hairline {
    font-weight: 100;
  }

  .xl\:font-thin {
    font-weight: 200;
  }

  .xl\:font-light {
    font-weight: 300;
  }

  .xl\:font-normal {
    font-weight: 400;
  }

  .xl\:font-medium {
    font-weight: 500;
  }

  .xl\:font-semibold {
    font-weight: 600;
  }

  .xl\:font-bold {
    font-weight: 700;
  }

  .xl\:font-extrabold {
    font-weight: 800;
  }

  .xl\:font-black {
    font-weight: 900;
  }

  .xl\:hover\:font-hairline:hover {
    font-weight: 100;
  }

  .xl\:hover\:font-thin:hover {
    font-weight: 200;
  }

  .xl\:hover\:font-light:hover {
    font-weight: 300;
  }

  .xl\:hover\:font-normal:hover {
    font-weight: 400;
  }

  .xl\:hover\:font-medium:hover {
    font-weight: 500;
  }

  .xl\:hover\:font-semibold:hover {
    font-weight: 600;
  }

  .xl\:hover\:font-bold:hover {
    font-weight: 700;
  }

  .xl\:hover\:font-extrabold:hover {
    font-weight: 800;
  }

  .xl\:hover\:font-black:hover {
    font-weight: 900;
  }

  .xl\:focus\:font-hairline:focus {
    font-weight: 100;
  }

  .xl\:focus\:font-thin:focus {
    font-weight: 200;
  }

  .xl\:focus\:font-light:focus {
    font-weight: 300;
  }

  .xl\:focus\:font-normal:focus {
    font-weight: 400;
  }

  .xl\:focus\:font-medium:focus {
    font-weight: 500;
  }

  .xl\:focus\:font-semibold:focus {
    font-weight: 600;
  }

  .xl\:focus\:font-bold:focus {
    font-weight: 700;
  }

  .xl\:focus\:font-extrabold:focus {
    font-weight: 800;
  }

  .xl\:focus\:font-black:focus {
    font-weight: 900;
  }

  .xl\:h-0 {
    height: 0;
  }

  .xl\:h-1 {
    height: 0.25rem;
  }

  .xl\:h-2 {
    height: 0.5rem;
  }

  .xl\:h-3 {
    height: 0.75rem;
  }

  .xl\:h-4 {
    height: 1rem;
  }

  .xl\:h-5 {
    height: 1.25rem;
  }

  .xl\:h-6 {
    height: 1.5rem;
  }

  .xl\:h-8 {
    height: 2rem;
  }

  .xl\:h-10 {
    height: 2.5rem;
  }

  .xl\:h-12 {
    height: 3rem;
  }

  .xl\:h-16 {
    height: 4rem;
  }

  .xl\:h-20 {
    height: 5rem;
  }

  .xl\:h-24 {
    height: 6rem;
  }

  .xl\:h-32 {
    height: 8rem;
  }

  .xl\:h-40 {
    height: 10rem;
  }

  .xl\:h-48 {
    height: 12rem;
  }

  .xl\:h-56 {
    height: 14rem;
  }

  .xl\:h-64 {
    height: 16rem;
  }

  .xl\:h-auto {
    height: auto;
  }

  .xl\:h-px {
    height: 1px;
  }

  .xl\:h-full {
    height: 100%;
  }

  .xl\:h-screen {
    height: 100vh;
  }

  .xl\:text-xs {
    font-size: 12px;
  }

  .xl\:text-sm {
    font-size: 14px;
  }

  .xl\:text-base {
    font-size: 18px;
  }

  .xl\:text-lg {
    font-size: 22px;
  }

  .xl\:text-xl {
    font-size: 28px;
  }

  .xl\:text-2xl {
    font-size: 35px;
  }

  .xl\:text-3xl {
    font-size: 44px;
  }

  .xl\:text-4xl {
    font-size: 55px;
  }

  .xl\:text-5xl {
    font-size: 69px;
  }

  .xl\:text-6xl {
    font-size: 84px;
  }

  .xl\:leading-3 {
    line-height: .75rem;
  }

  .xl\:leading-4 {
    line-height: 1rem;
  }

  .xl\:leading-5 {
    line-height: 1.25rem;
  }

  .xl\:leading-6 {
    line-height: 1.5rem;
  }

  .xl\:leading-7 {
    line-height: 1.75rem;
  }

  .xl\:leading-8 {
    line-height: 2rem;
  }

  .xl\:leading-9 {
    line-height: 2.25rem;
  }

  .xl\:leading-10 {
    line-height: 2.5rem;
  }

  .xl\:leading-none {
    line-height: 1;
  }

  .xl\:leading-tight {
    line-height: 1.25;
  }

  .xl\:leading-snug {
    line-height: 1.375;
  }

  .xl\:leading-normal {
    line-height: 1.5;
  }

  .xl\:leading-relaxed {
    line-height: 1.625;
  }

  .xl\:leading-loose {
    line-height: 2;
  }

  .xl\:list-inside {
    list-style-position: inside;
  }

  .xl\:list-outside {
    list-style-position: outside;
  }

  .xl\:list-none {
    list-style-type: none;
  }

  .xl\:list-disc {
    list-style-type: disc;
  }

  .xl\:list-decimal {
    list-style-type: decimal;
  }

  .xl\:m-0 {
    margin: 0;
  }

  .xl\:m-1 {
    margin: 0.25rem;
  }

  .xl\:m-2 {
    margin: 0.5rem;
  }

  .xl\:m-3 {
    margin: 0.75rem;
  }

  .xl\:m-4 {
    margin: 1rem;
  }

  .xl\:m-5 {
    margin: 1.25rem;
  }

  .xl\:m-6 {
    margin: 1.5rem;
  }

  .xl\:m-8 {
    margin: 2rem;
  }

  .xl\:m-10 {
    margin: 2.5rem;
  }

  .xl\:m-12 {
    margin: 3rem;
  }

  .xl\:m-16 {
    margin: 4rem;
  }

  .xl\:m-20 {
    margin: 5rem;
  }

  .xl\:m-24 {
    margin: 6rem;
  }

  .xl\:m-32 {
    margin: 8rem;
  }

  .xl\:m-40 {
    margin: 10rem;
  }

  .xl\:m-48 {
    margin: 12rem;
  }

  .xl\:m-56 {
    margin: 14rem;
  }

  .xl\:m-64 {
    margin: 16rem;
  }

  .xl\:m-auto {
    margin: auto;
  }

  .xl\:m-px {
    margin: 1px;
  }

  .xl\:-m-1 {
    margin: -0.25rem;
  }

  .xl\:-m-2 {
    margin: -0.5rem;
  }

  .xl\:-m-3 {
    margin: -0.75rem;
  }

  .xl\:-m-4 {
    margin: -1rem;
  }

  .xl\:-m-5 {
    margin: -1.25rem;
  }

  .xl\:-m-6 {
    margin: -1.5rem;
  }

  .xl\:-m-8 {
    margin: -2rem;
  }

  .xl\:-m-10 {
    margin: -2.5rem;
  }

  .xl\:-m-12 {
    margin: -3rem;
  }

  .xl\:-m-16 {
    margin: -4rem;
  }

  .xl\:-m-20 {
    margin: -5rem;
  }

  .xl\:-m-24 {
    margin: -6rem;
  }

  .xl\:-m-32 {
    margin: -8rem;
  }

  .xl\:-m-40 {
    margin: -10rem;
  }

  .xl\:-m-48 {
    margin: -12rem;
  }

  .xl\:-m-56 {
    margin: -14rem;
  }

  .xl\:-m-64 {
    margin: -16rem;
  }

  .xl\:-m-px {
    margin: -1px;
  }

  .xl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .xl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .xl\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .xl\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .xl\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .xl\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .xl\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .xl\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .xl\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .xl\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .xl\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .xl\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .xl\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .xl\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .xl\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .xl\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .xl\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .xl\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .xl\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .xl\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .xl\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .xl\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .xl\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .xl\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .xl\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .xl\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .xl\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .xl\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .xl\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .xl\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .xl\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .xl\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .xl\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .xl\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .xl\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .xl\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .xl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xl\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .xl\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .xl\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .xl\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .xl\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .xl\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .xl\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .xl\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .xl\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .xl\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .xl\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .xl\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .xl\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .xl\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .xl\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .xl\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .xl\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .xl\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .xl\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .xl\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .xl\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .xl\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .xl\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .xl\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .xl\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .xl\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .xl\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .xl\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .xl\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .xl\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .xl\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .xl\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .xl\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .xl\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .xl\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .xl\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .xl\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .xl\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .xl\:mt-0 {
    margin-top: 0;
  }

  .xl\:mr-0 {
    margin-right: 0;
  }

  .xl\:mb-0 {
    margin-bottom: 0;
  }

  .xl\:ml-0 {
    margin-left: 0;
  }

  .xl\:mt-1 {
    margin-top: 0.25rem;
  }

  .xl\:mr-1 {
    margin-right: 0.25rem;
  }

  .xl\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .xl\:ml-1 {
    margin-left: 0.25rem;
  }

  .xl\:mt-2 {
    margin-top: 0.5rem;
  }

  .xl\:mr-2 {
    margin-right: 0.5rem;
  }

  .xl\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .xl\:ml-2 {
    margin-left: 0.5rem;
  }

  .xl\:mt-3 {
    margin-top: 0.75rem;
  }

  .xl\:mr-3 {
    margin-right: 0.75rem;
  }

  .xl\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .xl\:ml-3 {
    margin-left: 0.75rem;
  }

  .xl\:mt-4 {
    margin-top: 1rem;
  }

  .xl\:mr-4 {
    margin-right: 1rem;
  }

  .xl\:mb-4 {
    margin-bottom: 1rem;
  }

  .xl\:ml-4 {
    margin-left: 1rem;
  }

  .xl\:mt-5 {
    margin-top: 1.25rem;
  }

  .xl\:mr-5 {
    margin-right: 1.25rem;
  }

  .xl\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .xl\:ml-5 {
    margin-left: 1.25rem;
  }

  .xl\:mt-6 {
    margin-top: 1.5rem;
  }

  .xl\:mr-6 {
    margin-right: 1.5rem;
  }

  .xl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .xl\:ml-6 {
    margin-left: 1.5rem;
  }

  .xl\:mt-8 {
    margin-top: 2rem;
  }

  .xl\:mr-8 {
    margin-right: 2rem;
  }

  .xl\:mb-8 {
    margin-bottom: 2rem;
  }

  .xl\:ml-8 {
    margin-left: 2rem;
  }

  .xl\:mt-10 {
    margin-top: 2.5rem;
  }

  .xl\:mr-10 {
    margin-right: 2.5rem;
  }

  .xl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .xl\:ml-10 {
    margin-left: 2.5rem;
  }

  .xl\:mt-12 {
    margin-top: 3rem;
  }

  .xl\:mr-12 {
    margin-right: 3rem;
  }

  .xl\:mb-12 {
    margin-bottom: 3rem;
  }

  .xl\:ml-12 {
    margin-left: 3rem;
  }

  .xl\:mt-16 {
    margin-top: 4rem;
  }

  .xl\:mr-16 {
    margin-right: 4rem;
  }

  .xl\:mb-16 {
    margin-bottom: 4rem;
  }

  .xl\:ml-16 {
    margin-left: 4rem;
  }

  .xl\:mt-20 {
    margin-top: 5rem;
  }

  .xl\:mr-20 {
    margin-right: 5rem;
  }

  .xl\:mb-20 {
    margin-bottom: 5rem;
  }

  .xl\:ml-20 {
    margin-left: 5rem;
  }

  .xl\:mt-24 {
    margin-top: 6rem;
  }

  .xl\:mr-24 {
    margin-right: 6rem;
  }

  .xl\:mb-24 {
    margin-bottom: 6rem;
  }

  .xl\:ml-24 {
    margin-left: 6rem;
  }

  .xl\:mt-32 {
    margin-top: 8rem;
  }

  .xl\:mr-32 {
    margin-right: 8rem;
  }

  .xl\:mb-32 {
    margin-bottom: 8rem;
  }

  .xl\:ml-32 {
    margin-left: 8rem;
  }

  .xl\:mt-40 {
    margin-top: 10rem;
  }

  .xl\:mr-40 {
    margin-right: 10rem;
  }

  .xl\:mb-40 {
    margin-bottom: 10rem;
  }

  .xl\:ml-40 {
    margin-left: 10rem;
  }

  .xl\:mt-48 {
    margin-top: 12rem;
  }

  .xl\:mr-48 {
    margin-right: 12rem;
  }

  .xl\:mb-48 {
    margin-bottom: 12rem;
  }

  .xl\:ml-48 {
    margin-left: 12rem;
  }

  .xl\:mt-56 {
    margin-top: 14rem;
  }

  .xl\:mr-56 {
    margin-right: 14rem;
  }

  .xl\:mb-56 {
    margin-bottom: 14rem;
  }

  .xl\:ml-56 {
    margin-left: 14rem;
  }

  .xl\:mt-64 {
    margin-top: 16rem;
  }

  .xl\:mr-64 {
    margin-right: 16rem;
  }

  .xl\:mb-64 {
    margin-bottom: 16rem;
  }

  .xl\:ml-64 {
    margin-left: 16rem;
  }

  .xl\:mt-auto {
    margin-top: auto;
  }

  .xl\:mr-auto {
    margin-right: auto;
  }

  .xl\:mb-auto {
    margin-bottom: auto;
  }

  .xl\:ml-auto {
    margin-left: auto;
  }

  .xl\:mt-px {
    margin-top: 1px;
  }

  .xl\:mr-px {
    margin-right: 1px;
  }

  .xl\:mb-px {
    margin-bottom: 1px;
  }

  .xl\:ml-px {
    margin-left: 1px;
  }

  .xl\:-mt-1 {
    margin-top: -0.25rem;
  }

  .xl\:-mr-1 {
    margin-right: -0.25rem;
  }

  .xl\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  .xl\:-ml-1 {
    margin-left: -0.25rem;
  }

  .xl\:-mt-2 {
    margin-top: -0.5rem;
  }

  .xl\:-mr-2 {
    margin-right: -0.5rem;
  }

  .xl\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  .xl\:-ml-2 {
    margin-left: -0.5rem;
  }

  .xl\:-mt-3 {
    margin-top: -0.75rem;
  }

  .xl\:-mr-3 {
    margin-right: -0.75rem;
  }

  .xl\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  .xl\:-ml-3 {
    margin-left: -0.75rem;
  }

  .xl\:-mt-4 {
    margin-top: -1rem;
  }

  .xl\:-mr-4 {
    margin-right: -1rem;
  }

  .xl\:-mb-4 {
    margin-bottom: -1rem;
  }

  .xl\:-ml-4 {
    margin-left: -1rem;
  }

  .xl\:-mt-5 {
    margin-top: -1.25rem;
  }

  .xl\:-mr-5 {
    margin-right: -1.25rem;
  }

  .xl\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  .xl\:-ml-5 {
    margin-left: -1.25rem;
  }

  .xl\:-mt-6 {
    margin-top: -1.5rem;
  }

  .xl\:-mr-6 {
    margin-right: -1.5rem;
  }

  .xl\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .xl\:-ml-6 {
    margin-left: -1.5rem;
  }

  .xl\:-mt-8 {
    margin-top: -2rem;
  }

  .xl\:-mr-8 {
    margin-right: -2rem;
  }

  .xl\:-mb-8 {
    margin-bottom: -2rem;
  }

  .xl\:-ml-8 {
    margin-left: -2rem;
  }

  .xl\:-mt-10 {
    margin-top: -2.5rem;
  }

  .xl\:-mr-10 {
    margin-right: -2.5rem;
  }

  .xl\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  .xl\:-ml-10 {
    margin-left: -2.5rem;
  }

  .xl\:-mt-12 {
    margin-top: -3rem;
  }

  .xl\:-mr-12 {
    margin-right: -3rem;
  }

  .xl\:-mb-12 {
    margin-bottom: -3rem;
  }

  .xl\:-ml-12 {
    margin-left: -3rem;
  }

  .xl\:-mt-16 {
    margin-top: -4rem;
  }

  .xl\:-mr-16 {
    margin-right: -4rem;
  }

  .xl\:-mb-16 {
    margin-bottom: -4rem;
  }

  .xl\:-ml-16 {
    margin-left: -4rem;
  }

  .xl\:-mt-20 {
    margin-top: -5rem;
  }

  .xl\:-mr-20 {
    margin-right: -5rem;
  }

  .xl\:-mb-20 {
    margin-bottom: -5rem;
  }

  .xl\:-ml-20 {
    margin-left: -5rem;
  }

  .xl\:-mt-24 {
    margin-top: -6rem;
  }

  .xl\:-mr-24 {
    margin-right: -6rem;
  }

  .xl\:-mb-24 {
    margin-bottom: -6rem;
  }

  .xl\:-ml-24 {
    margin-left: -6rem;
  }

  .xl\:-mt-32 {
    margin-top: -8rem;
  }

  .xl\:-mr-32 {
    margin-right: -8rem;
  }

  .xl\:-mb-32 {
    margin-bottom: -8rem;
  }

  .xl\:-ml-32 {
    margin-left: -8rem;
  }

  .xl\:-mt-40 {
    margin-top: -10rem;
  }

  .xl\:-mr-40 {
    margin-right: -10rem;
  }

  .xl\:-mb-40 {
    margin-bottom: -10rem;
  }

  .xl\:-ml-40 {
    margin-left: -10rem;
  }

  .xl\:-mt-48 {
    margin-top: -12rem;
  }

  .xl\:-mr-48 {
    margin-right: -12rem;
  }

  .xl\:-mb-48 {
    margin-bottom: -12rem;
  }

  .xl\:-ml-48 {
    margin-left: -12rem;
  }

  .xl\:-mt-56 {
    margin-top: -14rem;
  }

  .xl\:-mr-56 {
    margin-right: -14rem;
  }

  .xl\:-mb-56 {
    margin-bottom: -14rem;
  }

  .xl\:-ml-56 {
    margin-left: -14rem;
  }

  .xl\:-mt-64 {
    margin-top: -16rem;
  }

  .xl\:-mr-64 {
    margin-right: -16rem;
  }

  .xl\:-mb-64 {
    margin-bottom: -16rem;
  }

  .xl\:-ml-64 {
    margin-left: -16rem;
  }

  .xl\:-mt-px {
    margin-top: -1px;
  }

  .xl\:-mr-px {
    margin-right: -1px;
  }

  .xl\:-mb-px {
    margin-bottom: -1px;
  }

  .xl\:-ml-px {
    margin-left: -1px;
  }

  .xl\:max-h-full {
    max-height: 100%;
  }

  .xl\:max-h-screen {
    max-height: 100vh;
  }

  .xl\:max-w-none {
    max-width: none;
  }

  .xl\:max-w-xs {
    max-width: 20rem;
  }

  .xl\:max-w-sm {
    max-width: 24rem;
  }

  .xl\:max-w-md {
    max-width: 28rem;
  }

  .xl\:max-w-lg {
    max-width: 32rem;
  }

  .xl\:max-w-xl {
    max-width: 36rem;
  }

  .xl\:max-w-2xl {
    max-width: 42rem;
  }

  .xl\:max-w-3xl {
    max-width: 48rem;
  }

  .xl\:max-w-4xl {
    max-width: 56rem;
  }

  .xl\:max-w-5xl {
    max-width: 64rem;
  }

  .xl\:max-w-6xl {
    max-width: 72rem;
  }

  .xl\:max-w-full {
    max-width: 100%;
  }

  .xl\:max-w-screen-xs {
    max-width: 360px;
  }

  .xl\:max-w-screen-sm {
    max-width: 480px;
  }

  .xl\:max-w-screen-md {
    max-width: 760px;
  }

  .xl\:max-w-screen-lg {
    max-width: 960px;
  }

  .xl\:max-w-screen-xl {
    max-width: 1060px;
  }

  .xl\:max-w-screen-xxl {
    max-width: 1280px;
  }

  .xl\:min-h-0 {
    min-height: 0;
  }

  .xl\:min-h-full {
    min-height: 100%;
  }

  .xl\:min-h-screen {
    min-height: 100vh;
  }

  .xl\:min-w-0 {
    min-width: 0;
  }

  .xl\:min-w-full {
    min-width: 100%;
  }

  .xl\:object-contain {
    object-fit: contain;
  }

  .xl\:object-cover {
    object-fit: cover;
  }

  .xl\:object-fill {
    object-fit: fill;
  }

  .xl\:object-none {
    object-fit: none;
  }

  .xl\:object-scale-down {
    object-fit: scale-down;
  }

  .xl\:object-bottom {
    object-position: bottom;
  }

  .xl\:object-center {
    object-position: center;
  }

  .xl\:object-left {
    object-position: left;
  }

  .xl\:object-left-bottom {
    object-position: left bottom;
  }

  .xl\:object-left-top {
    object-position: left top;
  }

  .xl\:object-right {
    object-position: right;
  }

  .xl\:object-right-bottom {
    object-position: right bottom;
  }

  .xl\:object-right-top {
    object-position: right top;
  }

  .xl\:object-top {
    object-position: top;
  }

  .xl\:opacity-0 {
    opacity: 0;
  }

  .xl\:opacity-25 {
    opacity: 0.25;
  }

  .xl\:opacity-50 {
    opacity: 0.5;
  }

  .xl\:opacity-75 {
    opacity: 0.75;
  }

  .xl\:opacity-100 {
    opacity: 1;
  }

  .xl\:hover\:opacity-0:hover {
    opacity: 0;
  }

  .xl\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  .xl\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  .xl\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  .xl\:hover\:opacity-100:hover {
    opacity: 1;
  }

  .xl\:focus\:opacity-0:focus {
    opacity: 0;
  }

  .xl\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  .xl\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  .xl\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  .xl\:focus\:opacity-100:focus {
    opacity: 1;
  }

  .xl\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .xl\:outline-white {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .xl\:outline-black {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .xl\:focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .xl\:focus\:outline-white:focus {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .xl\:focus\:outline-black:focus {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .xl\:overflow-auto {
    overflow: auto;
  }

  .xl\:overflow-hidden {
    overflow: hidden;
  }

  .xl\:overflow-visible {
    overflow: visible;
  }

  .xl\:overflow-scroll {
    overflow: scroll;
  }

  .xl\:overflow-x-auto {
    overflow-x: auto;
  }

  .xl\:overflow-y-auto {
    overflow-y: auto;
  }

  .xl\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .xl\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .xl\:overflow-x-visible {
    overflow-x: visible;
  }

  .xl\:overflow-y-visible {
    overflow-y: visible;
  }

  .xl\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .xl\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .xl\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .xl\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .xl\:overscroll-auto {
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }

  .xl\:overscroll-contain {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  .xl\:overscroll-none {
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }

  .xl\:overscroll-y-auto {
    overscroll-behavior-y: auto;
  }

  .xl\:overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  .xl\:overscroll-y-none {
    overscroll-behavior-y: none;
  }

  .xl\:overscroll-x-auto {
    overscroll-behavior-x: auto;
  }

  .xl\:overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .xl\:overscroll-x-none {
    overscroll-behavior-x: none;
  }

  .xl\:p-0 {
    padding: 0;
  }

  .xl\:p-1 {
    padding: 0.25rem;
  }

  .xl\:p-2 {
    padding: 0.5rem;
  }

  .xl\:p-3 {
    padding: 0.75rem;
  }

  .xl\:p-4 {
    padding: 1rem;
  }

  .xl\:p-5 {
    padding: 1.25rem;
  }

  .xl\:p-6 {
    padding: 1.5rem;
  }

  .xl\:p-8 {
    padding: 2rem;
  }

  .xl\:p-10 {
    padding: 2.5rem;
  }

  .xl\:p-12 {
    padding: 3rem;
  }

  .xl\:p-16 {
    padding: 4rem;
  }

  .xl\:p-20 {
    padding: 5rem;
  }

  .xl\:p-24 {
    padding: 6rem;
  }

  .xl\:p-32 {
    padding: 8rem;
  }

  .xl\:p-40 {
    padding: 10rem;
  }

  .xl\:p-48 {
    padding: 12rem;
  }

  .xl\:p-56 {
    padding: 14rem;
  }

  .xl\:p-64 {
    padding: 16rem;
  }

  .xl\:p-px {
    padding: 1px;
  }

  .xl\:p-1\/4 {
    padding: 25%;
  }

  .xl\:p-1\/3 {
    padding: 33.333333333%;
  }

  .xl\:p-1\/2 {
    padding: 50%;
  }

  .xl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .xl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .xl\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .xl\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .xl\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .xl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .xl\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .xl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .xl\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .xl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .xl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .xl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xl\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .xl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .xl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .xl\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .xl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xl\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .xl\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .xl\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .xl\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .xl\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .xl\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .xl\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .xl\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .xl\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .xl\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .xl\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .xl\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .xl\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .xl\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .xl\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .xl\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .xl\:py-1\/4 {
    padding-top: 25%;
    padding-bottom: 25%;
  }

  .xl\:px-1\/4 {
    padding-left: 25%;
    padding-right: 25%;
  }

  .xl\:py-1\/3 {
    padding-top: 33.333333333%;
    padding-bottom: 33.333333333%;
  }

  .xl\:px-1\/3 {
    padding-left: 33.333333333%;
    padding-right: 33.333333333%;
  }

  .xl\:py-1\/2 {
    padding-top: 50%;
    padding-bottom: 50%;
  }

  .xl\:px-1\/2 {
    padding-left: 50%;
    padding-right: 50%;
  }

  .xl\:pt-0 {
    padding-top: 0;
  }

  .xl\:pr-0 {
    padding-right: 0;
  }

  .xl\:pb-0 {
    padding-bottom: 0;
  }

  .xl\:pl-0 {
    padding-left: 0;
  }

  .xl\:pt-1 {
    padding-top: 0.25rem;
  }

  .xl\:pr-1 {
    padding-right: 0.25rem;
  }

  .xl\:pb-1 {
    padding-bottom: 0.25rem;
  }

  .xl\:pl-1 {
    padding-left: 0.25rem;
  }

  .xl\:pt-2 {
    padding-top: 0.5rem;
  }

  .xl\:pr-2 {
    padding-right: 0.5rem;
  }

  .xl\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .xl\:pl-2 {
    padding-left: 0.5rem;
  }

  .xl\:pt-3 {
    padding-top: 0.75rem;
  }

  .xl\:pr-3 {
    padding-right: 0.75rem;
  }

  .xl\:pb-3 {
    padding-bottom: 0.75rem;
  }

  .xl\:pl-3 {
    padding-left: 0.75rem;
  }

  .xl\:pt-4 {
    padding-top: 1rem;
  }

  .xl\:pr-4 {
    padding-right: 1rem;
  }

  .xl\:pb-4 {
    padding-bottom: 1rem;
  }

  .xl\:pl-4 {
    padding-left: 1rem;
  }

  .xl\:pt-5 {
    padding-top: 1.25rem;
  }

  .xl\:pr-5 {
    padding-right: 1.25rem;
  }

  .xl\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .xl\:pl-5 {
    padding-left: 1.25rem;
  }

  .xl\:pt-6 {
    padding-top: 1.5rem;
  }

  .xl\:pr-6 {
    padding-right: 1.5rem;
  }

  .xl\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .xl\:pl-6 {
    padding-left: 1.5rem;
  }

  .xl\:pt-8 {
    padding-top: 2rem;
  }

  .xl\:pr-8 {
    padding-right: 2rem;
  }

  .xl\:pb-8 {
    padding-bottom: 2rem;
  }

  .xl\:pl-8 {
    padding-left: 2rem;
  }

  .xl\:pt-10 {
    padding-top: 2.5rem;
  }

  .xl\:pr-10 {
    padding-right: 2.5rem;
  }

  .xl\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .xl\:pl-10 {
    padding-left: 2.5rem;
  }

  .xl\:pt-12 {
    padding-top: 3rem;
  }

  .xl\:pr-12 {
    padding-right: 3rem;
  }

  .xl\:pb-12 {
    padding-bottom: 3rem;
  }

  .xl\:pl-12 {
    padding-left: 3rem;
  }

  .xl\:pt-16 {
    padding-top: 4rem;
  }

  .xl\:pr-16 {
    padding-right: 4rem;
  }

  .xl\:pb-16 {
    padding-bottom: 4rem;
  }

  .xl\:pl-16 {
    padding-left: 4rem;
  }

  .xl\:pt-20 {
    padding-top: 5rem;
  }

  .xl\:pr-20 {
    padding-right: 5rem;
  }

  .xl\:pb-20 {
    padding-bottom: 5rem;
  }

  .xl\:pl-20 {
    padding-left: 5rem;
  }

  .xl\:pt-24 {
    padding-top: 6rem;
  }

  .xl\:pr-24 {
    padding-right: 6rem;
  }

  .xl\:pb-24 {
    padding-bottom: 6rem;
  }

  .xl\:pl-24 {
    padding-left: 6rem;
  }

  .xl\:pt-32 {
    padding-top: 8rem;
  }

  .xl\:pr-32 {
    padding-right: 8rem;
  }

  .xl\:pb-32 {
    padding-bottom: 8rem;
  }

  .xl\:pl-32 {
    padding-left: 8rem;
  }

  .xl\:pt-40 {
    padding-top: 10rem;
  }

  .xl\:pr-40 {
    padding-right: 10rem;
  }

  .xl\:pb-40 {
    padding-bottom: 10rem;
  }

  .xl\:pl-40 {
    padding-left: 10rem;
  }

  .xl\:pt-48 {
    padding-top: 12rem;
  }

  .xl\:pr-48 {
    padding-right: 12rem;
  }

  .xl\:pb-48 {
    padding-bottom: 12rem;
  }

  .xl\:pl-48 {
    padding-left: 12rem;
  }

  .xl\:pt-56 {
    padding-top: 14rem;
  }

  .xl\:pr-56 {
    padding-right: 14rem;
  }

  .xl\:pb-56 {
    padding-bottom: 14rem;
  }

  .xl\:pl-56 {
    padding-left: 14rem;
  }

  .xl\:pt-64 {
    padding-top: 16rem;
  }

  .xl\:pr-64 {
    padding-right: 16rem;
  }

  .xl\:pb-64 {
    padding-bottom: 16rem;
  }

  .xl\:pl-64 {
    padding-left: 16rem;
  }

  .xl\:pt-px {
    padding-top: 1px;
  }

  .xl\:pr-px {
    padding-right: 1px;
  }

  .xl\:pb-px {
    padding-bottom: 1px;
  }

  .xl\:pl-px {
    padding-left: 1px;
  }

  .xl\:pt-1\/4 {
    padding-top: 25%;
  }

  .xl\:pr-1\/4 {
    padding-right: 25%;
  }

  .xl\:pb-1\/4 {
    padding-bottom: 25%;
  }

  .xl\:pl-1\/4 {
    padding-left: 25%;
  }

  .xl\:pt-1\/3 {
    padding-top: 33.333333333%;
  }

  .xl\:pr-1\/3 {
    padding-right: 33.333333333%;
  }

  .xl\:pb-1\/3 {
    padding-bottom: 33.333333333%;
  }

  .xl\:pl-1\/3 {
    padding-left: 33.333333333%;
  }

  .xl\:pt-1\/2 {
    padding-top: 50%;
  }

  .xl\:pr-1\/2 {
    padding-right: 50%;
  }

  .xl\:pb-1\/2 {
    padding-bottom: 50%;
  }

  .xl\:pl-1\/2 {
    padding-left: 50%;
  }

  .xl\:placeholder-transparent:-ms-input-placeholder {
    color: transparent;
  }

  .xl\:placeholder-transparent::placeholder {
    color: transparent;
  }

  .xl\:placeholder-black:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xl\:placeholder-black::placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xl\:placeholder-white:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-white::placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-100::placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-200::placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-300::placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-400::placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-500::placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-600::placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-700::placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-800::placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-900::placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-100::placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-200::placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-300::placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-400::placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-500::placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-600::placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-700::placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-800::placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-900::placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .xl\:placeholder-blurple-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .xl\:placeholder-blurple-100::placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .xl\:placeholder-blurple-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .xl\:placeholder-blurple-200::placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .xl\:placeholder-blurple-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .xl\:placeholder-blurple-300::placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .xl\:placeholder-blurple-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .xl\:placeholder-blurple-400::placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .xl\:placeholder-blurple-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .xl\:placeholder-blurple-500::placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .xl\:placeholder-blurple-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .xl\:placeholder-blurple-700::placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .xl\:placeholder-green-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .xl\:placeholder-green-300::placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .xl\:placeholder-green-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .xl\:placeholder-green-500::placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .xl\:placeholder-green-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .xl\:placeholder-green-700::placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-100::placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-200::placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-300::placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-400::placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-500::placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-600::placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-700::placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-800::placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .xl\:placeholder-orange-900::placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-100::placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-200::placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-300::placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-400::placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-500::placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-600::placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-700::placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-800::placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-900::placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .xl\:placeholder-red-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .xl\:placeholder-red-300::placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .xl\:placeholder-red-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .xl\:placeholder-red-500::placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .xl\:placeholder-red-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .xl\:placeholder-red-700::placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-100::placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-200::placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-300::placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-400::placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-500::placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-600::placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-700::placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-800::placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-900::placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-100::placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-200::placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-300::placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-400::placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-500::placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-600::placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-700::placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-800::placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .xl\:placeholder-yellow-900::placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .xl\:placeholder-facebook-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .xl\:placeholder-facebook-400::placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .xl\:placeholder-facebook-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xl\:placeholder-facebook-500::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xl\:placeholder-snapchat-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .xl\:placeholder-snapchat-400::placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .xl\:placeholder-snapchat-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xl\:placeholder-snapchat-500::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xl\:placeholder-messenger-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-messenger-400::placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-messenger-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-messenger-500::placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-twitter-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-twitter-400::placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-twitter-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .xl\:placeholder-twitter-500::placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .xl\:placeholder-transparent-black-10:-ms-input-placeholder {
    color: rgba(0,0,0,0.1);
  }

  .xl\:placeholder-transparent-black-10::placeholder {
    color: rgba(0,0,0,0.1);
  }

  .xl\:placeholder-transparent-black-30:-ms-input-placeholder {
    color: rgba(0,0,0,0.3);
  }

  .xl\:placeholder-transparent-black-30::placeholder {
    color: rgba(0,0,0,0.3);
  }

  .xl\:placeholder-transparent-black-50:-ms-input-placeholder {
    color: rgba(0,0,0,0.5);
  }

  .xl\:placeholder-transparent-black-50::placeholder {
    color: rgba(0,0,0,0.5);
  }

  .xl\:placeholder-transparent-black-70:-ms-input-placeholder {
    color: rgba(0,0,0,0.7);
  }

  .xl\:placeholder-transparent-black-70::placeholder {
    color: rgba(0,0,0,0.7);
  }

  .xl\:placeholder-transparent-black-90:-ms-input-placeholder {
    color: rgba(0,0,0,0.9);
  }

  .xl\:placeholder-transparent-black-90::placeholder {
    color: rgba(0,0,0,0.9);
  }

  .xl\:placeholder-transparent-white-10:-ms-input-placeholder {
    color: rgba(255,255,255,0.1);
  }

  .xl\:placeholder-transparent-white-10::placeholder {
    color: rgba(255,255,255,0.1);
  }

  .xl\:placeholder-transparent-white-30:-ms-input-placeholder {
    color: rgba(255,255,255,0.3);
  }

  .xl\:placeholder-transparent-white-30::placeholder {
    color: rgba(255,255,255,0.3);
  }

  .xl\:placeholder-transparent-white-50:-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
  }

  .xl\:placeholder-transparent-white-50::placeholder {
    color: rgba(255,255,255,0.5);
  }

  .xl\:placeholder-transparent-white-70:-ms-input-placeholder {
    color: rgba(255,255,255,0.7);
  }

  .xl\:placeholder-transparent-white-70::placeholder {
    color: rgba(255,255,255,0.7);
  }

  .xl\:placeholder-transparent-white-90:-ms-input-placeholder {
    color: rgba(255,255,255,0.9);
  }

  .xl\:placeholder-transparent-white-90::placeholder {
    color: rgba(255,255,255,0.9);
  }

  .xl\:placeholder-vr-dark-blue:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .xl\:placeholder-vr-dark-blue::placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .xl\:placeholder-vr-neon-green:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .xl\:placeholder-vr-neon-green::placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent;
  }

  .xl\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  .xl\:focus\:placeholder-black:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-black:focus::placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-white:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-white:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blurple-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blurple-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blurple-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blurple-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blurple-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blurple-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blurple-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blurple-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blurple-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blurple-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blurple-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blurple-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-orange-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-red-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-yellow-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-facebook-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-facebook-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-facebook-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-facebook-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-snapchat-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-snapchat-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-snapchat-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-snapchat-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-messenger-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-messenger-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-messenger-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-messenger-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-twitter-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-twitter-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-twitter-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-twitter-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-transparent-black-10:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.1);
  }

  .xl\:focus\:placeholder-transparent-black-10:focus::placeholder {
    color: rgba(0,0,0,0.1);
  }

  .xl\:focus\:placeholder-transparent-black-30:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.3);
  }

  .xl\:focus\:placeholder-transparent-black-30:focus::placeholder {
    color: rgba(0,0,0,0.3);
  }

  .xl\:focus\:placeholder-transparent-black-50:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.5);
  }

  .xl\:focus\:placeholder-transparent-black-50:focus::placeholder {
    color: rgba(0,0,0,0.5);
  }

  .xl\:focus\:placeholder-transparent-black-70:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.7);
  }

  .xl\:focus\:placeholder-transparent-black-70:focus::placeholder {
    color: rgba(0,0,0,0.7);
  }

  .xl\:focus\:placeholder-transparent-black-90:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.9);
  }

  .xl\:focus\:placeholder-transparent-black-90:focus::placeholder {
    color: rgba(0,0,0,0.9);
  }

  .xl\:focus\:placeholder-transparent-white-10:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.1);
  }

  .xl\:focus\:placeholder-transparent-white-10:focus::placeholder {
    color: rgba(255,255,255,0.1);
  }

  .xl\:focus\:placeholder-transparent-white-30:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.3);
  }

  .xl\:focus\:placeholder-transparent-white-30:focus::placeholder {
    color: rgba(255,255,255,0.3);
  }

  .xl\:focus\:placeholder-transparent-white-50:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
  }

  .xl\:focus\:placeholder-transparent-white-50:focus::placeholder {
    color: rgba(255,255,255,0.5);
  }

  .xl\:focus\:placeholder-transparent-white-70:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.7);
  }

  .xl\:focus\:placeholder-transparent-white-70:focus::placeholder {
    color: rgba(255,255,255,0.7);
  }

  .xl\:focus\:placeholder-transparent-white-90:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.9);
  }

  .xl\:focus\:placeholder-transparent-white-90:focus::placeholder {
    color: rgba(255,255,255,0.9);
  }

  .xl\:focus\:placeholder-vr-dark-blue:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-vr-dark-blue:focus::placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-vr-neon-green:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-vr-neon-green:focus::placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .xl\:placeholder-opacity-0:-ms-input-placeholder {
    --placeholder-opacity: 0;
  }

  .xl\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0;
  }

  .xl\:placeholder-opacity-25:-ms-input-placeholder {
    --placeholder-opacity: 0.25;
  }

  .xl\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25;
  }

  .xl\:placeholder-opacity-50:-ms-input-placeholder {
    --placeholder-opacity: 0.5;
  }

  .xl\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5;
  }

  .xl\:placeholder-opacity-75:-ms-input-placeholder {
    --placeholder-opacity: 0.75;
  }

  .xl\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75;
  }

  .xl\:placeholder-opacity-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
  }

  .xl\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1;
  }

  .xl\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
    --placeholder-opacity: 0;
  }

  .xl\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0;
  }

  .xl\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.25;
  }

  .xl\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25;
  }

  .xl\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.5;
  }

  .xl\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5;
  }

  .xl\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.75;
  }

  .xl\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75;
  }

  .xl\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
  }

  .xl\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1;
  }

  .xl\:pointer-events-none {
    pointer-events: none;
  }

  .xl\:pointer-events-auto {
    pointer-events: auto;
  }

  .xl\:static {
    position: static;
  }

  .xl\:fixed {
    position: fixed;
  }

  .xl\:absolute {
    position: absolute;
  }

  .xl\:relative {
    position: relative;
  }

  .xl\:sticky {
    position: sticky;
  }

  .xl\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .xl\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .xl\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  .xl\:inset-x-0 {
    right: 0;
    left: 0;
  }

  .xl\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .xl\:inset-x-auto {
    right: auto;
    left: auto;
  }

  .xl\:top-0 {
    top: 0;
  }

  .xl\:right-0 {
    right: 0;
  }

  .xl\:bottom-0 {
    bottom: 0;
  }

  .xl\:left-0 {
    left: 0;
  }

  .xl\:top-auto {
    top: auto;
  }

  .xl\:right-auto {
    right: auto;
  }

  .xl\:bottom-auto {
    bottom: auto;
  }

  .xl\:left-auto {
    left: auto;
  }

  .xl\:resize-none {
    resize: none;
  }

  .xl\:resize-y {
    resize: vertical;
  }

  .xl\:resize-x {
    resize: horizontal;
  }

  .xl\:resize {
    resize: both;
  }

  .xl\:shadow-xs {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .xl\:shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .xl\:shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .xl\:shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .xl\:shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .xl\:shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .xl\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .xl\:shadow-none {
    box-shadow: none;
  }

  .xl\:hover\:shadow-xs:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .xl\:hover\:shadow-sm:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .xl\:hover\:shadow:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:hover\:shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .xl\:hover\:shadow-lg:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .xl\:hover\:shadow-xl:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .xl\:hover\:shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .xl\:hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:hover\:shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .xl\:hover\:shadow-none:hover {
    box-shadow: none;
  }

  .xl\:focus\:shadow-xs:focus {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .xl\:focus\:shadow-sm:focus {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .xl\:focus\:shadow:focus {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:focus\:shadow-md:focus {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .xl\:focus\:shadow-lg:focus {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .xl\:focus\:shadow-xl:focus {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .xl\:focus\:shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .xl\:focus\:shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .xl\:focus\:shadow-none:focus {
    box-shadow: none;
  }

  .xl\:fill-current {
    fill: currentColor;
  }

  .xl\:stroke-current {
    stroke: currentColor;
  }

  .xl\:stroke-0 {
    stroke-width: 0;
  }

  .xl\:stroke-1 {
    stroke-width: 1;
  }

  .xl\:stroke-2 {
    stroke-width: 2;
  }

  .xl\:table-auto {
    table-layout: auto;
  }

  .xl\:table-fixed {
    table-layout: fixed;
  }

  .xl\:text-left {
    text-align: left;
  }

  .xl\:text-center {
    text-align: center;
  }

  .xl\:text-right {
    text-align: right;
  }

  .xl\:text-justify {
    text-align: justify;
  }

  .xl\:text-transparent {
    color: transparent;
  }

  .xl\:text-black {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .xl\:text-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xl\:text-gray-100 {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .xl\:text-gray-200 {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .xl\:text-gray-300 {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .xl\:text-gray-400 {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .xl\:text-gray-500 {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .xl\:text-gray-600 {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .xl\:text-gray-700 {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .xl\:text-gray-800 {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .xl\:text-gray-900 {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .xl\:text-blue-100 {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .xl\:text-blue-200 {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .xl\:text-blue-300 {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .xl\:text-blue-400 {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .xl\:text-blue-500 {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .xl\:text-blue-600 {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .xl\:text-blue-700 {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .xl\:text-blue-800 {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .xl\:text-blue-900 {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .xl\:text-blurple-100 {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .xl\:text-blurple-200 {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .xl\:text-blurple-300 {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .xl\:text-blurple-400 {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .xl\:text-blurple-500 {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .xl\:text-blurple-700 {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .xl\:text-green-300 {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .xl\:text-green-500 {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .xl\:text-green-700 {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .xl\:text-orange-100 {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .xl\:text-orange-200 {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .xl\:text-orange-300 {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .xl\:text-orange-400 {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .xl\:text-orange-500 {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .xl\:text-orange-600 {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .xl\:text-orange-700 {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .xl\:text-orange-800 {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .xl\:text-orange-900 {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .xl\:text-purple-100 {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .xl\:text-purple-200 {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .xl\:text-purple-300 {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .xl\:text-purple-400 {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .xl\:text-purple-500 {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .xl\:text-purple-600 {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .xl\:text-purple-700 {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .xl\:text-purple-800 {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .xl\:text-purple-900 {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .xl\:text-red-300 {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .xl\:text-red-500 {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .xl\:text-red-700 {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .xl\:text-teal-100 {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .xl\:text-teal-200 {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .xl\:text-teal-300 {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .xl\:text-teal-400 {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .xl\:text-teal-500 {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .xl\:text-teal-600 {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .xl\:text-teal-700 {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .xl\:text-teal-800 {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .xl\:text-teal-900 {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .xl\:text-yellow-100 {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .xl\:text-yellow-200 {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .xl\:text-yellow-300 {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .xl\:text-yellow-400 {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .xl\:text-yellow-500 {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .xl\:text-yellow-600 {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .xl\:text-yellow-700 {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .xl\:text-yellow-800 {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .xl\:text-yellow-900 {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .xl\:text-facebook-400 {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .xl\:text-facebook-500 {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xl\:text-snapchat-400 {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .xl\:text-snapchat-500 {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xl\:text-messenger-400 {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .xl\:text-messenger-500 {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .xl\:text-twitter-400 {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .xl\:text-twitter-500 {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .xl\:text-transparent-black-10 {
    color: rgba(0,0,0,0.1);
  }

  .xl\:text-transparent-black-30 {
    color: rgba(0,0,0,0.3);
  }

  .xl\:text-transparent-black-50 {
    color: rgba(0,0,0,0.5);
  }

  .xl\:text-transparent-black-70 {
    color: rgba(0,0,0,0.7);
  }

  .xl\:text-transparent-black-90 {
    color: rgba(0,0,0,0.9);
  }

  .xl\:text-transparent-white-10 {
    color: rgba(255,255,255,0.1);
  }

  .xl\:text-transparent-white-30 {
    color: rgba(255,255,255,0.3);
  }

  .xl\:text-transparent-white-50 {
    color: rgba(255,255,255,0.5);
  }

  .xl\:text-transparent-white-70 {
    color: rgba(255,255,255,0.7);
  }

  .xl\:text-transparent-white-90 {
    color: rgba(255,255,255,0.9);
  }

  .xl\:text-vr-dark-blue {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .xl\:text-vr-neon-green {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .xl\:active\:text-transparent:active {
    color: transparent;
  }

  .xl\:active\:text-black:active {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .xl\:active\:text-white:active {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xl\:active\:text-gray-100:active {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .xl\:active\:text-gray-200:active {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .xl\:active\:text-gray-300:active {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .xl\:active\:text-gray-400:active {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .xl\:active\:text-gray-500:active {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .xl\:active\:text-gray-600:active {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .xl\:active\:text-gray-700:active {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .xl\:active\:text-gray-800:active {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .xl\:active\:text-gray-900:active {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .xl\:active\:text-blue-100:active {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .xl\:active\:text-blue-200:active {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .xl\:active\:text-blue-300:active {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .xl\:active\:text-blue-400:active {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .xl\:active\:text-blue-500:active {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .xl\:active\:text-blue-600:active {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .xl\:active\:text-blue-700:active {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .xl\:active\:text-blue-800:active {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .xl\:active\:text-blue-900:active {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .xl\:active\:text-blurple-100:active {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .xl\:active\:text-blurple-200:active {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .xl\:active\:text-blurple-300:active {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .xl\:active\:text-blurple-400:active {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .xl\:active\:text-blurple-500:active {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .xl\:active\:text-blurple-700:active {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .xl\:active\:text-green-300:active {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .xl\:active\:text-green-500:active {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .xl\:active\:text-green-700:active {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .xl\:active\:text-orange-100:active {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .xl\:active\:text-orange-200:active {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .xl\:active\:text-orange-300:active {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .xl\:active\:text-orange-400:active {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .xl\:active\:text-orange-500:active {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .xl\:active\:text-orange-600:active {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .xl\:active\:text-orange-700:active {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .xl\:active\:text-orange-800:active {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .xl\:active\:text-orange-900:active {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .xl\:active\:text-purple-100:active {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .xl\:active\:text-purple-200:active {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .xl\:active\:text-purple-300:active {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .xl\:active\:text-purple-400:active {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .xl\:active\:text-purple-500:active {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .xl\:active\:text-purple-600:active {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .xl\:active\:text-purple-700:active {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .xl\:active\:text-purple-800:active {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .xl\:active\:text-purple-900:active {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .xl\:active\:text-red-300:active {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .xl\:active\:text-red-500:active {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .xl\:active\:text-red-700:active {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .xl\:active\:text-teal-100:active {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .xl\:active\:text-teal-200:active {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .xl\:active\:text-teal-300:active {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .xl\:active\:text-teal-400:active {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .xl\:active\:text-teal-500:active {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .xl\:active\:text-teal-600:active {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .xl\:active\:text-teal-700:active {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .xl\:active\:text-teal-800:active {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .xl\:active\:text-teal-900:active {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .xl\:active\:text-yellow-100:active {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .xl\:active\:text-yellow-200:active {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .xl\:active\:text-yellow-300:active {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .xl\:active\:text-yellow-400:active {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .xl\:active\:text-yellow-500:active {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .xl\:active\:text-yellow-600:active {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .xl\:active\:text-yellow-700:active {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .xl\:active\:text-yellow-800:active {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .xl\:active\:text-yellow-900:active {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .xl\:active\:text-facebook-400:active {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .xl\:active\:text-facebook-500:active {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xl\:active\:text-snapchat-400:active {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .xl\:active\:text-snapchat-500:active {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xl\:active\:text-messenger-400:active {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .xl\:active\:text-messenger-500:active {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .xl\:active\:text-twitter-400:active {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .xl\:active\:text-twitter-500:active {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .xl\:active\:text-transparent-black-10:active {
    color: rgba(0,0,0,0.1);
  }

  .xl\:active\:text-transparent-black-30:active {
    color: rgba(0,0,0,0.3);
  }

  .xl\:active\:text-transparent-black-50:active {
    color: rgba(0,0,0,0.5);
  }

  .xl\:active\:text-transparent-black-70:active {
    color: rgba(0,0,0,0.7);
  }

  .xl\:active\:text-transparent-black-90:active {
    color: rgba(0,0,0,0.9);
  }

  .xl\:active\:text-transparent-white-10:active {
    color: rgba(255,255,255,0.1);
  }

  .xl\:active\:text-transparent-white-30:active {
    color: rgba(255,255,255,0.3);
  }

  .xl\:active\:text-transparent-white-50:active {
    color: rgba(255,255,255,0.5);
  }

  .xl\:active\:text-transparent-white-70:active {
    color: rgba(255,255,255,0.7);
  }

  .xl\:active\:text-transparent-white-90:active {
    color: rgba(255,255,255,0.9);
  }

  .xl\:active\:text-vr-dark-blue:active {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .xl\:active\:text-vr-neon-green:active {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .xl\:hover\:text-transparent:hover {
    color: transparent;
  }

  .xl\:hover\:text-black:hover {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .xl\:hover\:text-white:hover {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xl\:hover\:text-gray-100:hover {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .xl\:hover\:text-gray-200:hover {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .xl\:hover\:text-gray-300:hover {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .xl\:hover\:text-gray-400:hover {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .xl\:hover\:text-gray-500:hover {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .xl\:hover\:text-gray-600:hover {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .xl\:hover\:text-gray-700:hover {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .xl\:hover\:text-gray-800:hover {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .xl\:hover\:text-gray-900:hover {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .xl\:hover\:text-blue-100:hover {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .xl\:hover\:text-blue-200:hover {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .xl\:hover\:text-blue-300:hover {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .xl\:hover\:text-blue-400:hover {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .xl\:hover\:text-blue-500:hover {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .xl\:hover\:text-blue-600:hover {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .xl\:hover\:text-blue-700:hover {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .xl\:hover\:text-blue-800:hover {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .xl\:hover\:text-blue-900:hover {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .xl\:hover\:text-blurple-100:hover {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .xl\:hover\:text-blurple-200:hover {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .xl\:hover\:text-blurple-300:hover {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .xl\:hover\:text-blurple-400:hover {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .xl\:hover\:text-blurple-500:hover {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .xl\:hover\:text-blurple-700:hover {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .xl\:hover\:text-green-300:hover {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .xl\:hover\:text-green-500:hover {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .xl\:hover\:text-green-700:hover {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .xl\:hover\:text-orange-100:hover {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .xl\:hover\:text-orange-200:hover {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .xl\:hover\:text-orange-300:hover {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .xl\:hover\:text-orange-400:hover {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .xl\:hover\:text-orange-500:hover {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .xl\:hover\:text-orange-600:hover {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .xl\:hover\:text-orange-700:hover {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .xl\:hover\:text-orange-800:hover {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .xl\:hover\:text-orange-900:hover {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .xl\:hover\:text-purple-100:hover {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .xl\:hover\:text-purple-200:hover {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .xl\:hover\:text-purple-300:hover {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .xl\:hover\:text-purple-400:hover {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .xl\:hover\:text-purple-500:hover {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .xl\:hover\:text-purple-600:hover {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .xl\:hover\:text-purple-700:hover {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .xl\:hover\:text-purple-800:hover {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .xl\:hover\:text-purple-900:hover {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .xl\:hover\:text-red-300:hover {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .xl\:hover\:text-red-500:hover {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .xl\:hover\:text-red-700:hover {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .xl\:hover\:text-teal-100:hover {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .xl\:hover\:text-teal-200:hover {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .xl\:hover\:text-teal-300:hover {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .xl\:hover\:text-teal-400:hover {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .xl\:hover\:text-teal-500:hover {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .xl\:hover\:text-teal-600:hover {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .xl\:hover\:text-teal-700:hover {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .xl\:hover\:text-teal-800:hover {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .xl\:hover\:text-teal-900:hover {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .xl\:hover\:text-yellow-100:hover {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .xl\:hover\:text-yellow-200:hover {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .xl\:hover\:text-yellow-300:hover {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .xl\:hover\:text-yellow-400:hover {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .xl\:hover\:text-yellow-500:hover {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .xl\:hover\:text-yellow-600:hover {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .xl\:hover\:text-yellow-700:hover {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .xl\:hover\:text-yellow-800:hover {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .xl\:hover\:text-yellow-900:hover {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .xl\:hover\:text-facebook-400:hover {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .xl\:hover\:text-facebook-500:hover {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xl\:hover\:text-snapchat-400:hover {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .xl\:hover\:text-snapchat-500:hover {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xl\:hover\:text-messenger-400:hover {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .xl\:hover\:text-messenger-500:hover {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .xl\:hover\:text-twitter-400:hover {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .xl\:hover\:text-twitter-500:hover {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .xl\:hover\:text-transparent-black-10:hover {
    color: rgba(0,0,0,0.1);
  }

  .xl\:hover\:text-transparent-black-30:hover {
    color: rgba(0,0,0,0.3);
  }

  .xl\:hover\:text-transparent-black-50:hover {
    color: rgba(0,0,0,0.5);
  }

  .xl\:hover\:text-transparent-black-70:hover {
    color: rgba(0,0,0,0.7);
  }

  .xl\:hover\:text-transparent-black-90:hover {
    color: rgba(0,0,0,0.9);
  }

  .xl\:hover\:text-transparent-white-10:hover {
    color: rgba(255,255,255,0.1);
  }

  .xl\:hover\:text-transparent-white-30:hover {
    color: rgba(255,255,255,0.3);
  }

  .xl\:hover\:text-transparent-white-50:hover {
    color: rgba(255,255,255,0.5);
  }

  .xl\:hover\:text-transparent-white-70:hover {
    color: rgba(255,255,255,0.7);
  }

  .xl\:hover\:text-transparent-white-90:hover {
    color: rgba(255,255,255,0.9);
  }

  .xl\:hover\:text-vr-dark-blue:hover {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .xl\:hover\:text-vr-neon-green:hover {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .xl\:focus\:text-transparent:focus {
    color: transparent;
  }

  .xl\:focus\:text-black:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .xl\:focus\:text-white:focus {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xl\:focus\:text-gray-100:focus {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .xl\:focus\:text-gray-200:focus {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .xl\:focus\:text-gray-300:focus {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .xl\:focus\:text-gray-400:focus {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .xl\:focus\:text-gray-500:focus {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .xl\:focus\:text-gray-600:focus {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .xl\:focus\:text-gray-700:focus {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .xl\:focus\:text-gray-800:focus {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .xl\:focus\:text-gray-900:focus {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .xl\:focus\:text-blue-100:focus {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .xl\:focus\:text-blue-200:focus {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .xl\:focus\:text-blue-300:focus {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .xl\:focus\:text-blue-400:focus {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .xl\:focus\:text-blue-500:focus {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .xl\:focus\:text-blue-600:focus {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .xl\:focus\:text-blue-700:focus {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .xl\:focus\:text-blue-800:focus {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .xl\:focus\:text-blue-900:focus {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .xl\:focus\:text-blurple-100:focus {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .xl\:focus\:text-blurple-200:focus {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .xl\:focus\:text-blurple-300:focus {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .xl\:focus\:text-blurple-400:focus {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .xl\:focus\:text-blurple-500:focus {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .xl\:focus\:text-blurple-700:focus {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .xl\:focus\:text-green-300:focus {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .xl\:focus\:text-green-500:focus {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .xl\:focus\:text-green-700:focus {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .xl\:focus\:text-orange-100:focus {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .xl\:focus\:text-orange-200:focus {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .xl\:focus\:text-orange-300:focus {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .xl\:focus\:text-orange-400:focus {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .xl\:focus\:text-orange-500:focus {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .xl\:focus\:text-orange-600:focus {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .xl\:focus\:text-orange-700:focus {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .xl\:focus\:text-orange-800:focus {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .xl\:focus\:text-orange-900:focus {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .xl\:focus\:text-purple-100:focus {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .xl\:focus\:text-purple-200:focus {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .xl\:focus\:text-purple-300:focus {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .xl\:focus\:text-purple-400:focus {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .xl\:focus\:text-purple-500:focus {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .xl\:focus\:text-purple-600:focus {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .xl\:focus\:text-purple-700:focus {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .xl\:focus\:text-purple-800:focus {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .xl\:focus\:text-purple-900:focus {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .xl\:focus\:text-red-300:focus {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .xl\:focus\:text-red-500:focus {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .xl\:focus\:text-red-700:focus {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .xl\:focus\:text-teal-100:focus {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .xl\:focus\:text-teal-200:focus {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .xl\:focus\:text-teal-300:focus {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .xl\:focus\:text-teal-400:focus {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .xl\:focus\:text-teal-500:focus {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .xl\:focus\:text-teal-600:focus {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .xl\:focus\:text-teal-700:focus {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .xl\:focus\:text-teal-800:focus {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .xl\:focus\:text-teal-900:focus {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .xl\:focus\:text-yellow-100:focus {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .xl\:focus\:text-yellow-200:focus {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .xl\:focus\:text-yellow-300:focus {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .xl\:focus\:text-yellow-400:focus {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .xl\:focus\:text-yellow-500:focus {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .xl\:focus\:text-yellow-600:focus {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .xl\:focus\:text-yellow-700:focus {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .xl\:focus\:text-yellow-800:focus {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .xl\:focus\:text-yellow-900:focus {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .xl\:focus\:text-facebook-400:focus {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .xl\:focus\:text-facebook-500:focus {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xl\:focus\:text-snapchat-400:focus {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .xl\:focus\:text-snapchat-500:focus {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xl\:focus\:text-messenger-400:focus {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .xl\:focus\:text-messenger-500:focus {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .xl\:focus\:text-twitter-400:focus {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .xl\:focus\:text-twitter-500:focus {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .xl\:focus\:text-transparent-black-10:focus {
    color: rgba(0,0,0,0.1);
  }

  .xl\:focus\:text-transparent-black-30:focus {
    color: rgba(0,0,0,0.3);
  }

  .xl\:focus\:text-transparent-black-50:focus {
    color: rgba(0,0,0,0.5);
  }

  .xl\:focus\:text-transparent-black-70:focus {
    color: rgba(0,0,0,0.7);
  }

  .xl\:focus\:text-transparent-black-90:focus {
    color: rgba(0,0,0,0.9);
  }

  .xl\:focus\:text-transparent-white-10:focus {
    color: rgba(255,255,255,0.1);
  }

  .xl\:focus\:text-transparent-white-30:focus {
    color: rgba(255,255,255,0.3);
  }

  .xl\:focus\:text-transparent-white-50:focus {
    color: rgba(255,255,255,0.5);
  }

  .xl\:focus\:text-transparent-white-70:focus {
    color: rgba(255,255,255,0.7);
  }

  .xl\:focus\:text-transparent-white-90:focus {
    color: rgba(255,255,255,0.9);
  }

  .xl\:focus\:text-vr-dark-blue:focus {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .xl\:focus\:text-vr-neon-green:focus {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .xl\:text-opacity-0 {
    --text-opacity: 0;
  }

  .xl\:text-opacity-25 {
    --text-opacity: 0.25;
  }

  .xl\:text-opacity-50 {
    --text-opacity: 0.5;
  }

  .xl\:text-opacity-75 {
    --text-opacity: 0.75;
  }

  .xl\:text-opacity-100 {
    --text-opacity: 1;
  }

  .xl\:hover\:text-opacity-0:hover {
    --text-opacity: 0;
  }

  .xl\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25;
  }

  .xl\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5;
  }

  .xl\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75;
  }

  .xl\:hover\:text-opacity-100:hover {
    --text-opacity: 1;
  }

  .xl\:focus\:text-opacity-0:focus {
    --text-opacity: 0;
  }

  .xl\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25;
  }

  .xl\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5;
  }

  .xl\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75;
  }

  .xl\:focus\:text-opacity-100:focus {
    --text-opacity: 1;
  }

  .xl\:italic {
    font-style: italic;
  }

  .xl\:not-italic {
    font-style: normal;
  }

  .xl\:uppercase {
    text-transform: uppercase;
  }

  .xl\:lowercase {
    text-transform: lowercase;
  }

  .xl\:capitalize {
    text-transform: capitalize;
  }

  .xl\:normal-case {
    text-transform: none;
  }

  .xl\:underline {
    text-decoration: underline;
  }

  .xl\:line-through {
    text-decoration: line-through;
  }

  .xl\:no-underline {
    text-decoration: none;
  }

  .xl\:hover\:underline:hover {
    text-decoration: underline;
  }

  .xl\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .xl\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .xl\:focus\:underline:focus {
    text-decoration: underline;
  }

  .xl\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .xl\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .xl\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .xl\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .xl\: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,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    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);
  }

  .xl\:normal-nums {
    font-variant-numeric: normal;
  }

  .xl\:ordinal {
    --font-variant-numeric-ordinal: ordinal;
  }

  .xl\:slashed-zero {
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  .xl\:lining-nums {
    --font-variant-numeric-figure: lining-nums;
  }

  .xl\:oldstyle-nums {
    --font-variant-numeric-figure: oldstyle-nums;
  }

  .xl\:proportional-nums {
    --font-variant-numeric-spacing: proportional-nums;
  }

  .xl\:tabular-nums {
    --font-variant-numeric-spacing: tabular-nums;
  }

  .xl\:diagonal-fractions {
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  .xl\:stacked-fractions {
    --font-variant-numeric-fraction: stacked-fractions;
  }

  .xl\:tracking-tighter {
    letter-spacing: -0.05em;
  }

  .xl\:tracking-tight {
    letter-spacing: -0.025em;
  }

  .xl\:tracking-normal {
    letter-spacing: 0;
  }

  .xl\:tracking-wide {
    letter-spacing: 0.025em;
  }

  .xl\:tracking-wider {
    letter-spacing: 0.05em;
  }

  .xl\:tracking-widest {
    letter-spacing: 0.1em;
  }

  .xl\:select-none {
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .xl\:select-text {
    -webkit-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }

  .xl\:select-all {
    -webkit-user-select: all;
        -ms-user-select: all;
            user-select: all;
  }

  .xl\:select-auto {
    -webkit-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
  }

  .xl\:align-baseline {
    vertical-align: baseline;
  }

  .xl\:align-top {
    vertical-align: top;
  }

  .xl\:align-middle {
    vertical-align: middle;
  }

  .xl\:align-bottom {
    vertical-align: bottom;
  }

  .xl\:align-text-top {
    vertical-align: text-top;
  }

  .xl\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .xl\:visible {
    visibility: visible;
  }

  .xl\:invisible {
    visibility: hidden;
  }

  .xl\:whitespace-normal {
    white-space: normal;
  }

  .xl\:whitespace-no-wrap {
    white-space: nowrap;
  }

  .xl\:whitespace-pre {
    white-space: pre;
  }

  .xl\:whitespace-pre-line {
    white-space: pre-line;
  }

  .xl\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .xl\:break-normal {
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .xl\:break-words {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .xl\:break-all {
    word-break: break-all;
  }

  .xl\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .xl\:w-0 {
    width: 0;
  }

  .xl\:w-1 {
    width: 0.25rem;
  }

  .xl\:w-2 {
    width: 0.5rem;
  }

  .xl\:w-3 {
    width: 0.75rem;
  }

  .xl\:w-4 {
    width: 1rem;
  }

  .xl\:w-5 {
    width: 1.25rem;
  }

  .xl\:w-6 {
    width: 1.5rem;
  }

  .xl\:w-8 {
    width: 2rem;
  }

  .xl\:w-10 {
    width: 2.5rem;
  }

  .xl\:w-12 {
    width: 3rem;
  }

  .xl\:w-16 {
    width: 4rem;
  }

  .xl\:w-20 {
    width: 5rem;
  }

  .xl\:w-24 {
    width: 6rem;
  }

  .xl\:w-32 {
    width: 8rem;
  }

  .xl\:w-40 {
    width: 10rem;
  }

  .xl\:w-48 {
    width: 12rem;
  }

  .xl\:w-56 {
    width: 14rem;
  }

  .xl\:w-64 {
    width: 16rem;
  }

  .xl\:w-auto {
    width: auto;
  }

  .xl\:w-px {
    width: 1px;
  }

  .xl\:w-1\/2 {
    width: 50%;
  }

  .xl\:w-1\/3 {
    width: 33.333333%;
  }

  .xl\:w-2\/3 {
    width: 66.666667%;
  }

  .xl\:w-1\/4 {
    width: 25%;
  }

  .xl\:w-2\/4 {
    width: 50%;
  }

  .xl\:w-3\/4 {
    width: 75%;
  }

  .xl\:w-1\/5 {
    width: 20%;
  }

  .xl\:w-2\/5 {
    width: 40%;
  }

  .xl\:w-3\/5 {
    width: 60%;
  }

  .xl\:w-4\/5 {
    width: 80%;
  }

  .xl\:w-1\/6 {
    width: 16.666667%;
  }

  .xl\:w-2\/6 {
    width: 33.333333%;
  }

  .xl\:w-3\/6 {
    width: 50%;
  }

  .xl\:w-4\/6 {
    width: 66.666667%;
  }

  .xl\:w-5\/6 {
    width: 83.333333%;
  }

  .xl\:w-1\/12 {
    width: 8.333333%;
  }

  .xl\:w-2\/12 {
    width: 16.666667%;
  }

  .xl\:w-3\/12 {
    width: 25%;
  }

  .xl\:w-4\/12 {
    width: 33.333333%;
  }

  .xl\:w-5\/12 {
    width: 41.666667%;
  }

  .xl\:w-6\/12 {
    width: 50%;
  }

  .xl\:w-7\/12 {
    width: 58.333333%;
  }

  .xl\:w-8\/12 {
    width: 66.666667%;
  }

  .xl\:w-9\/12 {
    width: 75%;
  }

  .xl\:w-10\/12 {
    width: 83.333333%;
  }

  .xl\:w-11\/12 {
    width: 91.666667%;
  }

  .xl\:w-full {
    width: 100%;
  }

  .xl\:w-screen {
    width: 100vw;
  }

  .xl\:z-0 {
    z-index: 0;
  }

  .xl\:z-10 {
    z-index: 10;
  }

  .xl\:z-20 {
    z-index: 20;
  }

  .xl\:z-30 {
    z-index: 30;
  }

  .xl\:z-40 {
    z-index: 40;
  }

  .xl\:z-50 {
    z-index: 50;
  }

  .xl\:z-auto {
    z-index: auto;
  }

  .xl\:gap-0 {
    grid-gap: 0;
    gap: 0;
  }

  .xl\:gap-1 {
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  .xl\:gap-2 {
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .xl\:gap-3 {
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  .xl\:gap-4 {
    grid-gap: 1rem;
    gap: 1rem;
  }

  .xl\:gap-5 {
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  .xl\:gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  .xl\:gap-8 {
    grid-gap: 2rem;
    gap: 2rem;
  }

  .xl\:gap-10 {
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  .xl\:gap-12 {
    grid-gap: 3rem;
    gap: 3rem;
  }

  .xl\:gap-16 {
    grid-gap: 4rem;
    gap: 4rem;
  }

  .xl\:gap-20 {
    grid-gap: 5rem;
    gap: 5rem;
  }

  .xl\:gap-24 {
    grid-gap: 6rem;
    gap: 6rem;
  }

  .xl\:gap-32 {
    grid-gap: 8rem;
    gap: 8rem;
  }

  .xl\:gap-40 {
    grid-gap: 10rem;
    gap: 10rem;
  }

  .xl\:gap-48 {
    grid-gap: 12rem;
    gap: 12rem;
  }

  .xl\:gap-56 {
    grid-gap: 14rem;
    gap: 14rem;
  }

  .xl\:gap-64 {
    grid-gap: 16rem;
    gap: 16rem;
  }

  .xl\:gap-px {
    grid-gap: 1px;
    gap: 1px;
  }

  .xl\:col-gap-0 {
    grid-column-gap: 0;
    column-gap: 0;
  }

  .xl\:col-gap-1 {
    grid-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }

  .xl\:col-gap-2 {
    grid-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .xl\:col-gap-3 {
    grid-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  .xl\:col-gap-4 {
    grid-column-gap: 1rem;
    column-gap: 1rem;
  }

  .xl\:col-gap-5 {
    grid-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .xl\:col-gap-6 {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .xl\:col-gap-8 {
    grid-column-gap: 2rem;
    column-gap: 2rem;
  }

  .xl\:col-gap-10 {
    grid-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .xl\:col-gap-12 {
    grid-column-gap: 3rem;
    column-gap: 3rem;
  }

  .xl\:col-gap-16 {
    grid-column-gap: 4rem;
    column-gap: 4rem;
  }

  .xl\:col-gap-20 {
    grid-column-gap: 5rem;
    column-gap: 5rem;
  }

  .xl\:col-gap-24 {
    grid-column-gap: 6rem;
    column-gap: 6rem;
  }

  .xl\:col-gap-32 {
    grid-column-gap: 8rem;
    column-gap: 8rem;
  }

  .xl\:col-gap-40 {
    grid-column-gap: 10rem;
    column-gap: 10rem;
  }

  .xl\:col-gap-48 {
    grid-column-gap: 12rem;
    column-gap: 12rem;
  }

  .xl\:col-gap-56 {
    grid-column-gap: 14rem;
    column-gap: 14rem;
  }

  .xl\:col-gap-64 {
    grid-column-gap: 16rem;
    column-gap: 16rem;
  }

  .xl\:col-gap-px {
    grid-column-gap: 1px;
    column-gap: 1px;
  }

  .xl\:gap-x-0 {
    grid-column-gap: 0;
    column-gap: 0;
  }

  .xl\:gap-x-1 {
    grid-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }

  .xl\:gap-x-2 {
    grid-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .xl\:gap-x-3 {
    grid-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  .xl\:gap-x-4 {
    grid-column-gap: 1rem;
    column-gap: 1rem;
  }

  .xl\:gap-x-5 {
    grid-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .xl\:gap-x-6 {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .xl\:gap-x-8 {
    grid-column-gap: 2rem;
    column-gap: 2rem;
  }

  .xl\:gap-x-10 {
    grid-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .xl\:gap-x-12 {
    grid-column-gap: 3rem;
    column-gap: 3rem;
  }

  .xl\:gap-x-16 {
    grid-column-gap: 4rem;
    column-gap: 4rem;
  }

  .xl\:gap-x-20 {
    grid-column-gap: 5rem;
    column-gap: 5rem;
  }

  .xl\:gap-x-24 {
    grid-column-gap: 6rem;
    column-gap: 6rem;
  }

  .xl\:gap-x-32 {
    grid-column-gap: 8rem;
    column-gap: 8rem;
  }

  .xl\:gap-x-40 {
    grid-column-gap: 10rem;
    column-gap: 10rem;
  }

  .xl\:gap-x-48 {
    grid-column-gap: 12rem;
    column-gap: 12rem;
  }

  .xl\:gap-x-56 {
    grid-column-gap: 14rem;
    column-gap: 14rem;
  }

  .xl\:gap-x-64 {
    grid-column-gap: 16rem;
    column-gap: 16rem;
  }

  .xl\:gap-x-px {
    grid-column-gap: 1px;
    column-gap: 1px;
  }

  .xl\:row-gap-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

  .xl\:row-gap-1 {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .xl\:row-gap-2 {
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .xl\:row-gap-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .xl\:row-gap-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .xl\:row-gap-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .xl\:row-gap-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .xl\:row-gap-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .xl\:row-gap-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .xl\:row-gap-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .xl\:row-gap-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .xl\:row-gap-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .xl\:row-gap-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .xl\:row-gap-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .xl\:row-gap-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .xl\:row-gap-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .xl\:row-gap-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .xl\:row-gap-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .xl\:row-gap-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .xl\:gap-y-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

  .xl\:gap-y-1 {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .xl\:gap-y-2 {
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .xl\:gap-y-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .xl\:gap-y-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .xl\:gap-y-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .xl\:gap-y-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .xl\:gap-y-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .xl\:gap-y-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .xl\:gap-y-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .xl\:gap-y-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .xl\:gap-y-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .xl\:gap-y-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .xl\:gap-y-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .xl\:gap-y-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .xl\:gap-y-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .xl\:gap-y-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .xl\:gap-y-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .xl\:gap-y-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .xl\:grid-flow-row {
    grid-auto-flow: row;
  }

  .xl\:grid-flow-col {
    grid-auto-flow: column;
  }

  .xl\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .xl\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .xl\:grid-cols-none {
    grid-template-columns: none;
  }

  .xl\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  .xl\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  .xl\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  .xl\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .xl\:col-auto {
    grid-column: auto;
  }

  .xl\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .xl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xl\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .xl\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .xl\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .xl\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .xl\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .xl\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .xl\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .xl\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .xl\:col-span-full {
    grid-column: 1 / -1;
  }

  .xl\:col-start-1 {
    grid-column-start: 1;
  }

  .xl\:col-start-2 {
    grid-column-start: 2;
  }

  .xl\:col-start-3 {
    grid-column-start: 3;
  }

  .xl\:col-start-4 {
    grid-column-start: 4;
  }

  .xl\:col-start-5 {
    grid-column-start: 5;
  }

  .xl\:col-start-6 {
    grid-column-start: 6;
  }

  .xl\:col-start-7 {
    grid-column-start: 7;
  }

  .xl\:col-start-8 {
    grid-column-start: 8;
  }

  .xl\:col-start-9 {
    grid-column-start: 9;
  }

  .xl\:col-start-10 {
    grid-column-start: 10;
  }

  .xl\:col-start-11 {
    grid-column-start: 11;
  }

  .xl\:col-start-12 {
    grid-column-start: 12;
  }

  .xl\:col-start-13 {
    grid-column-start: 13;
  }

  .xl\:col-start-auto {
    grid-column-start: auto;
  }

  .xl\:col-end-1 {
    grid-column-end: 1;
  }

  .xl\:col-end-2 {
    grid-column-end: 2;
  }

  .xl\:col-end-3 {
    grid-column-end: 3;
  }

  .xl\:col-end-4 {
    grid-column-end: 4;
  }

  .xl\:col-end-5 {
    grid-column-end: 5;
  }

  .xl\:col-end-6 {
    grid-column-end: 6;
  }

  .xl\:col-end-7 {
    grid-column-end: 7;
  }

  .xl\:col-end-8 {
    grid-column-end: 8;
  }

  .xl\:col-end-9 {
    grid-column-end: 9;
  }

  .xl\:col-end-10 {
    grid-column-end: 10;
  }

  .xl\:col-end-11 {
    grid-column-end: 11;
  }

  .xl\:col-end-12 {
    grid-column-end: 12;
  }

  .xl\:col-end-13 {
    grid-column-end: 13;
  }

  .xl\:col-end-auto {
    grid-column-end: auto;
  }

  .xl\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .xl\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-rows-none {
    grid-template-rows: none;
  }

  .xl\:auto-rows-auto {
    grid-auto-rows: auto;
  }

  .xl\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  .xl\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  .xl\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .xl\:row-auto {
    grid-row: auto;
  }

  .xl\:row-span-1 {
    grid-row: span 1 / span 1;
  }

  .xl\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .xl\:row-span-3 {
    grid-row: span 3 / span 3;
  }

  .xl\:row-span-4 {
    grid-row: span 4 / span 4;
  }

  .xl\:row-span-5 {
    grid-row: span 5 / span 5;
  }

  .xl\:row-span-6 {
    grid-row: span 6 / span 6;
  }

  .xl\:row-span-full {
    grid-row: 1 / -1;
  }

  .xl\:row-start-1 {
    grid-row-start: 1;
  }

  .xl\:row-start-2 {
    grid-row-start: 2;
  }

  .xl\:row-start-3 {
    grid-row-start: 3;
  }

  .xl\:row-start-4 {
    grid-row-start: 4;
  }

  .xl\:row-start-5 {
    grid-row-start: 5;
  }

  .xl\:row-start-6 {
    grid-row-start: 6;
  }

  .xl\:row-start-7 {
    grid-row-start: 7;
  }

  .xl\:row-start-auto {
    grid-row-start: auto;
  }

  .xl\:row-end-1 {
    grid-row-end: 1;
  }

  .xl\:row-end-2 {
    grid-row-end: 2;
  }

  .xl\:row-end-3 {
    grid-row-end: 3;
  }

  .xl\:row-end-4 {
    grid-row-end: 4;
  }

  .xl\:row-end-5 {
    grid-row-end: 5;
  }

  .xl\:row-end-6 {
    grid-row-end: 6;
  }

  .xl\:row-end-7 {
    grid-row-end: 7;
  }

  .xl\:row-end-auto {
    grid-row-end: auto;
  }

  .xl\:transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    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));
  }

  .xl\:transform-none {
    transform: none;
  }

  .xl\:origin-center {
    transform-origin: center;
  }

  .xl\:origin-top {
    transform-origin: top;
  }

  .xl\:origin-top-right {
    transform-origin: top right;
  }

  .xl\:origin-right {
    transform-origin: right;
  }

  .xl\:origin-bottom-right {
    transform-origin: bottom right;
  }

  .xl\:origin-bottom {
    transform-origin: bottom;
  }

  .xl\:origin-bottom-left {
    transform-origin: bottom left;
  }

  .xl\:origin-left {
    transform-origin: left;
  }

  .xl\:origin-top-left {
    transform-origin: top left;
  }

  .xl\:scale-0 {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .xl\:scale-50 {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .xl\:scale-75 {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .xl\:scale-90 {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .xl\:scale-95 {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .xl\:scale-100 {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .xl\:scale-105 {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .xl\:scale-110 {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .xl\:scale-125 {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .xl\:scale-150 {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .xl\:scale-x-0 {
    --transform-scale-x: 0;
  }

  .xl\:scale-x-50 {
    --transform-scale-x: .5;
  }

  .xl\:scale-x-75 {
    --transform-scale-x: .75;
  }

  .xl\:scale-x-90 {
    --transform-scale-x: .9;
  }

  .xl\:scale-x-95 {
    --transform-scale-x: .95;
  }

  .xl\:scale-x-100 {
    --transform-scale-x: 1;
  }

  .xl\:scale-x-105 {
    --transform-scale-x: 1.05;
  }

  .xl\:scale-x-110 {
    --transform-scale-x: 1.1;
  }

  .xl\:scale-x-125 {
    --transform-scale-x: 1.25;
  }

  .xl\:scale-x-150 {
    --transform-scale-x: 1.5;
  }

  .xl\:scale-y-0 {
    --transform-scale-y: 0;
  }

  .xl\:scale-y-50 {
    --transform-scale-y: .5;
  }

  .xl\:scale-y-75 {
    --transform-scale-y: .75;
  }

  .xl\:scale-y-90 {
    --transform-scale-y: .9;
  }

  .xl\:scale-y-95 {
    --transform-scale-y: .95;
  }

  .xl\:scale-y-100 {
    --transform-scale-y: 1;
  }

  .xl\:scale-y-105 {
    --transform-scale-y: 1.05;
  }

  .xl\:scale-y-110 {
    --transform-scale-y: 1.1;
  }

  .xl\:scale-y-125 {
    --transform-scale-y: 1.25;
  }

  .xl\:scale-y-150 {
    --transform-scale-y: 1.5;
  }

  .xl\:hover\:scale-0:hover {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .xl\:hover\:scale-50:hover {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .xl\:hover\:scale-75:hover {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .xl\:hover\:scale-90:hover {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .xl\:hover\:scale-95:hover {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .xl\:hover\:scale-100:hover {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .xl\:hover\:scale-105:hover {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .xl\:hover\:scale-110:hover {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .xl\:hover\:scale-125:hover {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .xl\:hover\:scale-150:hover {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .xl\:hover\:scale-x-0:hover {
    --transform-scale-x: 0;
  }

  .xl\:hover\:scale-x-50:hover {
    --transform-scale-x: .5;
  }

  .xl\:hover\:scale-x-75:hover {
    --transform-scale-x: .75;
  }

  .xl\:hover\:scale-x-90:hover {
    --transform-scale-x: .9;
  }

  .xl\:hover\:scale-x-95:hover {
    --transform-scale-x: .95;
  }

  .xl\:hover\:scale-x-100:hover {
    --transform-scale-x: 1;
  }

  .xl\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05;
  }

  .xl\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1;
  }

  .xl\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25;
  }

  .xl\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5;
  }

  .xl\:hover\:scale-y-0:hover {
    --transform-scale-y: 0;
  }

  .xl\:hover\:scale-y-50:hover {
    --transform-scale-y: .5;
  }

  .xl\:hover\:scale-y-75:hover {
    --transform-scale-y: .75;
  }

  .xl\:hover\:scale-y-90:hover {
    --transform-scale-y: .9;
  }

  .xl\:hover\:scale-y-95:hover {
    --transform-scale-y: .95;
  }

  .xl\:hover\:scale-y-100:hover {
    --transform-scale-y: 1;
  }

  .xl\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05;
  }

  .xl\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1;
  }

  .xl\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25;
  }

  .xl\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5;
  }

  .xl\:focus\:scale-0:focus {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .xl\:focus\:scale-50:focus {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .xl\:focus\:scale-75:focus {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .xl\:focus\:scale-90:focus {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .xl\:focus\:scale-95:focus {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .xl\:focus\:scale-100:focus {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .xl\:focus\:scale-105:focus {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .xl\:focus\:scale-110:focus {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .xl\:focus\:scale-125:focus {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .xl\:focus\:scale-150:focus {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .xl\:focus\:scale-x-0:focus {
    --transform-scale-x: 0;
  }

  .xl\:focus\:scale-x-50:focus {
    --transform-scale-x: .5;
  }

  .xl\:focus\:scale-x-75:focus {
    --transform-scale-x: .75;
  }

  .xl\:focus\:scale-x-90:focus {
    --transform-scale-x: .9;
  }

  .xl\:focus\:scale-x-95:focus {
    --transform-scale-x: .95;
  }

  .xl\:focus\:scale-x-100:focus {
    --transform-scale-x: 1;
  }

  .xl\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05;
  }

  .xl\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1;
  }

  .xl\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25;
  }

  .xl\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5;
  }

  .xl\:focus\:scale-y-0:focus {
    --transform-scale-y: 0;
  }

  .xl\:focus\:scale-y-50:focus {
    --transform-scale-y: .5;
  }

  .xl\:focus\:scale-y-75:focus {
    --transform-scale-y: .75;
  }

  .xl\:focus\:scale-y-90:focus {
    --transform-scale-y: .9;
  }

  .xl\:focus\:scale-y-95:focus {
    --transform-scale-y: .95;
  }

  .xl\:focus\:scale-y-100:focus {
    --transform-scale-y: 1;
  }

  .xl\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05;
  }

  .xl\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1;
  }

  .xl\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25;
  }

  .xl\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5;
  }

  .xl\:rotate-0 {
    --transform-rotate: 0;
  }

  .xl\:rotate-1 {
    --transform-rotate: 1deg;
  }

  .xl\:rotate-2 {
    --transform-rotate: 2deg;
  }

  .xl\:rotate-3 {
    --transform-rotate: 3deg;
  }

  .xl\:rotate-6 {
    --transform-rotate: 6deg;
  }

  .xl\:rotate-12 {
    --transform-rotate: 12deg;
  }

  .xl\:rotate-45 {
    --transform-rotate: 45deg;
  }

  .xl\:rotate-90 {
    --transform-rotate: 90deg;
  }

  .xl\:rotate-180 {
    --transform-rotate: 180deg;
  }

  .xl\:-rotate-180 {
    --transform-rotate: -180deg;
  }

  .xl\:-rotate-90 {
    --transform-rotate: -90deg;
  }

  .xl\:-rotate-45 {
    --transform-rotate: -45deg;
  }

  .xl\:-rotate-12 {
    --transform-rotate: -12deg;
  }

  .xl\:-rotate-6 {
    --transform-rotate: -6deg;
  }

  .xl\:-rotate-3 {
    --transform-rotate: -3deg;
  }

  .xl\:-rotate-2 {
    --transform-rotate: -2deg;
  }

  .xl\:-rotate-1 {
    --transform-rotate: -1deg;
  }

  .xl\:hover\:rotate-0:hover {
    --transform-rotate: 0;
  }

  .xl\:hover\:rotate-1:hover {
    --transform-rotate: 1deg;
  }

  .xl\:hover\:rotate-2:hover {
    --transform-rotate: 2deg;
  }

  .xl\:hover\:rotate-3:hover {
    --transform-rotate: 3deg;
  }

  .xl\:hover\:rotate-6:hover {
    --transform-rotate: 6deg;
  }

  .xl\:hover\:rotate-12:hover {
    --transform-rotate: 12deg;
  }

  .xl\:hover\:rotate-45:hover {
    --transform-rotate: 45deg;
  }

  .xl\:hover\:rotate-90:hover {
    --transform-rotate: 90deg;
  }

  .xl\:hover\:rotate-180:hover {
    --transform-rotate: 180deg;
  }

  .xl\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg;
  }

  .xl\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg;
  }

  .xl\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg;
  }

  .xl\:hover\:-rotate-12:hover {
    --transform-rotate: -12deg;
  }

  .xl\:hover\:-rotate-6:hover {
    --transform-rotate: -6deg;
  }

  .xl\:hover\:-rotate-3:hover {
    --transform-rotate: -3deg;
  }

  .xl\:hover\:-rotate-2:hover {
    --transform-rotate: -2deg;
  }

  .xl\:hover\:-rotate-1:hover {
    --transform-rotate: -1deg;
  }

  .xl\:focus\:rotate-0:focus {
    --transform-rotate: 0;
  }

  .xl\:focus\:rotate-1:focus {
    --transform-rotate: 1deg;
  }

  .xl\:focus\:rotate-2:focus {
    --transform-rotate: 2deg;
  }

  .xl\:focus\:rotate-3:focus {
    --transform-rotate: 3deg;
  }

  .xl\:focus\:rotate-6:focus {
    --transform-rotate: 6deg;
  }

  .xl\:focus\:rotate-12:focus {
    --transform-rotate: 12deg;
  }

  .xl\:focus\:rotate-45:focus {
    --transform-rotate: 45deg;
  }

  .xl\:focus\:rotate-90:focus {
    --transform-rotate: 90deg;
  }

  .xl\:focus\:rotate-180:focus {
    --transform-rotate: 180deg;
  }

  .xl\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg;
  }

  .xl\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg;
  }

  .xl\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg;
  }

  .xl\:focus\:-rotate-12:focus {
    --transform-rotate: -12deg;
  }

  .xl\:focus\:-rotate-6:focus {
    --transform-rotate: -6deg;
  }

  .xl\:focus\:-rotate-3:focus {
    --transform-rotate: -3deg;
  }

  .xl\:focus\:-rotate-2:focus {
    --transform-rotate: -2deg;
  }

  .xl\:focus\:-rotate-1:focus {
    --transform-rotate: -1deg;
  }

  .xl\:translate-x-0 {
    --transform-translate-x: 0;
  }

  .xl\:translate-x-1 {
    --transform-translate-x: 0.25rem;
  }

  .xl\:translate-x-2 {
    --transform-translate-x: 0.5rem;
  }

  .xl\:translate-x-3 {
    --transform-translate-x: 0.75rem;
  }

  .xl\:translate-x-4 {
    --transform-translate-x: 1rem;
  }

  .xl\:translate-x-5 {
    --transform-translate-x: 1.25rem;
  }

  .xl\:translate-x-6 {
    --transform-translate-x: 1.5rem;
  }

  .xl\:translate-x-8 {
    --transform-translate-x: 2rem;
  }

  .xl\:translate-x-10 {
    --transform-translate-x: 2.5rem;
  }

  .xl\:translate-x-12 {
    --transform-translate-x: 3rem;
  }

  .xl\:translate-x-16 {
    --transform-translate-x: 4rem;
  }

  .xl\:translate-x-20 {
    --transform-translate-x: 5rem;
  }

  .xl\:translate-x-24 {
    --transform-translate-x: 6rem;
  }

  .xl\:translate-x-32 {
    --transform-translate-x: 8rem;
  }

  .xl\:translate-x-40 {
    --transform-translate-x: 10rem;
  }

  .xl\:translate-x-48 {
    --transform-translate-x: 12rem;
  }

  .xl\:translate-x-56 {
    --transform-translate-x: 14rem;
  }

  .xl\:translate-x-64 {
    --transform-translate-x: 16rem;
  }

  .xl\:translate-x-px {
    --transform-translate-x: 1px;
  }

  .xl\:-translate-x-1 {
    --transform-translate-x: -0.25rem;
  }

  .xl\:-translate-x-2 {
    --transform-translate-x: -0.5rem;
  }

  .xl\:-translate-x-3 {
    --transform-translate-x: -0.75rem;
  }

  .xl\:-translate-x-4 {
    --transform-translate-x: -1rem;
  }

  .xl\:-translate-x-5 {
    --transform-translate-x: -1.25rem;
  }

  .xl\:-translate-x-6 {
    --transform-translate-x: -1.5rem;
  }

  .xl\:-translate-x-8 {
    --transform-translate-x: -2rem;
  }

  .xl\:-translate-x-10 {
    --transform-translate-x: -2.5rem;
  }

  .xl\:-translate-x-12 {
    --transform-translate-x: -3rem;
  }

  .xl\:-translate-x-16 {
    --transform-translate-x: -4rem;
  }

  .xl\:-translate-x-20 {
    --transform-translate-x: -5rem;
  }

  .xl\:-translate-x-24 {
    --transform-translate-x: -6rem;
  }

  .xl\:-translate-x-32 {
    --transform-translate-x: -8rem;
  }

  .xl\:-translate-x-40 {
    --transform-translate-x: -10rem;
  }

  .xl\:-translate-x-48 {
    --transform-translate-x: -12rem;
  }

  .xl\:-translate-x-56 {
    --transform-translate-x: -14rem;
  }

  .xl\:-translate-x-64 {
    --transform-translate-x: -16rem;
  }

  .xl\:-translate-x-px {
    --transform-translate-x: -1px;
  }

  .xl\:-translate-x-full {
    --transform-translate-x: -100%;
  }

  .xl\:-translate-x-1\/2 {
    --transform-translate-x: -50%;
  }

  .xl\:translate-x-1\/2 {
    --transform-translate-x: 50%;
  }

  .xl\:translate-x-full {
    --transform-translate-x: 100%;
  }

  .xl\:translate-y-0 {
    --transform-translate-y: 0;
  }

  .xl\:translate-y-1 {
    --transform-translate-y: 0.25rem;
  }

  .xl\:translate-y-2 {
    --transform-translate-y: 0.5rem;
  }

  .xl\:translate-y-3 {
    --transform-translate-y: 0.75rem;
  }

  .xl\:translate-y-4 {
    --transform-translate-y: 1rem;
  }

  .xl\:translate-y-5 {
    --transform-translate-y: 1.25rem;
  }

  .xl\:translate-y-6 {
    --transform-translate-y: 1.5rem;
  }

  .xl\:translate-y-8 {
    --transform-translate-y: 2rem;
  }

  .xl\:translate-y-10 {
    --transform-translate-y: 2.5rem;
  }

  .xl\:translate-y-12 {
    --transform-translate-y: 3rem;
  }

  .xl\:translate-y-16 {
    --transform-translate-y: 4rem;
  }

  .xl\:translate-y-20 {
    --transform-translate-y: 5rem;
  }

  .xl\:translate-y-24 {
    --transform-translate-y: 6rem;
  }

  .xl\:translate-y-32 {
    --transform-translate-y: 8rem;
  }

  .xl\:translate-y-40 {
    --transform-translate-y: 10rem;
  }

  .xl\:translate-y-48 {
    --transform-translate-y: 12rem;
  }

  .xl\:translate-y-56 {
    --transform-translate-y: 14rem;
  }

  .xl\:translate-y-64 {
    --transform-translate-y: 16rem;
  }

  .xl\:translate-y-px {
    --transform-translate-y: 1px;
  }

  .xl\:-translate-y-1 {
    --transform-translate-y: -0.25rem;
  }

  .xl\:-translate-y-2 {
    --transform-translate-y: -0.5rem;
  }

  .xl\:-translate-y-3 {
    --transform-translate-y: -0.75rem;
  }

  .xl\:-translate-y-4 {
    --transform-translate-y: -1rem;
  }

  .xl\:-translate-y-5 {
    --transform-translate-y: -1.25rem;
  }

  .xl\:-translate-y-6 {
    --transform-translate-y: -1.5rem;
  }

  .xl\:-translate-y-8 {
    --transform-translate-y: -2rem;
  }

  .xl\:-translate-y-10 {
    --transform-translate-y: -2.5rem;
  }

  .xl\:-translate-y-12 {
    --transform-translate-y: -3rem;
  }

  .xl\:-translate-y-16 {
    --transform-translate-y: -4rem;
  }

  .xl\:-translate-y-20 {
    --transform-translate-y: -5rem;
  }

  .xl\:-translate-y-24 {
    --transform-translate-y: -6rem;
  }

  .xl\:-translate-y-32 {
    --transform-translate-y: -8rem;
  }

  .xl\:-translate-y-40 {
    --transform-translate-y: -10rem;
  }

  .xl\:-translate-y-48 {
    --transform-translate-y: -12rem;
  }

  .xl\:-translate-y-56 {
    --transform-translate-y: -14rem;
  }

  .xl\:-translate-y-64 {
    --transform-translate-y: -16rem;
  }

  .xl\:-translate-y-px {
    --transform-translate-y: -1px;
  }

  .xl\:-translate-y-full {
    --transform-translate-y: -100%;
  }

  .xl\:-translate-y-1\/2 {
    --transform-translate-y: -50%;
  }

  .xl\:translate-y-1\/2 {
    --transform-translate-y: 50%;
  }

  .xl\:translate-y-full {
    --transform-translate-y: 100%;
  }

  .xl\:hover\:translate-x-0:hover {
    --transform-translate-x: 0;
  }

  .xl\:hover\:translate-x-1:hover {
    --transform-translate-x: 0.25rem;
  }

  .xl\:hover\:translate-x-2:hover {
    --transform-translate-x: 0.5rem;
  }

  .xl\:hover\:translate-x-3:hover {
    --transform-translate-x: 0.75rem;
  }

  .xl\:hover\:translate-x-4:hover {
    --transform-translate-x: 1rem;
  }

  .xl\:hover\:translate-x-5:hover {
    --transform-translate-x: 1.25rem;
  }

  .xl\:hover\:translate-x-6:hover {
    --transform-translate-x: 1.5rem;
  }

  .xl\:hover\:translate-x-8:hover {
    --transform-translate-x: 2rem;
  }

  .xl\:hover\:translate-x-10:hover {
    --transform-translate-x: 2.5rem;
  }

  .xl\:hover\:translate-x-12:hover {
    --transform-translate-x: 3rem;
  }

  .xl\:hover\:translate-x-16:hover {
    --transform-translate-x: 4rem;
  }

  .xl\:hover\:translate-x-20:hover {
    --transform-translate-x: 5rem;
  }

  .xl\:hover\:translate-x-24:hover {
    --transform-translate-x: 6rem;
  }

  .xl\:hover\:translate-x-32:hover {
    --transform-translate-x: 8rem;
  }

  .xl\:hover\:translate-x-40:hover {
    --transform-translate-x: 10rem;
  }

  .xl\:hover\:translate-x-48:hover {
    --transform-translate-x: 12rem;
  }

  .xl\:hover\:translate-x-56:hover {
    --transform-translate-x: 14rem;
  }

  .xl\:hover\:translate-x-64:hover {
    --transform-translate-x: 16rem;
  }

  .xl\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px;
  }

  .xl\:hover\:-translate-x-1:hover {
    --transform-translate-x: -0.25rem;
  }

  .xl\:hover\:-translate-x-2:hover {
    --transform-translate-x: -0.5rem;
  }

  .xl\:hover\:-translate-x-3:hover {
    --transform-translate-x: -0.75rem;
  }

  .xl\:hover\:-translate-x-4:hover {
    --transform-translate-x: -1rem;
  }

  .xl\:hover\:-translate-x-5:hover {
    --transform-translate-x: -1.25rem;
  }

  .xl\:hover\:-translate-x-6:hover {
    --transform-translate-x: -1.5rem;
  }

  .xl\:hover\:-translate-x-8:hover {
    --transform-translate-x: -2rem;
  }

  .xl\:hover\:-translate-x-10:hover {
    --transform-translate-x: -2.5rem;
  }

  .xl\:hover\:-translate-x-12:hover {
    --transform-translate-x: -3rem;
  }

  .xl\:hover\:-translate-x-16:hover {
    --transform-translate-x: -4rem;
  }

  .xl\:hover\:-translate-x-20:hover {
    --transform-translate-x: -5rem;
  }

  .xl\:hover\:-translate-x-24:hover {
    --transform-translate-x: -6rem;
  }

  .xl\:hover\:-translate-x-32:hover {
    --transform-translate-x: -8rem;
  }

  .xl\:hover\:-translate-x-40:hover {
    --transform-translate-x: -10rem;
  }

  .xl\:hover\:-translate-x-48:hover {
    --transform-translate-x: -12rem;
  }

  .xl\:hover\:-translate-x-56:hover {
    --transform-translate-x: -14rem;
  }

  .xl\:hover\:-translate-x-64:hover {
    --transform-translate-x: -16rem;
  }

  .xl\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px;
  }

  .xl\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100%;
  }

  .xl\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50%;
  }

  .xl\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50%;
  }

  .xl\:hover\:translate-x-full:hover {
    --transform-translate-x: 100%;
  }

  .xl\:hover\:translate-y-0:hover {
    --transform-translate-y: 0;
  }

  .xl\:hover\:translate-y-1:hover {
    --transform-translate-y: 0.25rem;
  }

  .xl\:hover\:translate-y-2:hover {
    --transform-translate-y: 0.5rem;
  }

  .xl\:hover\:translate-y-3:hover {
    --transform-translate-y: 0.75rem;
  }

  .xl\:hover\:translate-y-4:hover {
    --transform-translate-y: 1rem;
  }

  .xl\:hover\:translate-y-5:hover {
    --transform-translate-y: 1.25rem;
  }

  .xl\:hover\:translate-y-6:hover {
    --transform-translate-y: 1.5rem;
  }

  .xl\:hover\:translate-y-8:hover {
    --transform-translate-y: 2rem;
  }

  .xl\:hover\:translate-y-10:hover {
    --transform-translate-y: 2.5rem;
  }

  .xl\:hover\:translate-y-12:hover {
    --transform-translate-y: 3rem;
  }

  .xl\:hover\:translate-y-16:hover {
    --transform-translate-y: 4rem;
  }

  .xl\:hover\:translate-y-20:hover {
    --transform-translate-y: 5rem;
  }

  .xl\:hover\:translate-y-24:hover {
    --transform-translate-y: 6rem;
  }

  .xl\:hover\:translate-y-32:hover {
    --transform-translate-y: 8rem;
  }

  .xl\:hover\:translate-y-40:hover {
    --transform-translate-y: 10rem;
  }

  .xl\:hover\:translate-y-48:hover {
    --transform-translate-y: 12rem;
  }

  .xl\:hover\:translate-y-56:hover {
    --transform-translate-y: 14rem;
  }

  .xl\:hover\:translate-y-64:hover {
    --transform-translate-y: 16rem;
  }

  .xl\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px;
  }

  .xl\:hover\:-translate-y-1:hover {
    --transform-translate-y: -0.25rem;
  }

  .xl\:hover\:-translate-y-2:hover {
    --transform-translate-y: -0.5rem;
  }

  .xl\:hover\:-translate-y-3:hover {
    --transform-translate-y: -0.75rem;
  }

  .xl\:hover\:-translate-y-4:hover {
    --transform-translate-y: -1rem;
  }

  .xl\:hover\:-translate-y-5:hover {
    --transform-translate-y: -1.25rem;
  }

  .xl\:hover\:-translate-y-6:hover {
    --transform-translate-y: -1.5rem;
  }

  .xl\:hover\:-translate-y-8:hover {
    --transform-translate-y: -2rem;
  }

  .xl\:hover\:-translate-y-10:hover {
    --transform-translate-y: -2.5rem;
  }

  .xl\:hover\:-translate-y-12:hover {
    --transform-translate-y: -3rem;
  }

  .xl\:hover\:-translate-y-16:hover {
    --transform-translate-y: -4rem;
  }

  .xl\:hover\:-translate-y-20:hover {
    --transform-translate-y: -5rem;
  }

  .xl\:hover\:-translate-y-24:hover {
    --transform-translate-y: -6rem;
  }

  .xl\:hover\:-translate-y-32:hover {
    --transform-translate-y: -8rem;
  }

  .xl\:hover\:-translate-y-40:hover {
    --transform-translate-y: -10rem;
  }

  .xl\:hover\:-translate-y-48:hover {
    --transform-translate-y: -12rem;
  }

  .xl\:hover\:-translate-y-56:hover {
    --transform-translate-y: -14rem;
  }

  .xl\:hover\:-translate-y-64:hover {
    --transform-translate-y: -16rem;
  }

  .xl\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px;
  }

  .xl\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100%;
  }

  .xl\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50%;
  }

  .xl\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50%;
  }

  .xl\:hover\:translate-y-full:hover {
    --transform-translate-y: 100%;
  }

  .xl\:focus\:translate-x-0:focus {
    --transform-translate-x: 0;
  }

  .xl\:focus\:translate-x-1:focus {
    --transform-translate-x: 0.25rem;
  }

  .xl\:focus\:translate-x-2:focus {
    --transform-translate-x: 0.5rem;
  }

  .xl\:focus\:translate-x-3:focus {
    --transform-translate-x: 0.75rem;
  }

  .xl\:focus\:translate-x-4:focus {
    --transform-translate-x: 1rem;
  }

  .xl\:focus\:translate-x-5:focus {
    --transform-translate-x: 1.25rem;
  }

  .xl\:focus\:translate-x-6:focus {
    --transform-translate-x: 1.5rem;
  }

  .xl\:focus\:translate-x-8:focus {
    --transform-translate-x: 2rem;
  }

  .xl\:focus\:translate-x-10:focus {
    --transform-translate-x: 2.5rem;
  }

  .xl\:focus\:translate-x-12:focus {
    --transform-translate-x: 3rem;
  }

  .xl\:focus\:translate-x-16:focus {
    --transform-translate-x: 4rem;
  }

  .xl\:focus\:translate-x-20:focus {
    --transform-translate-x: 5rem;
  }

  .xl\:focus\:translate-x-24:focus {
    --transform-translate-x: 6rem;
  }

  .xl\:focus\:translate-x-32:focus {
    --transform-translate-x: 8rem;
  }

  .xl\:focus\:translate-x-40:focus {
    --transform-translate-x: 10rem;
  }

  .xl\:focus\:translate-x-48:focus {
    --transform-translate-x: 12rem;
  }

  .xl\:focus\:translate-x-56:focus {
    --transform-translate-x: 14rem;
  }

  .xl\:focus\:translate-x-64:focus {
    --transform-translate-x: 16rem;
  }

  .xl\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px;
  }

  .xl\:focus\:-translate-x-1:focus {
    --transform-translate-x: -0.25rem;
  }

  .xl\:focus\:-translate-x-2:focus {
    --transform-translate-x: -0.5rem;
  }

  .xl\:focus\:-translate-x-3:focus {
    --transform-translate-x: -0.75rem;
  }

  .xl\:focus\:-translate-x-4:focus {
    --transform-translate-x: -1rem;
  }

  .xl\:focus\:-translate-x-5:focus {
    --transform-translate-x: -1.25rem;
  }

  .xl\:focus\:-translate-x-6:focus {
    --transform-translate-x: -1.5rem;
  }

  .xl\:focus\:-translate-x-8:focus {
    --transform-translate-x: -2rem;
  }

  .xl\:focus\:-translate-x-10:focus {
    --transform-translate-x: -2.5rem;
  }

  .xl\:focus\:-translate-x-12:focus {
    --transform-translate-x: -3rem;
  }

  .xl\:focus\:-translate-x-16:focus {
    --transform-translate-x: -4rem;
  }

  .xl\:focus\:-translate-x-20:focus {
    --transform-translate-x: -5rem;
  }

  .xl\:focus\:-translate-x-24:focus {
    --transform-translate-x: -6rem;
  }

  .xl\:focus\:-translate-x-32:focus {
    --transform-translate-x: -8rem;
  }

  .xl\:focus\:-translate-x-40:focus {
    --transform-translate-x: -10rem;
  }

  .xl\:focus\:-translate-x-48:focus {
    --transform-translate-x: -12rem;
  }

  .xl\:focus\:-translate-x-56:focus {
    --transform-translate-x: -14rem;
  }

  .xl\:focus\:-translate-x-64:focus {
    --transform-translate-x: -16rem;
  }

  .xl\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px;
  }

  .xl\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100%;
  }

  .xl\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50%;
  }

  .xl\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50%;
  }

  .xl\:focus\:translate-x-full:focus {
    --transform-translate-x: 100%;
  }

  .xl\:focus\:translate-y-0:focus {
    --transform-translate-y: 0;
  }

  .xl\:focus\:translate-y-1:focus {
    --transform-translate-y: 0.25rem;
  }

  .xl\:focus\:translate-y-2:focus {
    --transform-translate-y: 0.5rem;
  }

  .xl\:focus\:translate-y-3:focus {
    --transform-translate-y: 0.75rem;
  }

  .xl\:focus\:translate-y-4:focus {
    --transform-translate-y: 1rem;
  }

  .xl\:focus\:translate-y-5:focus {
    --transform-translate-y: 1.25rem;
  }

  .xl\:focus\:translate-y-6:focus {
    --transform-translate-y: 1.5rem;
  }

  .xl\:focus\:translate-y-8:focus {
    --transform-translate-y: 2rem;
  }

  .xl\:focus\:translate-y-10:focus {
    --transform-translate-y: 2.5rem;
  }

  .xl\:focus\:translate-y-12:focus {
    --transform-translate-y: 3rem;
  }

  .xl\:focus\:translate-y-16:focus {
    --transform-translate-y: 4rem;
  }

  .xl\:focus\:translate-y-20:focus {
    --transform-translate-y: 5rem;
  }

  .xl\:focus\:translate-y-24:focus {
    --transform-translate-y: 6rem;
  }

  .xl\:focus\:translate-y-32:focus {
    --transform-translate-y: 8rem;
  }

  .xl\:focus\:translate-y-40:focus {
    --transform-translate-y: 10rem;
  }

  .xl\:focus\:translate-y-48:focus {
    --transform-translate-y: 12rem;
  }

  .xl\:focus\:translate-y-56:focus {
    --transform-translate-y: 14rem;
  }

  .xl\:focus\:translate-y-64:focus {
    --transform-translate-y: 16rem;
  }

  .xl\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px;
  }

  .xl\:focus\:-translate-y-1:focus {
    --transform-translate-y: -0.25rem;
  }

  .xl\:focus\:-translate-y-2:focus {
    --transform-translate-y: -0.5rem;
  }

  .xl\:focus\:-translate-y-3:focus {
    --transform-translate-y: -0.75rem;
  }

  .xl\:focus\:-translate-y-4:focus {
    --transform-translate-y: -1rem;
  }

  .xl\:focus\:-translate-y-5:focus {
    --transform-translate-y: -1.25rem;
  }

  .xl\:focus\:-translate-y-6:focus {
    --transform-translate-y: -1.5rem;
  }

  .xl\:focus\:-translate-y-8:focus {
    --transform-translate-y: -2rem;
  }

  .xl\:focus\:-translate-y-10:focus {
    --transform-translate-y: -2.5rem;
  }

  .xl\:focus\:-translate-y-12:focus {
    --transform-translate-y: -3rem;
  }

  .xl\:focus\:-translate-y-16:focus {
    --transform-translate-y: -4rem;
  }

  .xl\:focus\:-translate-y-20:focus {
    --transform-translate-y: -5rem;
  }

  .xl\:focus\:-translate-y-24:focus {
    --transform-translate-y: -6rem;
  }

  .xl\:focus\:-translate-y-32:focus {
    --transform-translate-y: -8rem;
  }

  .xl\:focus\:-translate-y-40:focus {
    --transform-translate-y: -10rem;
  }

  .xl\:focus\:-translate-y-48:focus {
    --transform-translate-y: -12rem;
  }

  .xl\:focus\:-translate-y-56:focus {
    --transform-translate-y: -14rem;
  }

  .xl\:focus\:-translate-y-64:focus {
    --transform-translate-y: -16rem;
  }

  .xl\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px;
  }

  .xl\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100%;
  }

  .xl\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50%;
  }

  .xl\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50%;
  }

  .xl\:focus\:translate-y-full:focus {
    --transform-translate-y: 100%;
  }

  .xl\:skew-x-0 {
    --transform-skew-x: 0;
  }

  .xl\:skew-x-1 {
    --transform-skew-x: 1deg;
  }

  .xl\:skew-x-2 {
    --transform-skew-x: 2deg;
  }

  .xl\:skew-x-3 {
    --transform-skew-x: 3deg;
  }

  .xl\:skew-x-6 {
    --transform-skew-x: 6deg;
  }

  .xl\:skew-x-12 {
    --transform-skew-x: 12deg;
  }

  .xl\:-skew-x-12 {
    --transform-skew-x: -12deg;
  }

  .xl\:-skew-x-6 {
    --transform-skew-x: -6deg;
  }

  .xl\:-skew-x-3 {
    --transform-skew-x: -3deg;
  }

  .xl\:-skew-x-2 {
    --transform-skew-x: -2deg;
  }

  .xl\:-skew-x-1 {
    --transform-skew-x: -1deg;
  }

  .xl\:skew-y-0 {
    --transform-skew-y: 0;
  }

  .xl\:skew-y-1 {
    --transform-skew-y: 1deg;
  }

  .xl\:skew-y-2 {
    --transform-skew-y: 2deg;
  }

  .xl\:skew-y-3 {
    --transform-skew-y: 3deg;
  }

  .xl\:skew-y-6 {
    --transform-skew-y: 6deg;
  }

  .xl\:skew-y-12 {
    --transform-skew-y: 12deg;
  }

  .xl\:-skew-y-12 {
    --transform-skew-y: -12deg;
  }

  .xl\:-skew-y-6 {
    --transform-skew-y: -6deg;
  }

  .xl\:-skew-y-3 {
    --transform-skew-y: -3deg;
  }

  .xl\:-skew-y-2 {
    --transform-skew-y: -2deg;
  }

  .xl\:-skew-y-1 {
    --transform-skew-y: -1deg;
  }

  .xl\:hover\:skew-x-0:hover {
    --transform-skew-x: 0;
  }

  .xl\:hover\:skew-x-1:hover {
    --transform-skew-x: 1deg;
  }

  .xl\:hover\:skew-x-2:hover {
    --transform-skew-x: 2deg;
  }

  .xl\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg;
  }

  .xl\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg;
  }

  .xl\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg;
  }

  .xl\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg;
  }

  .xl\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg;
  }

  .xl\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg;
  }

  .xl\:hover\:-skew-x-2:hover {
    --transform-skew-x: -2deg;
  }

  .xl\:hover\:-skew-x-1:hover {
    --transform-skew-x: -1deg;
  }

  .xl\:hover\:skew-y-0:hover {
    --transform-skew-y: 0;
  }

  .xl\:hover\:skew-y-1:hover {
    --transform-skew-y: 1deg;
  }

  .xl\:hover\:skew-y-2:hover {
    --transform-skew-y: 2deg;
  }

  .xl\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg;
  }

  .xl\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg;
  }

  .xl\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg;
  }

  .xl\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg;
  }

  .xl\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg;
  }

  .xl\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg;
  }

  .xl\:hover\:-skew-y-2:hover {
    --transform-skew-y: -2deg;
  }

  .xl\:hover\:-skew-y-1:hover {
    --transform-skew-y: -1deg;
  }

  .xl\:focus\:skew-x-0:focus {
    --transform-skew-x: 0;
  }

  .xl\:focus\:skew-x-1:focus {
    --transform-skew-x: 1deg;
  }

  .xl\:focus\:skew-x-2:focus {
    --transform-skew-x: 2deg;
  }

  .xl\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg;
  }

  .xl\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg;
  }

  .xl\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg;
  }

  .xl\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg;
  }

  .xl\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg;
  }

  .xl\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg;
  }

  .xl\:focus\:-skew-x-2:focus {
    --transform-skew-x: -2deg;
  }

  .xl\:focus\:-skew-x-1:focus {
    --transform-skew-x: -1deg;
  }

  .xl\:focus\:skew-y-0:focus {
    --transform-skew-y: 0;
  }

  .xl\:focus\:skew-y-1:focus {
    --transform-skew-y: 1deg;
  }

  .xl\:focus\:skew-y-2:focus {
    --transform-skew-y: 2deg;
  }

  .xl\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg;
  }

  .xl\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg;
  }

  .xl\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg;
  }

  .xl\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg;
  }

  .xl\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg;
  }

  .xl\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg;
  }

  .xl\:focus\:-skew-y-2:focus {
    --transform-skew-y: -2deg;
  }

  .xl\:focus\:-skew-y-1:focus {
    --transform-skew-y: -1deg;
  }

  .xl\:transition-none {
    transition-property: none;
  }

  .xl\:transition-all {
    transition-property: all;
  }

  .xl\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  .xl\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
  }

  .xl\:transition-opacity {
    transition-property: opacity;
  }

  .xl\:transition-shadow {
    transition-property: box-shadow;
  }

  .xl\:transition-transform {
    transition-property: transform;
  }

  .xl\:ease-linear {
    transition-timing-function: linear;
  }

  .xl\:ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .xl\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .xl\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .xl\:duration-75 {
    transition-duration: 75ms;
  }

  .xl\:duration-100 {
    transition-duration: 100ms;
  }

  .xl\:duration-150 {
    transition-duration: 150ms;
  }

  .xl\:duration-200 {
    transition-duration: 200ms;
  }

  .xl\:duration-300 {
    transition-duration: 300ms;
  }

  .xl\:duration-500 {
    transition-duration: 500ms;
  }

  .xl\:duration-700 {
    transition-duration: 700ms;
  }

  .xl\:duration-1000 {
    transition-duration: 1000ms;
  }

  .xl\:delay-75 {
    transition-delay: 75ms;
  }

  .xl\:delay-100 {
    transition-delay: 100ms;
  }

  .xl\:delay-150 {
    transition-delay: 150ms;
  }

  .xl\:delay-200 {
    transition-delay: 200ms;
  }

  .xl\:delay-300 {
    transition-delay: 300ms;
  }

  .xl\:delay-500 {
    transition-delay: 500ms;
  }

  .xl\:delay-700 {
    transition-delay: 700ms;
  }

  .xl\:delay-1000 {
    transition-delay: 1000ms;
  }

  .xl\:animate-none {
    animation: none;
  }

  .xl\:animate-spin {
    animation: spin 1s linear infinite;
  }

  .xl\:animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .xl\:animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .xl\:animate-bounce {
    animation: bounce 1s infinite;
  }
}

@media (min-width: 1280px) {
  .xxl\:container {
    width: 100%;
  }

  @media (min-width: 360px) {
    .xxl\:container {
      max-width: 360px;
    }
  }

  @media (min-width: 480px) {
    .xxl\:container {
      max-width: 480px;
    }
  }

  @media (min-width: 760px) {
    .xxl\:container {
      max-width: 760px;
    }
  }

  @media (min-width: 960px) {
    .xxl\:container {
      max-width: 960px;
    }
  }

  @media (min-width: 1060px) {
    .xxl\:container {
      max-width: 1060px;
    }
  }

  @media (min-width: 1280px) {
    .xxl\:container {
      max-width: 1280px;
    }
  }

  .xxl\:space-y-0 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  .xxl\:space-x-0 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  .xxl\:space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  .xxl\:space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  .xxl\:space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  .xxl\:space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  .xxl\:space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  .xxl\:space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  .xxl\:space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  .xxl\:space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  .xxl\:space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  .xxl\:space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  .xxl\:space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  .xxl\:space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  .xxl\:space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  .xxl\:space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  .xxl\:space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  .xxl\:space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  .xxl\:space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  .xxl\:space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-1 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-1 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-2 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-3 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-3 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-4 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-4 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-5 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-5 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-6 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-6 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-8 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-8 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-10 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-10 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-12 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-12 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-16 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-16 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-20 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-20 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-24 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-24 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-32 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-32 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-40 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-40 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-48 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-48 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-56 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-56 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-64 > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  .xxl\:-space-x-64 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:-space-y-px > :not(template) ~ :not(template) {
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  .xxl\:-space-x-px > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  .xxl\:space-y-reverse > :not(template) ~ :not(template) {
    --space-y-reverse: 1;
  }

  .xxl\:space-x-reverse > :not(template) ~ :not(template) {
    --space-x-reverse: 1;
  }

  .xxl\:divide-y-0 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  .xxl\:divide-x-0 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  .xxl\:divide-y-2 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  .xxl\:divide-x-2 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  .xxl\:divide-y-4 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  .xxl\:divide-x-4 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  .xxl\:divide-y-8 > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  .xxl\:divide-x-8 > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  .xxl\:divide-y > :not(template) ~ :not(template) {
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  .xxl\:divide-x > :not(template) ~ :not(template) {
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  .xxl\:divide-y-reverse > :not(template) ~ :not(template) {
    --divide-y-reverse: 1;
  }

  .xxl\:divide-x-reverse > :not(template) ~ :not(template) {
    --divide-x-reverse: 1;
  }

  .xxl\:divide-transparent > :not(template) ~ :not(template) {
    border-color: transparent;
  }

  .xxl\:divide-black > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--divide-opacity));
  }

  .xxl\:divide-white > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .xxl\:divide-gray-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--divide-opacity));
  }

  .xxl\:divide-gray-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--divide-opacity));
  }

  .xxl\:divide-gray-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--divide-opacity));
  }

  .xxl\:divide-gray-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--divide-opacity));
  }

  .xxl\:divide-gray-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--divide-opacity));
  }

  .xxl\:divide-gray-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--divide-opacity));
  }

  .xxl\:divide-gray-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--divide-opacity));
  }

  .xxl\:divide-gray-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--divide-opacity));
  }

  .xxl\:divide-gray-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--divide-opacity));
  }

  .xxl\:divide-blue-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--divide-opacity));
  }

  .xxl\:divide-blue-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--divide-opacity));
  }

  .xxl\:divide-blue-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--divide-opacity));
  }

  .xxl\:divide-blue-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--divide-opacity));
  }

  .xxl\:divide-blue-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--divide-opacity));
  }

  .xxl\:divide-blue-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--divide-opacity));
  }

  .xxl\:divide-blue-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--divide-opacity));
  }

  .xxl\:divide-blue-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--divide-opacity));
  }

  .xxl\:divide-blue-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--divide-opacity));
  }

  .xxl\:divide-blurple-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--divide-opacity));
  }

  .xxl\:divide-blurple-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--divide-opacity));
  }

  .xxl\:divide-blurple-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--divide-opacity));
  }

  .xxl\:divide-blurple-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--divide-opacity));
  }

  .xxl\:divide-blurple-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--divide-opacity));
  }

  .xxl\:divide-blurple-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--divide-opacity));
  }

  .xxl\:divide-green-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--divide-opacity));
  }

  .xxl\:divide-green-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--divide-opacity));
  }

  .xxl\:divide-green-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--divide-opacity));
  }

  .xxl\:divide-orange-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--divide-opacity));
  }

  .xxl\:divide-orange-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--divide-opacity));
  }

  .xxl\:divide-orange-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--divide-opacity));
  }

  .xxl\:divide-orange-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--divide-opacity));
  }

  .xxl\:divide-orange-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--divide-opacity));
  }

  .xxl\:divide-orange-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--divide-opacity));
  }

  .xxl\:divide-orange-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--divide-opacity));
  }

  .xxl\:divide-orange-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--divide-opacity));
  }

  .xxl\:divide-orange-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--divide-opacity));
  }

  .xxl\:divide-purple-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--divide-opacity));
  }

  .xxl\:divide-purple-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--divide-opacity));
  }

  .xxl\:divide-purple-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--divide-opacity));
  }

  .xxl\:divide-purple-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--divide-opacity));
  }

  .xxl\:divide-purple-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--divide-opacity));
  }

  .xxl\:divide-purple-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--divide-opacity));
  }

  .xxl\:divide-purple-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--divide-opacity));
  }

  .xxl\:divide-purple-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--divide-opacity));
  }

  .xxl\:divide-purple-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--divide-opacity));
  }

  .xxl\:divide-red-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--divide-opacity));
  }

  .xxl\:divide-red-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--divide-opacity));
  }

  .xxl\:divide-red-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--divide-opacity));
  }

  .xxl\:divide-teal-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--divide-opacity));
  }

  .xxl\:divide-teal-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--divide-opacity));
  }

  .xxl\:divide-teal-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--divide-opacity));
  }

  .xxl\:divide-teal-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--divide-opacity));
  }

  .xxl\:divide-teal-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--divide-opacity));
  }

  .xxl\:divide-teal-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--divide-opacity));
  }

  .xxl\:divide-teal-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--divide-opacity));
  }

  .xxl\:divide-teal-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--divide-opacity));
  }

  .xxl\:divide-teal-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--divide-opacity));
  }

  .xxl\:divide-yellow-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--divide-opacity));
  }

  .xxl\:divide-yellow-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--divide-opacity));
  }

  .xxl\:divide-yellow-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--divide-opacity));
  }

  .xxl\:divide-yellow-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--divide-opacity));
  }

  .xxl\:divide-yellow-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--divide-opacity));
  }

  .xxl\:divide-yellow-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--divide-opacity));
  }

  .xxl\:divide-yellow-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--divide-opacity));
  }

  .xxl\:divide-yellow-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--divide-opacity));
  }

  .xxl\:divide-yellow-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--divide-opacity));
  }

  .xxl\:divide-facebook-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--divide-opacity));
  }

  .xxl\:divide-facebook-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--divide-opacity));
  }

  .xxl\:divide-snapchat-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--divide-opacity));
  }

  .xxl\:divide-snapchat-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--divide-opacity));
  }

  .xxl\:divide-messenger-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--divide-opacity));
  }

  .xxl\:divide-messenger-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--divide-opacity));
  }

  .xxl\:divide-twitter-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--divide-opacity));
  }

  .xxl\:divide-twitter-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--divide-opacity));
  }

  .xxl\:divide-transparent-black-10 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.1);
  }

  .xxl\:divide-transparent-black-30 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.3);
  }

  .xxl\:divide-transparent-black-50 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.5);
  }

  .xxl\:divide-transparent-black-70 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.7);
  }

  .xxl\:divide-transparent-black-90 > :not(template) ~ :not(template) {
    border-color: rgba(0,0,0,0.9);
  }

  .xxl\:divide-transparent-white-10 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.1);
  }

  .xxl\:divide-transparent-white-30 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.3);
  }

  .xxl\:divide-transparent-white-50 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.5);
  }

  .xxl\:divide-transparent-white-70 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.7);
  }

  .xxl\:divide-transparent-white-90 > :not(template) ~ :not(template) {
    border-color: rgba(255,255,255,0.9);
  }

  .xxl\:divide-vr-dark-blue > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--divide-opacity));
  }

  .xxl\:divide-vr-neon-green > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--divide-opacity));
  }

  .xxl\:divide-solid > :not(template) ~ :not(template) {
    border-style: solid;
  }

  .xxl\:divide-dashed > :not(template) ~ :not(template) {
    border-style: dashed;
  }

  .xxl\:divide-dotted > :not(template) ~ :not(template) {
    border-style: dotted;
  }

  .xxl\:divide-double > :not(template) ~ :not(template) {
    border-style: double;
  }

  .xxl\:divide-none > :not(template) ~ :not(template) {
    border-style: none;
  }

  .xxl\:divide-opacity-0 > :not(template) ~ :not(template) {
    --divide-opacity: 0;
  }

  .xxl\:divide-opacity-25 > :not(template) ~ :not(template) {
    --divide-opacity: 0.25;
  }

  .xxl\:divide-opacity-50 > :not(template) ~ :not(template) {
    --divide-opacity: 0.5;
  }

  .xxl\:divide-opacity-75 > :not(template) ~ :not(template) {
    --divide-opacity: 0.75;
  }

  .xxl\:divide-opacity-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
  }

  .xxl\:sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .xxl\:not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .xxl\:focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .xxl\:focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .xxl\:appearance-none {
    -webkit-appearance: none;
            appearance: none;
  }

  .xxl\:bg-fixed {
    background-attachment: fixed;
  }

  .xxl\:bg-local {
    background-attachment: local;
  }

  .xxl\:bg-scroll {
    background-attachment: scroll;
  }

  .xxl\:bg-clip-border {
    background-clip: border-box;
  }

  .xxl\:bg-clip-padding {
    background-clip: padding-box;
  }

  .xxl\:bg-clip-content {
    background-clip: content-box;
  }

  .xxl\:bg-clip-text {
    -webkit-background-clip: text;
            background-clip: text;
  }

  .xxl\:bg-transparent {
    background-color: transparent;
  }

  .xxl\:bg-black {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .xxl\:bg-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xxl\:bg-gray-100 {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .xxl\:bg-gray-200 {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .xxl\:bg-gray-300 {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .xxl\:bg-gray-400 {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .xxl\:bg-gray-500 {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .xxl\:bg-gray-600 {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .xxl\:bg-gray-700 {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .xxl\:bg-gray-800 {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .xxl\:bg-gray-900 {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .xxl\:bg-blue-100 {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .xxl\:bg-blue-200 {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .xxl\:bg-blue-300 {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .xxl\:bg-blue-400 {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .xxl\:bg-blue-500 {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .xxl\:bg-blue-600 {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .xxl\:bg-blue-700 {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .xxl\:bg-blue-800 {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .xxl\:bg-blue-900 {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .xxl\:bg-blurple-100 {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .xxl\:bg-blurple-200 {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .xxl\:bg-blurple-300 {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .xxl\:bg-blurple-400 {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .xxl\:bg-blurple-500 {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .xxl\:bg-blurple-700 {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .xxl\:bg-green-300 {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .xxl\:bg-green-500 {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .xxl\:bg-green-700 {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .xxl\:bg-orange-100 {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .xxl\:bg-orange-200 {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .xxl\:bg-orange-300 {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .xxl\:bg-orange-400 {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .xxl\:bg-orange-500 {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .xxl\:bg-orange-600 {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .xxl\:bg-orange-700 {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .xxl\:bg-orange-800 {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .xxl\:bg-orange-900 {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .xxl\:bg-purple-100 {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .xxl\:bg-purple-200 {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .xxl\:bg-purple-300 {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .xxl\:bg-purple-400 {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .xxl\:bg-purple-500 {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .xxl\:bg-purple-600 {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .xxl\:bg-purple-700 {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .xxl\:bg-purple-800 {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .xxl\:bg-purple-900 {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .xxl\:bg-red-300 {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .xxl\:bg-red-500 {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .xxl\:bg-red-700 {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .xxl\:bg-teal-100 {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .xxl\:bg-teal-200 {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .xxl\:bg-teal-300 {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .xxl\:bg-teal-400 {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .xxl\:bg-teal-500 {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .xxl\:bg-teal-600 {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .xxl\:bg-teal-700 {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .xxl\:bg-teal-800 {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .xxl\:bg-teal-900 {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .xxl\:bg-yellow-100 {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .xxl\:bg-yellow-200 {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .xxl\:bg-yellow-300 {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .xxl\:bg-yellow-400 {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .xxl\:bg-yellow-500 {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .xxl\:bg-yellow-600 {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .xxl\:bg-yellow-700 {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .xxl\:bg-yellow-800 {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .xxl\:bg-yellow-900 {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .xxl\:bg-facebook-400 {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .xxl\:bg-facebook-500 {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xxl\:bg-snapchat-400 {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .xxl\:bg-snapchat-500 {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xxl\:bg-messenger-400 {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .xxl\:bg-messenger-500 {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .xxl\:bg-twitter-400 {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .xxl\:bg-twitter-500 {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .xxl\:bg-transparent-black-10 {
    background-color: rgba(0,0,0,0.1);
  }

  .xxl\:bg-transparent-black-30 {
    background-color: rgba(0,0,0,0.3);
  }

  .xxl\:bg-transparent-black-50 {
    background-color: rgba(0,0,0,0.5);
  }

  .xxl\:bg-transparent-black-70 {
    background-color: rgba(0,0,0,0.7);
  }

  .xxl\:bg-transparent-black-90 {
    background-color: rgba(0,0,0,0.9);
  }

  .xxl\:bg-transparent-white-10 {
    background-color: rgba(255,255,255,0.1);
  }

  .xxl\:bg-transparent-white-30 {
    background-color: rgba(255,255,255,0.3);
  }

  .xxl\:bg-transparent-white-50 {
    background-color: rgba(255,255,255,0.5);
  }

  .xxl\:bg-transparent-white-70 {
    background-color: rgba(255,255,255,0.7);
  }

  .xxl\:bg-transparent-white-90 {
    background-color: rgba(255,255,255,0.9);
  }

  .xxl\:bg-vr-dark-blue {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .xxl\:bg-vr-neon-green {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .xxl\:active\:bg-transparent:active {
    background-color: transparent;
  }

  .xxl\:active\:bg-black:active {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .xxl\:active\:bg-white:active {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xxl\:active\:bg-gray-100:active {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .xxl\:active\:bg-gray-200:active {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .xxl\:active\:bg-gray-300:active {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .xxl\:active\:bg-gray-400:active {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .xxl\:active\:bg-gray-500:active {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .xxl\:active\:bg-gray-600:active {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .xxl\:active\:bg-gray-700:active {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .xxl\:active\:bg-gray-800:active {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .xxl\:active\:bg-gray-900:active {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .xxl\:active\:bg-blue-100:active {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .xxl\:active\:bg-blue-200:active {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .xxl\:active\:bg-blue-300:active {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .xxl\:active\:bg-blue-400:active {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .xxl\:active\:bg-blue-500:active {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .xxl\:active\:bg-blue-600:active {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .xxl\:active\:bg-blue-700:active {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .xxl\:active\:bg-blue-800:active {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .xxl\:active\:bg-blue-900:active {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .xxl\:active\:bg-blurple-100:active {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .xxl\:active\:bg-blurple-200:active {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .xxl\:active\:bg-blurple-300:active {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .xxl\:active\:bg-blurple-400:active {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .xxl\:active\:bg-blurple-500:active {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .xxl\:active\:bg-blurple-700:active {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .xxl\:active\:bg-green-300:active {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .xxl\:active\:bg-green-500:active {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .xxl\:active\:bg-green-700:active {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .xxl\:active\:bg-orange-100:active {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .xxl\:active\:bg-orange-200:active {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .xxl\:active\:bg-orange-300:active {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .xxl\:active\:bg-orange-400:active {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .xxl\:active\:bg-orange-500:active {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .xxl\:active\:bg-orange-600:active {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .xxl\:active\:bg-orange-700:active {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .xxl\:active\:bg-orange-800:active {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .xxl\:active\:bg-orange-900:active {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .xxl\:active\:bg-purple-100:active {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .xxl\:active\:bg-purple-200:active {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .xxl\:active\:bg-purple-300:active {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .xxl\:active\:bg-purple-400:active {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .xxl\:active\:bg-purple-500:active {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .xxl\:active\:bg-purple-600:active {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .xxl\:active\:bg-purple-700:active {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .xxl\:active\:bg-purple-800:active {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .xxl\:active\:bg-purple-900:active {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .xxl\:active\:bg-red-300:active {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .xxl\:active\:bg-red-500:active {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .xxl\:active\:bg-red-700:active {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .xxl\:active\:bg-teal-100:active {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .xxl\:active\:bg-teal-200:active {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .xxl\:active\:bg-teal-300:active {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .xxl\:active\:bg-teal-400:active {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .xxl\:active\:bg-teal-500:active {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .xxl\:active\:bg-teal-600:active {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .xxl\:active\:bg-teal-700:active {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .xxl\:active\:bg-teal-800:active {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .xxl\:active\:bg-teal-900:active {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .xxl\:active\:bg-yellow-100:active {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .xxl\:active\:bg-yellow-200:active {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .xxl\:active\:bg-yellow-300:active {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .xxl\:active\:bg-yellow-400:active {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .xxl\:active\:bg-yellow-500:active {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .xxl\:active\:bg-yellow-600:active {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .xxl\:active\:bg-yellow-700:active {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .xxl\:active\:bg-yellow-800:active {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .xxl\:active\:bg-yellow-900:active {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .xxl\:active\:bg-facebook-400:active {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .xxl\:active\:bg-facebook-500:active {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xxl\:active\:bg-snapchat-400:active {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .xxl\:active\:bg-snapchat-500:active {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xxl\:active\:bg-messenger-400:active {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .xxl\:active\:bg-messenger-500:active {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .xxl\:active\:bg-twitter-400:active {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .xxl\:active\:bg-twitter-500:active {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .xxl\:active\:bg-transparent-black-10:active {
    background-color: rgba(0,0,0,0.1);
  }

  .xxl\:active\:bg-transparent-black-30:active {
    background-color: rgba(0,0,0,0.3);
  }

  .xxl\:active\:bg-transparent-black-50:active {
    background-color: rgba(0,0,0,0.5);
  }

  .xxl\:active\:bg-transparent-black-70:active {
    background-color: rgba(0,0,0,0.7);
  }

  .xxl\:active\:bg-transparent-black-90:active {
    background-color: rgba(0,0,0,0.9);
  }

  .xxl\:active\:bg-transparent-white-10:active {
    background-color: rgba(255,255,255,0.1);
  }

  .xxl\:active\:bg-transparent-white-30:active {
    background-color: rgba(255,255,255,0.3);
  }

  .xxl\:active\:bg-transparent-white-50:active {
    background-color: rgba(255,255,255,0.5);
  }

  .xxl\:active\:bg-transparent-white-70:active {
    background-color: rgba(255,255,255,0.7);
  }

  .xxl\:active\:bg-transparent-white-90:active {
    background-color: rgba(255,255,255,0.9);
  }

  .xxl\:active\:bg-vr-dark-blue:active {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .xxl\:active\:bg-vr-neon-green:active {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .xxl\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .xxl\:hover\:bg-black:hover {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .xxl\:hover\:bg-white:hover {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xxl\:hover\:bg-gray-100:hover {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .xxl\:hover\:bg-gray-200:hover {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .xxl\:hover\:bg-gray-300:hover {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .xxl\:hover\:bg-gray-400:hover {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .xxl\:hover\:bg-gray-500:hover {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .xxl\:hover\:bg-gray-600:hover {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .xxl\:hover\:bg-gray-700:hover {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .xxl\:hover\:bg-gray-800:hover {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .xxl\:hover\:bg-gray-900:hover {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .xxl\:hover\:bg-blue-100:hover {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .xxl\:hover\:bg-blue-200:hover {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .xxl\:hover\:bg-blue-300:hover {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .xxl\:hover\:bg-blue-400:hover {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .xxl\:hover\:bg-blue-500:hover {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .xxl\:hover\:bg-blue-600:hover {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .xxl\:hover\:bg-blue-700:hover {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .xxl\:hover\:bg-blue-800:hover {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .xxl\:hover\:bg-blue-900:hover {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .xxl\:hover\:bg-blurple-100:hover {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .xxl\:hover\:bg-blurple-200:hover {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .xxl\:hover\:bg-blurple-300:hover {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .xxl\:hover\:bg-blurple-400:hover {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .xxl\:hover\:bg-blurple-500:hover {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .xxl\:hover\:bg-blurple-700:hover {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .xxl\:hover\:bg-green-300:hover {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .xxl\:hover\:bg-green-500:hover {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .xxl\:hover\:bg-green-700:hover {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .xxl\:hover\:bg-orange-100:hover {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .xxl\:hover\:bg-orange-200:hover {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .xxl\:hover\:bg-orange-300:hover {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .xxl\:hover\:bg-orange-400:hover {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .xxl\:hover\:bg-orange-500:hover {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .xxl\:hover\:bg-orange-600:hover {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .xxl\:hover\:bg-orange-700:hover {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .xxl\:hover\:bg-orange-800:hover {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .xxl\:hover\:bg-orange-900:hover {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .xxl\:hover\:bg-purple-100:hover {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .xxl\:hover\:bg-purple-200:hover {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .xxl\:hover\:bg-purple-300:hover {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .xxl\:hover\:bg-purple-400:hover {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .xxl\:hover\:bg-purple-500:hover {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .xxl\:hover\:bg-purple-600:hover {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .xxl\:hover\:bg-purple-700:hover {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .xxl\:hover\:bg-purple-800:hover {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .xxl\:hover\:bg-purple-900:hover {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .xxl\:hover\:bg-red-300:hover {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .xxl\:hover\:bg-red-500:hover {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .xxl\:hover\:bg-red-700:hover {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .xxl\:hover\:bg-teal-100:hover {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .xxl\:hover\:bg-teal-200:hover {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .xxl\:hover\:bg-teal-300:hover {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .xxl\:hover\:bg-teal-400:hover {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .xxl\:hover\:bg-teal-500:hover {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .xxl\:hover\:bg-teal-600:hover {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .xxl\:hover\:bg-teal-700:hover {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .xxl\:hover\:bg-teal-800:hover {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .xxl\:hover\:bg-teal-900:hover {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .xxl\:hover\:bg-yellow-100:hover {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .xxl\:hover\:bg-yellow-200:hover {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .xxl\:hover\:bg-yellow-300:hover {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .xxl\:hover\:bg-yellow-400:hover {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .xxl\:hover\:bg-yellow-500:hover {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .xxl\:hover\:bg-yellow-600:hover {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .xxl\:hover\:bg-yellow-700:hover {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .xxl\:hover\:bg-yellow-800:hover {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .xxl\:hover\:bg-yellow-900:hover {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .xxl\:hover\:bg-facebook-400:hover {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .xxl\:hover\:bg-facebook-500:hover {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xxl\:hover\:bg-snapchat-400:hover {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .xxl\:hover\:bg-snapchat-500:hover {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xxl\:hover\:bg-messenger-400:hover {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .xxl\:hover\:bg-messenger-500:hover {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .xxl\:hover\:bg-twitter-400:hover {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .xxl\:hover\:bg-twitter-500:hover {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .xxl\:hover\:bg-transparent-black-10:hover {
    background-color: rgba(0,0,0,0.1);
  }

  .xxl\:hover\:bg-transparent-black-30:hover {
    background-color: rgba(0,0,0,0.3);
  }

  .xxl\:hover\:bg-transparent-black-50:hover {
    background-color: rgba(0,0,0,0.5);
  }

  .xxl\:hover\:bg-transparent-black-70:hover {
    background-color: rgba(0,0,0,0.7);
  }

  .xxl\:hover\:bg-transparent-black-90:hover {
    background-color: rgba(0,0,0,0.9);
  }

  .xxl\:hover\:bg-transparent-white-10:hover {
    background-color: rgba(255,255,255,0.1);
  }

  .xxl\:hover\:bg-transparent-white-30:hover {
    background-color: rgba(255,255,255,0.3);
  }

  .xxl\:hover\:bg-transparent-white-50:hover {
    background-color: rgba(255,255,255,0.5);
  }

  .xxl\:hover\:bg-transparent-white-70:hover {
    background-color: rgba(255,255,255,0.7);
  }

  .xxl\:hover\:bg-transparent-white-90:hover {
    background-color: rgba(255,255,255,0.9);
  }

  .xxl\:hover\:bg-vr-dark-blue:hover {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .xxl\:hover\:bg-vr-neon-green:hover {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .xxl\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .xxl\:focus\:bg-black:focus {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
  }

  .xxl\:focus\:bg-white:focus {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xxl\:focus\:bg-gray-100:focus {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
  }

  .xxl\:focus\:bg-gray-200:focus {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
  }

  .xxl\:focus\:bg-gray-300:focus {
    --bg-opacity: 1;
    background-color: #e2e8f0;
    background-color: rgba(226, 232, 240, var(--bg-opacity));
  }

  .xxl\:focus\:bg-gray-400:focus {
    --bg-opacity: 1;
    background-color: #cbd5e0;
    background-color: rgba(203, 213, 224, var(--bg-opacity));
  }

  .xxl\:focus\:bg-gray-500:focus {
    --bg-opacity: 1;
    background-color: #a0aec0;
    background-color: rgba(160, 174, 192, var(--bg-opacity));
  }

  .xxl\:focus\:bg-gray-600:focus {
    --bg-opacity: 1;
    background-color: #718096;
    background-color: rgba(113, 128, 150, var(--bg-opacity));
  }

  .xxl\:focus\:bg-gray-700:focus {
    --bg-opacity: 1;
    background-color: #4a5568;
    background-color: rgba(74, 85, 104, var(--bg-opacity));
  }

  .xxl\:focus\:bg-gray-800:focus {
    --bg-opacity: 1;
    background-color: #2d3748;
    background-color: rgba(45, 55, 72, var(--bg-opacity));
  }

  .xxl\:focus\:bg-gray-900:focus {
    --bg-opacity: 1;
    background-color: #1a202c;
    background-color: rgba(26, 32, 44, var(--bg-opacity));
  }

  .xxl\:focus\:bg-blue-100:focus {
    --bg-opacity: 1;
    background-color: #86dfff;
    background-color: rgba(134, 223, 255, var(--bg-opacity));
  }

  .xxl\:focus\:bg-blue-200:focus {
    --bg-opacity: 1;
    background-color: #6bd6ff;
    background-color: rgba(107, 214, 255, var(--bg-opacity));
  }

  .xxl\:focus\:bg-blue-300:focus {
    --bg-opacity: 1;
    background-color: #52ccff;
    background-color: rgba(82, 204, 255, var(--bg-opacity));
  }

  .xxl\:focus\:bg-blue-400:focus {
    --bg-opacity: 1;
    background-color: #3ac2ff;
    background-color: rgba(58, 194, 255, var(--bg-opacity));
  }

  .xxl\:focus\:bg-blue-500:focus {
    --bg-opacity: 1;
    background-color: #23b7fb;
    background-color: rgba(35, 183, 251, var(--bg-opacity));
  }

  .xxl\:focus\:bg-blue-600:focus {
    --bg-opacity: 1;
    background-color: #1a9adf;
    background-color: rgba(26, 154, 223, var(--bg-opacity));
  }

  .xxl\:focus\:bg-blue-700:focus {
    --bg-opacity: 1;
    background-color: #127fbf;
    background-color: rgba(18, 127, 191, var(--bg-opacity));
  }

  .xxl\:focus\:bg-blue-800:focus {
    --bg-opacity: 1;
    background-color: #0c659f;
    background-color: rgba(12, 101, 159, var(--bg-opacity));
  }

  .xxl\:focus\:bg-blue-900:focus {
    --bg-opacity: 1;
    background-color: #074c80;
    background-color: rgba(7, 76, 128, var(--bg-opacity));
  }

  .xxl\:focus\:bg-blurple-100:focus {
    --bg-opacity: 1;
    background-color: #938FDB;
    background-color: rgba(147, 143, 219, var(--bg-opacity));
  }

  .xxl\:focus\:bg-blurple-200:focus {
    --bg-opacity: 1;
    background-color: #7A75D0;
    background-color: rgba(122, 117, 208, var(--bg-opacity));
  }

  .xxl\:focus\:bg-blurple-300:focus {
    --bg-opacity: 1;
    background-color: #615BC4;
    background-color: rgba(97, 91, 196, var(--bg-opacity));
  }

  .xxl\:focus\:bg-blurple-400:focus {
    --bg-opacity: 1;
    background-color: #4943B7;
    background-color: rgba(73, 67, 183, var(--bg-opacity));
  }

  .xxl\:focus\:bg-blurple-500:focus {
    --bg-opacity: 1;
    background-color: #322baa;
    background-color: rgba(50, 43, 170, var(--bg-opacity));
  }

  .xxl\:focus\:bg-blurple-700:focus {
    --bg-opacity: 1;
    background-color: #1c1e84;
    background-color: rgba(28, 30, 132, var(--bg-opacity));
  }

  .xxl\:focus\:bg-green-300:focus {
    --bg-opacity: 1;
    background-color: #42d86f;
    background-color: rgba(66, 216, 111, var(--bg-opacity));
  }

  .xxl\:focus\:bg-green-500:focus {
    --bg-opacity: 1;
    background-color: #0cc242;
    background-color: rgba(12, 194, 66, var(--bg-opacity));
  }

  .xxl\:focus\:bg-green-700:focus {
    --bg-opacity: 1;
    background-color: #02983a;
    background-color: rgba(2, 152, 58, var(--bg-opacity));
  }

  .xxl\:focus\:bg-orange-100:focus {
    --bg-opacity: 1;
    background-color: #ff6e4a;
    background-color: rgba(255, 110, 74, var(--bg-opacity));
  }

  .xxl\:focus\:bg-orange-200:focus {
    --bg-opacity: 1;
    background-color: #ff6640;
    background-color: rgba(255, 102, 64, var(--bg-opacity));
  }

  .xxl\:focus\:bg-orange-300:focus {
    --bg-opacity: 1;
    background-color: #ff5e36;
    background-color: rgba(255, 94, 54, var(--bg-opacity));
  }

  .xxl\:focus\:bg-orange-400:focus {
    --bg-opacity: 1;
    background-color: #ff562b;
    background-color: rgba(255, 86, 43, var(--bg-opacity));
  }

  .xxl\:focus\:bg-orange-500:focus {
    --bg-opacity: 1;
    background-color: #ff4d22;
    background-color: rgba(255, 77, 34, var(--bg-opacity));
  }

  .xxl\:focus\:bg-orange-600:focus {
    --bg-opacity: 1;
    background-color: #e5461e;
    background-color: rgba(229, 70, 30, var(--bg-opacity));
  }

  .xxl\:focus\:bg-orange-700:focus {
    --bg-opacity: 1;
    background-color: #cc3e1b;
    background-color: rgba(204, 62, 27, var(--bg-opacity));
  }

  .xxl\:focus\:bg-orange-800:focus {
    --bg-opacity: 1;
    background-color: #b33617;
    background-color: rgba(179, 54, 23, var(--bg-opacity));
  }

  .xxl\:focus\:bg-orange-900:focus {
    --bg-opacity: 1;
    background-color: #992f14;
    background-color: rgba(153, 47, 20, var(--bg-opacity));
  }

  .xxl\:focus\:bg-purple-100:focus {
    --bg-opacity: 1;
    background-color: #c861ff;
    background-color: rgba(200, 97, 255, var(--bg-opacity));
  }

  .xxl\:focus\:bg-purple-200:focus {
    --bg-opacity: 1;
    background-color: #c354ff;
    background-color: rgba(195, 84, 255, var(--bg-opacity));
  }

  .xxl\:focus\:bg-purple-300:focus {
    --bg-opacity: 1;
    background-color: #be49fc;
    background-color: rgba(190, 73, 252, var(--bg-opacity));
  }

  .xxl\:focus\:bg-purple-400:focus {
    --bg-opacity: 1;
    background-color: #ab42e3;
    background-color: rgba(171, 66, 227, var(--bg-opacity));
  }

  .xxl\:focus\:bg-purple-500:focus {
    --bg-opacity: 1;
    background-color: #983ac9;
    background-color: rgba(152, 58, 201, var(--bg-opacity));
  }

  .xxl\:focus\:bg-purple-600:focus {
    --bg-opacity: 1;
    background-color: #8433b0;
    background-color: rgba(132, 51, 176, var(--bg-opacity));
  }

  .xxl\:focus\:bg-purple-700:focus {
    --bg-opacity: 1;
    background-color: #712c96;
    background-color: rgba(113, 44, 150, var(--bg-opacity));
  }

  .xxl\:focus\:bg-purple-800:focus {
    --bg-opacity: 1;
    background-color: #5e247d;
    background-color: rgba(94, 36, 125, var(--bg-opacity));
  }

  .xxl\:focus\:bg-purple-900:focus {
    --bg-opacity: 1;
    background-color: #4b1d63;
    background-color: rgba(75, 29, 99, var(--bg-opacity));
  }

  .xxl\:focus\:bg-red-300:focus {
    --bg-opacity: 1;
    background-color: #ff6d69;
    background-color: rgba(255, 109, 105, var(--bg-opacity));
  }

  .xxl\:focus\:bg-red-500:focus {
    --bg-opacity: 1;
    background-color: #ff4540;
    background-color: rgba(255, 69, 64, var(--bg-opacity));
  }

  .xxl\:focus\:bg-red-700:focus {
    --bg-opacity: 1;
    background-color: #bf3929;
    background-color: rgba(191, 57, 41, var(--bg-opacity));
  }

  .xxl\:focus\:bg-teal-100:focus {
    --bg-opacity: 1;
    background-color: #8cfff9;
    background-color: rgba(140, 255, 249, var(--bg-opacity));
  }

  .xxl\:focus\:bg-teal-200:focus {
    --bg-opacity: 1;
    background-color: #66fff7;
    background-color: rgba(102, 255, 247, var(--bg-opacity));
  }

  .xxl\:focus\:bg-teal-300:focus {
    --bg-opacity: 1;
    background-color: #40fff5;
    background-color: rgba(64, 255, 245, var(--bg-opacity));
  }

  .xxl\:focus\:bg-teal-400:focus {
    --bg-opacity: 1;
    background-color: #35fcf2;
    background-color: rgba(53, 252, 242, var(--bg-opacity));
  }

  .xxl\:focus\:bg-teal-500:focus {
    --bg-opacity: 1;
    background-color: #30e3da;
    background-color: rgba(48, 227, 218, var(--bg-opacity));
  }

  .xxl\:focus\:bg-teal-600:focus {
    --bg-opacity: 1;
    background-color: #2ac9c1;
    background-color: rgba(42, 201, 193, var(--bg-opacity));
  }

  .xxl\:focus\:bg-teal-700:focus {
    --bg-opacity: 1;
    background-color: #25b0a9;
    background-color: rgba(37, 176, 169, var(--bg-opacity));
  }

  .xxl\:focus\:bg-teal-800:focus {
    --bg-opacity: 1;
    background-color: #209691;
    background-color: rgba(32, 150, 145, var(--bg-opacity));
  }

  .xxl\:focus\:bg-teal-900:focus {
    --bg-opacity: 1;
    background-color: #1a7d78;
    background-color: rgba(26, 125, 120, var(--bg-opacity));
  }

  .xxl\:focus\:bg-yellow-100:focus {
    --bg-opacity: 1;
    background-color: #ffe894;
    background-color: rgba(255, 232, 148, var(--bg-opacity));
  }

  .xxl\:focus\:bg-yellow-200:focus {
    --bg-opacity: 1;
    background-color: #ffe27a;
    background-color: rgba(255, 226, 122, var(--bg-opacity));
  }

  .xxl\:focus\:bg-yellow-300:focus {
    --bg-opacity: 1;
    background-color: #ffdd61;
    background-color: rgba(255, 221, 97, var(--bg-opacity));
  }

  .xxl\:focus\:bg-yellow-400:focus {
    --bg-opacity: 1;
    background-color: #ffd747;
    background-color: rgba(255, 215, 71, var(--bg-opacity));
  }

  .xxl\:focus\:bg-yellow-500:focus {
    --bg-opacity: 1;
    background-color: #fcce2f;
    background-color: rgba(252, 206, 47, var(--bg-opacity));
  }

  .xxl\:focus\:bg-yellow-600:focus {
    --bg-opacity: 1;
    background-color: #e3bb29;
    background-color: rgba(227, 187, 41, var(--bg-opacity));
  }

  .xxl\:focus\:bg-yellow-700:focus {
    --bg-opacity: 1;
    background-color: #c9a624;
    background-color: rgba(201, 166, 36, var(--bg-opacity));
  }

  .xxl\:focus\:bg-yellow-800:focus {
    --bg-opacity: 1;
    background-color: #b09120;
    background-color: rgba(176, 145, 32, var(--bg-opacity));
  }

  .xxl\:focus\:bg-yellow-900:focus {
    --bg-opacity: 1;
    background-color: #967c1b;
    background-color: rgba(150, 124, 27, var(--bg-opacity));
  }

  .xxl\:focus\:bg-facebook-400:focus {
    --bg-opacity: 1;
    background-color: #4a6dbc;
    background-color: rgba(74, 109, 188, var(--bg-opacity));
  }

  .xxl\:focus\:bg-facebook-500:focus {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xxl\:focus\:bg-snapchat-400:focus {
    --bg-opacity: 1;
    background-color: #fffc00;
    background-color: rgba(255, 252, 0, var(--bg-opacity));
  }

  .xxl\:focus\:bg-snapchat-500:focus {
    --bg-opacity: 1;
    background-color: #39579a;
    background-color: rgba(57, 87, 154, var(--bg-opacity));
  }

  .xxl\:focus\:bg-messenger-400:focus {
    --bg-opacity: 1;
    background-color: #339dff;
    background-color: rgba(51, 157, 255, var(--bg-opacity));
  }

  .xxl\:focus\:bg-messenger-500:focus {
    --bg-opacity: 1;
    background-color: #0084ff;
    background-color: rgba(0, 132, 255, var(--bg-opacity));
  }

  .xxl\:focus\:bg-twitter-400:focus {
    --bg-opacity: 1;
    background-color: #21c2ff;
    background-color: rgba(33, 194, 255, var(--bg-opacity));
  }

  .xxl\:focus\:bg-twitter-500:focus {
    --bg-opacity: 1;
    background-color: #00aced;
    background-color: rgba(0, 172, 237, var(--bg-opacity));
  }

  .xxl\:focus\:bg-transparent-black-10:focus {
    background-color: rgba(0,0,0,0.1);
  }

  .xxl\:focus\:bg-transparent-black-30:focus {
    background-color: rgba(0,0,0,0.3);
  }

  .xxl\:focus\:bg-transparent-black-50:focus {
    background-color: rgba(0,0,0,0.5);
  }

  .xxl\:focus\:bg-transparent-black-70:focus {
    background-color: rgba(0,0,0,0.7);
  }

  .xxl\:focus\:bg-transparent-black-90:focus {
    background-color: rgba(0,0,0,0.9);
  }

  .xxl\:focus\:bg-transparent-white-10:focus {
    background-color: rgba(255,255,255,0.1);
  }

  .xxl\:focus\:bg-transparent-white-30:focus {
    background-color: rgba(255,255,255,0.3);
  }

  .xxl\:focus\:bg-transparent-white-50:focus {
    background-color: rgba(255,255,255,0.5);
  }

  .xxl\:focus\:bg-transparent-white-70:focus {
    background-color: rgba(255,255,255,0.7);
  }

  .xxl\:focus\:bg-transparent-white-90:focus {
    background-color: rgba(255,255,255,0.9);
  }

  .xxl\:focus\:bg-vr-dark-blue:focus {
    --bg-opacity: 1;
    background-color: #000047;
    background-color: rgba(0, 0, 71, var(--bg-opacity));
  }

  .xxl\:focus\:bg-vr-neon-green:focus {
    --bg-opacity: 1;
    background-color: #00ff75;
    background-color: rgba(0, 255, 117, var(--bg-opacity));
  }

  .xxl\:bg-none {
    background-image: none;
  }

  .xxl\:bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  .xxl\:bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  .xxl\:bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  .xxl\:bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  .xxl\:bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  .xxl\:bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  .xxl\:bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  .xxl\:bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  .xxl\:from-transparent {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:from-black {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:from-white {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:from-gray-100 {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xxl\:from-gray-200 {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xxl\:from-gray-300 {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xxl\:from-gray-400 {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xxl\:from-gray-500 {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xxl\:from-gray-600 {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xxl\:from-gray-700 {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xxl\:from-gray-800 {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xxl\:from-gray-900 {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xxl\:from-blue-100 {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xxl\:from-blue-200 {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xxl\:from-blue-300 {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xxl\:from-blue-400 {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xxl\:from-blue-500 {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xxl\:from-blue-600 {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xxl\:from-blue-700 {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xxl\:from-blue-800 {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xxl\:from-blue-900 {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xxl\:from-blurple-100 {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xxl\:from-blurple-200 {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xxl\:from-blurple-300 {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xxl\:from-blurple-400 {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xxl\:from-blurple-500 {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xxl\:from-blurple-700 {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xxl\:from-green-300 {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xxl\:from-green-500 {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xxl\:from-green-700 {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xxl\:from-orange-100 {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xxl\:from-orange-200 {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xxl\:from-orange-300 {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xxl\:from-orange-400 {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xxl\:from-orange-500 {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xxl\:from-orange-600 {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xxl\:from-orange-700 {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xxl\:from-orange-800 {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xxl\:from-orange-900 {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xxl\:from-purple-100 {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xxl\:from-purple-200 {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xxl\:from-purple-300 {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xxl\:from-purple-400 {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xxl\:from-purple-500 {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xxl\:from-purple-600 {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xxl\:from-purple-700 {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xxl\:from-purple-800 {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xxl\:from-purple-900 {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xxl\:from-red-300 {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xxl\:from-red-500 {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xxl\:from-red-700 {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xxl\:from-teal-100 {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xxl\:from-teal-200 {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xxl\:from-teal-300 {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xxl\:from-teal-400 {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xxl\:from-teal-500 {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xxl\:from-teal-600 {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xxl\:from-teal-700 {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xxl\:from-teal-800 {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xxl\:from-teal-900 {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xxl\:from-yellow-100 {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xxl\:from-yellow-200 {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xxl\:from-yellow-300 {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xxl\:from-yellow-400 {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xxl\:from-yellow-500 {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xxl\:from-yellow-600 {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xxl\:from-yellow-700 {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xxl\:from-yellow-800 {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xxl\:from-yellow-900 {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xxl\:from-facebook-400 {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xxl\:from-facebook-500 {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xxl\:from-snapchat-400 {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xxl\:from-snapchat-500 {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xxl\:from-messenger-400 {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xxl\:from-messenger-500 {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xxl\:from-twitter-400 {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xxl\:from-twitter-500 {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xxl\:from-transparent-black-10 {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:from-transparent-black-30 {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:from-transparent-black-50 {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:from-transparent-black-70 {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:from-transparent-black-90 {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:from-transparent-white-10 {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:from-transparent-white-30 {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:from-transparent-white-50 {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:from-transparent-white-70 {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:from-transparent-white-90 {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:from-vr-dark-blue {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xxl\:from-vr-neon-green {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xxl\:via-transparent {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:via-black {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:via-white {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:via-gray-100 {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xxl\:via-gray-200 {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xxl\:via-gray-300 {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xxl\:via-gray-400 {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xxl\:via-gray-500 {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xxl\:via-gray-600 {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xxl\:via-gray-700 {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xxl\:via-gray-800 {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xxl\:via-gray-900 {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xxl\:via-blue-100 {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xxl\:via-blue-200 {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xxl\:via-blue-300 {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xxl\:via-blue-400 {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xxl\:via-blue-500 {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xxl\:via-blue-600 {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xxl\:via-blue-700 {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xxl\:via-blue-800 {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xxl\:via-blue-900 {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xxl\:via-blurple-100 {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xxl\:via-blurple-200 {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xxl\:via-blurple-300 {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xxl\:via-blurple-400 {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xxl\:via-blurple-500 {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xxl\:via-blurple-700 {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xxl\:via-green-300 {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xxl\:via-green-500 {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xxl\:via-green-700 {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xxl\:via-orange-100 {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xxl\:via-orange-200 {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xxl\:via-orange-300 {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xxl\:via-orange-400 {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xxl\:via-orange-500 {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xxl\:via-orange-600 {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xxl\:via-orange-700 {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xxl\:via-orange-800 {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xxl\:via-orange-900 {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xxl\:via-purple-100 {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xxl\:via-purple-200 {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xxl\:via-purple-300 {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xxl\:via-purple-400 {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xxl\:via-purple-500 {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xxl\:via-purple-600 {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xxl\:via-purple-700 {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xxl\:via-purple-800 {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xxl\:via-purple-900 {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xxl\:via-red-300 {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xxl\:via-red-500 {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xxl\:via-red-700 {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xxl\:via-teal-100 {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xxl\:via-teal-200 {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xxl\:via-teal-300 {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xxl\:via-teal-400 {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xxl\:via-teal-500 {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xxl\:via-teal-600 {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xxl\:via-teal-700 {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xxl\:via-teal-800 {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xxl\:via-teal-900 {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xxl\:via-yellow-100 {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xxl\:via-yellow-200 {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xxl\:via-yellow-300 {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xxl\:via-yellow-400 {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xxl\:via-yellow-500 {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xxl\:via-yellow-600 {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xxl\:via-yellow-700 {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xxl\:via-yellow-800 {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xxl\:via-yellow-900 {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xxl\:via-facebook-400 {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xxl\:via-facebook-500 {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xxl\:via-snapchat-400 {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xxl\:via-snapchat-500 {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xxl\:via-messenger-400 {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xxl\:via-messenger-500 {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xxl\:via-twitter-400 {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xxl\:via-twitter-500 {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xxl\:via-transparent-black-10 {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:via-transparent-black-30 {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:via-transparent-black-50 {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:via-transparent-black-70 {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:via-transparent-black-90 {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:via-transparent-white-10 {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:via-transparent-white-30 {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:via-transparent-white-50 {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:via-transparent-white-70 {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:via-transparent-white-90 {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:via-vr-dark-blue {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xxl\:via-vr-neon-green {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xxl\:to-transparent {
    --gradient-to-color: transparent;
  }

  .xxl\:to-black {
    --gradient-to-color: #000;
  }

  .xxl\:to-white {
    --gradient-to-color: #fff;
  }

  .xxl\:to-gray-100 {
    --gradient-to-color: #f7fafc;
  }

  .xxl\:to-gray-200 {
    --gradient-to-color: #edf2f7;
  }

  .xxl\:to-gray-300 {
    --gradient-to-color: #e2e8f0;
  }

  .xxl\:to-gray-400 {
    --gradient-to-color: #cbd5e0;
  }

  .xxl\:to-gray-500 {
    --gradient-to-color: #a0aec0;
  }

  .xxl\:to-gray-600 {
    --gradient-to-color: #718096;
  }

  .xxl\:to-gray-700 {
    --gradient-to-color: #4a5568;
  }

  .xxl\:to-gray-800 {
    --gradient-to-color: #2d3748;
  }

  .xxl\:to-gray-900 {
    --gradient-to-color: #1a202c;
  }

  .xxl\:to-blue-100 {
    --gradient-to-color: #86dfff;
  }

  .xxl\:to-blue-200 {
    --gradient-to-color: #6bd6ff;
  }

  .xxl\:to-blue-300 {
    --gradient-to-color: #52ccff;
  }

  .xxl\:to-blue-400 {
    --gradient-to-color: #3ac2ff;
  }

  .xxl\:to-blue-500 {
    --gradient-to-color: #23b7fb;
  }

  .xxl\:to-blue-600 {
    --gradient-to-color: #1a9adf;
  }

  .xxl\:to-blue-700 {
    --gradient-to-color: #127fbf;
  }

  .xxl\:to-blue-800 {
    --gradient-to-color: #0c659f;
  }

  .xxl\:to-blue-900 {
    --gradient-to-color: #074c80;
  }

  .xxl\:to-blurple-100 {
    --gradient-to-color: #938FDB;
  }

  .xxl\:to-blurple-200 {
    --gradient-to-color: #7A75D0;
  }

  .xxl\:to-blurple-300 {
    --gradient-to-color: #615BC4;
  }

  .xxl\:to-blurple-400 {
    --gradient-to-color: #4943B7;
  }

  .xxl\:to-blurple-500 {
    --gradient-to-color: #322baa;
  }

  .xxl\:to-blurple-700 {
    --gradient-to-color: #1c1e84;
  }

  .xxl\:to-green-300 {
    --gradient-to-color: #42d86f;
  }

  .xxl\:to-green-500 {
    --gradient-to-color: #0cc242;
  }

  .xxl\:to-green-700 {
    --gradient-to-color: #02983a;
  }

  .xxl\:to-orange-100 {
    --gradient-to-color: #ff6e4a;
  }

  .xxl\:to-orange-200 {
    --gradient-to-color: #ff6640;
  }

  .xxl\:to-orange-300 {
    --gradient-to-color: #ff5e36;
  }

  .xxl\:to-orange-400 {
    --gradient-to-color: #ff562b;
  }

  .xxl\:to-orange-500 {
    --gradient-to-color: #ff4d22;
  }

  .xxl\:to-orange-600 {
    --gradient-to-color: #e5461e;
  }

  .xxl\:to-orange-700 {
    --gradient-to-color: #cc3e1b;
  }

  .xxl\:to-orange-800 {
    --gradient-to-color: #b33617;
  }

  .xxl\:to-orange-900 {
    --gradient-to-color: #992f14;
  }

  .xxl\:to-purple-100 {
    --gradient-to-color: #c861ff;
  }

  .xxl\:to-purple-200 {
    --gradient-to-color: #c354ff;
  }

  .xxl\:to-purple-300 {
    --gradient-to-color: #be49fc;
  }

  .xxl\:to-purple-400 {
    --gradient-to-color: #ab42e3;
  }

  .xxl\:to-purple-500 {
    --gradient-to-color: #983ac9;
  }

  .xxl\:to-purple-600 {
    --gradient-to-color: #8433b0;
  }

  .xxl\:to-purple-700 {
    --gradient-to-color: #712c96;
  }

  .xxl\:to-purple-800 {
    --gradient-to-color: #5e247d;
  }

  .xxl\:to-purple-900 {
    --gradient-to-color: #4b1d63;
  }

  .xxl\:to-red-300 {
    --gradient-to-color: #ff6d69;
  }

  .xxl\:to-red-500 {
    --gradient-to-color: #ff4540;
  }

  .xxl\:to-red-700 {
    --gradient-to-color: #bf3929;
  }

  .xxl\:to-teal-100 {
    --gradient-to-color: #8cfff9;
  }

  .xxl\:to-teal-200 {
    --gradient-to-color: #66fff7;
  }

  .xxl\:to-teal-300 {
    --gradient-to-color: #40fff5;
  }

  .xxl\:to-teal-400 {
    --gradient-to-color: #35fcf2;
  }

  .xxl\:to-teal-500 {
    --gradient-to-color: #30e3da;
  }

  .xxl\:to-teal-600 {
    --gradient-to-color: #2ac9c1;
  }

  .xxl\:to-teal-700 {
    --gradient-to-color: #25b0a9;
  }

  .xxl\:to-teal-800 {
    --gradient-to-color: #209691;
  }

  .xxl\:to-teal-900 {
    --gradient-to-color: #1a7d78;
  }

  .xxl\:to-yellow-100 {
    --gradient-to-color: #ffe894;
  }

  .xxl\:to-yellow-200 {
    --gradient-to-color: #ffe27a;
  }

  .xxl\:to-yellow-300 {
    --gradient-to-color: #ffdd61;
  }

  .xxl\:to-yellow-400 {
    --gradient-to-color: #ffd747;
  }

  .xxl\:to-yellow-500 {
    --gradient-to-color: #fcce2f;
  }

  .xxl\:to-yellow-600 {
    --gradient-to-color: #e3bb29;
  }

  .xxl\:to-yellow-700 {
    --gradient-to-color: #c9a624;
  }

  .xxl\:to-yellow-800 {
    --gradient-to-color: #b09120;
  }

  .xxl\:to-yellow-900 {
    --gradient-to-color: #967c1b;
  }

  .xxl\:to-facebook-400 {
    --gradient-to-color: #4a6dbc;
  }

  .xxl\:to-facebook-500 {
    --gradient-to-color: #39579a;
  }

  .xxl\:to-snapchat-400 {
    --gradient-to-color: #fffc00;
  }

  .xxl\:to-snapchat-500 {
    --gradient-to-color: #39579a;
  }

  .xxl\:to-messenger-400 {
    --gradient-to-color: #339dff;
  }

  .xxl\:to-messenger-500 {
    --gradient-to-color: #0084ff;
  }

  .xxl\:to-twitter-400 {
    --gradient-to-color: #21c2ff;
  }

  .xxl\:to-twitter-500 {
    --gradient-to-color: #00aced;
  }

  .xxl\:to-transparent-black-10 {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .xxl\:to-transparent-black-30 {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .xxl\:to-transparent-black-50 {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .xxl\:to-transparent-black-70 {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .xxl\:to-transparent-black-90 {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .xxl\:to-transparent-white-10 {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .xxl\:to-transparent-white-30 {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .xxl\:to-transparent-white-50 {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .xxl\:to-transparent-white-70 {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .xxl\:to-transparent-white-90 {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .xxl\:to-vr-dark-blue {
    --gradient-to-color: #000047;
  }

  .xxl\:to-vr-neon-green {
    --gradient-to-color: #00ff75;
  }

  .xxl\:hover\:from-transparent:hover {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:hover\:from-black:hover {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:hover\:from-white:hover {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:hover\:from-gray-100:hover {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xxl\:hover\:from-gray-200:hover {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xxl\:hover\:from-gray-300:hover {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xxl\:hover\:from-gray-400:hover {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xxl\:hover\:from-gray-500:hover {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xxl\:hover\:from-gray-600:hover {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xxl\:hover\:from-gray-700:hover {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xxl\:hover\:from-gray-800:hover {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xxl\:hover\:from-gray-900:hover {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xxl\:hover\:from-blue-100:hover {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xxl\:hover\:from-blue-200:hover {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xxl\:hover\:from-blue-300:hover {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xxl\:hover\:from-blue-400:hover {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xxl\:hover\:from-blue-500:hover {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xxl\:hover\:from-blue-600:hover {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xxl\:hover\:from-blue-700:hover {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xxl\:hover\:from-blue-800:hover {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xxl\:hover\:from-blue-900:hover {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xxl\:hover\:from-blurple-100:hover {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xxl\:hover\:from-blurple-200:hover {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xxl\:hover\:from-blurple-300:hover {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xxl\:hover\:from-blurple-400:hover {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xxl\:hover\:from-blurple-500:hover {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xxl\:hover\:from-blurple-700:hover {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xxl\:hover\:from-green-300:hover {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xxl\:hover\:from-green-500:hover {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xxl\:hover\:from-green-700:hover {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xxl\:hover\:from-orange-100:hover {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xxl\:hover\:from-orange-200:hover {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xxl\:hover\:from-orange-300:hover {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xxl\:hover\:from-orange-400:hover {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xxl\:hover\:from-orange-500:hover {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xxl\:hover\:from-orange-600:hover {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xxl\:hover\:from-orange-700:hover {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xxl\:hover\:from-orange-800:hover {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xxl\:hover\:from-orange-900:hover {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xxl\:hover\:from-purple-100:hover {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xxl\:hover\:from-purple-200:hover {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xxl\:hover\:from-purple-300:hover {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xxl\:hover\:from-purple-400:hover {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xxl\:hover\:from-purple-500:hover {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xxl\:hover\:from-purple-600:hover {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xxl\:hover\:from-purple-700:hover {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xxl\:hover\:from-purple-800:hover {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xxl\:hover\:from-purple-900:hover {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xxl\:hover\:from-red-300:hover {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xxl\:hover\:from-red-500:hover {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xxl\:hover\:from-red-700:hover {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xxl\:hover\:from-teal-100:hover {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xxl\:hover\:from-teal-200:hover {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xxl\:hover\:from-teal-300:hover {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xxl\:hover\:from-teal-400:hover {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xxl\:hover\:from-teal-500:hover {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xxl\:hover\:from-teal-600:hover {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xxl\:hover\:from-teal-700:hover {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xxl\:hover\:from-teal-800:hover {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xxl\:hover\:from-teal-900:hover {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xxl\:hover\:from-yellow-100:hover {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xxl\:hover\:from-yellow-200:hover {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xxl\:hover\:from-yellow-300:hover {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xxl\:hover\:from-yellow-400:hover {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xxl\:hover\:from-yellow-500:hover {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xxl\:hover\:from-yellow-600:hover {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xxl\:hover\:from-yellow-700:hover {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xxl\:hover\:from-yellow-800:hover {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xxl\:hover\:from-yellow-900:hover {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xxl\:hover\:from-facebook-400:hover {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xxl\:hover\:from-facebook-500:hover {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xxl\:hover\:from-snapchat-400:hover {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xxl\:hover\:from-snapchat-500:hover {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xxl\:hover\:from-messenger-400:hover {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xxl\:hover\:from-messenger-500:hover {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xxl\:hover\:from-twitter-400:hover {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xxl\:hover\:from-twitter-500:hover {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xxl\:hover\:from-transparent-black-10:hover {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:hover\:from-transparent-black-30:hover {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:hover\:from-transparent-black-50:hover {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:hover\:from-transparent-black-70:hover {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:hover\:from-transparent-black-90:hover {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:hover\:from-transparent-white-10:hover {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:hover\:from-transparent-white-30:hover {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:hover\:from-transparent-white-50:hover {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:hover\:from-transparent-white-70:hover {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:hover\:from-transparent-white-90:hover {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:hover\:from-vr-dark-blue:hover {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xxl\:hover\:from-vr-neon-green:hover {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xxl\:hover\:via-transparent:hover {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:hover\:via-black:hover {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:hover\:via-white:hover {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:hover\:via-gray-100:hover {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xxl\:hover\:via-gray-200:hover {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xxl\:hover\:via-gray-300:hover {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xxl\:hover\:via-gray-400:hover {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xxl\:hover\:via-gray-500:hover {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xxl\:hover\:via-gray-600:hover {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xxl\:hover\:via-gray-700:hover {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xxl\:hover\:via-gray-800:hover {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xxl\:hover\:via-gray-900:hover {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xxl\:hover\:via-blue-100:hover {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xxl\:hover\:via-blue-200:hover {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xxl\:hover\:via-blue-300:hover {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xxl\:hover\:via-blue-400:hover {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xxl\:hover\:via-blue-500:hover {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xxl\:hover\:via-blue-600:hover {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xxl\:hover\:via-blue-700:hover {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xxl\:hover\:via-blue-800:hover {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xxl\:hover\:via-blue-900:hover {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xxl\:hover\:via-blurple-100:hover {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xxl\:hover\:via-blurple-200:hover {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xxl\:hover\:via-blurple-300:hover {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xxl\:hover\:via-blurple-400:hover {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xxl\:hover\:via-blurple-500:hover {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xxl\:hover\:via-blurple-700:hover {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xxl\:hover\:via-green-300:hover {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xxl\:hover\:via-green-500:hover {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xxl\:hover\:via-green-700:hover {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xxl\:hover\:via-orange-100:hover {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xxl\:hover\:via-orange-200:hover {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xxl\:hover\:via-orange-300:hover {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xxl\:hover\:via-orange-400:hover {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xxl\:hover\:via-orange-500:hover {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xxl\:hover\:via-orange-600:hover {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xxl\:hover\:via-orange-700:hover {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xxl\:hover\:via-orange-800:hover {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xxl\:hover\:via-orange-900:hover {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xxl\:hover\:via-purple-100:hover {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xxl\:hover\:via-purple-200:hover {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xxl\:hover\:via-purple-300:hover {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xxl\:hover\:via-purple-400:hover {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xxl\:hover\:via-purple-500:hover {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xxl\:hover\:via-purple-600:hover {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xxl\:hover\:via-purple-700:hover {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xxl\:hover\:via-purple-800:hover {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xxl\:hover\:via-purple-900:hover {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xxl\:hover\:via-red-300:hover {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xxl\:hover\:via-red-500:hover {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xxl\:hover\:via-red-700:hover {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xxl\:hover\:via-teal-100:hover {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xxl\:hover\:via-teal-200:hover {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xxl\:hover\:via-teal-300:hover {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xxl\:hover\:via-teal-400:hover {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xxl\:hover\:via-teal-500:hover {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xxl\:hover\:via-teal-600:hover {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xxl\:hover\:via-teal-700:hover {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xxl\:hover\:via-teal-800:hover {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xxl\:hover\:via-teal-900:hover {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xxl\:hover\:via-yellow-100:hover {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xxl\:hover\:via-yellow-200:hover {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xxl\:hover\:via-yellow-300:hover {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xxl\:hover\:via-yellow-400:hover {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xxl\:hover\:via-yellow-500:hover {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xxl\:hover\:via-yellow-600:hover {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xxl\:hover\:via-yellow-700:hover {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xxl\:hover\:via-yellow-800:hover {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xxl\:hover\:via-yellow-900:hover {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xxl\:hover\:via-facebook-400:hover {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xxl\:hover\:via-facebook-500:hover {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xxl\:hover\:via-snapchat-400:hover {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xxl\:hover\:via-snapchat-500:hover {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xxl\:hover\:via-messenger-400:hover {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xxl\:hover\:via-messenger-500:hover {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xxl\:hover\:via-twitter-400:hover {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xxl\:hover\:via-twitter-500:hover {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xxl\:hover\:via-transparent-black-10:hover {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:hover\:via-transparent-black-30:hover {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:hover\:via-transparent-black-50:hover {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:hover\:via-transparent-black-70:hover {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:hover\:via-transparent-black-90:hover {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:hover\:via-transparent-white-10:hover {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:hover\:via-transparent-white-30:hover {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:hover\:via-transparent-white-50:hover {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:hover\:via-transparent-white-70:hover {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:hover\:via-transparent-white-90:hover {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:hover\:via-vr-dark-blue:hover {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xxl\:hover\:via-vr-neon-green:hover {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xxl\:hover\:to-transparent:hover {
    --gradient-to-color: transparent;
  }

  .xxl\:hover\:to-black:hover {
    --gradient-to-color: #000;
  }

  .xxl\:hover\:to-white:hover {
    --gradient-to-color: #fff;
  }

  .xxl\:hover\:to-gray-100:hover {
    --gradient-to-color: #f7fafc;
  }

  .xxl\:hover\:to-gray-200:hover {
    --gradient-to-color: #edf2f7;
  }

  .xxl\:hover\:to-gray-300:hover {
    --gradient-to-color: #e2e8f0;
  }

  .xxl\:hover\:to-gray-400:hover {
    --gradient-to-color: #cbd5e0;
  }

  .xxl\:hover\:to-gray-500:hover {
    --gradient-to-color: #a0aec0;
  }

  .xxl\:hover\:to-gray-600:hover {
    --gradient-to-color: #718096;
  }

  .xxl\:hover\:to-gray-700:hover {
    --gradient-to-color: #4a5568;
  }

  .xxl\:hover\:to-gray-800:hover {
    --gradient-to-color: #2d3748;
  }

  .xxl\:hover\:to-gray-900:hover {
    --gradient-to-color: #1a202c;
  }

  .xxl\:hover\:to-blue-100:hover {
    --gradient-to-color: #86dfff;
  }

  .xxl\:hover\:to-blue-200:hover {
    --gradient-to-color: #6bd6ff;
  }

  .xxl\:hover\:to-blue-300:hover {
    --gradient-to-color: #52ccff;
  }

  .xxl\:hover\:to-blue-400:hover {
    --gradient-to-color: #3ac2ff;
  }

  .xxl\:hover\:to-blue-500:hover {
    --gradient-to-color: #23b7fb;
  }

  .xxl\:hover\:to-blue-600:hover {
    --gradient-to-color: #1a9adf;
  }

  .xxl\:hover\:to-blue-700:hover {
    --gradient-to-color: #127fbf;
  }

  .xxl\:hover\:to-blue-800:hover {
    --gradient-to-color: #0c659f;
  }

  .xxl\:hover\:to-blue-900:hover {
    --gradient-to-color: #074c80;
  }

  .xxl\:hover\:to-blurple-100:hover {
    --gradient-to-color: #938FDB;
  }

  .xxl\:hover\:to-blurple-200:hover {
    --gradient-to-color: #7A75D0;
  }

  .xxl\:hover\:to-blurple-300:hover {
    --gradient-to-color: #615BC4;
  }

  .xxl\:hover\:to-blurple-400:hover {
    --gradient-to-color: #4943B7;
  }

  .xxl\:hover\:to-blurple-500:hover {
    --gradient-to-color: #322baa;
  }

  .xxl\:hover\:to-blurple-700:hover {
    --gradient-to-color: #1c1e84;
  }

  .xxl\:hover\:to-green-300:hover {
    --gradient-to-color: #42d86f;
  }

  .xxl\:hover\:to-green-500:hover {
    --gradient-to-color: #0cc242;
  }

  .xxl\:hover\:to-green-700:hover {
    --gradient-to-color: #02983a;
  }

  .xxl\:hover\:to-orange-100:hover {
    --gradient-to-color: #ff6e4a;
  }

  .xxl\:hover\:to-orange-200:hover {
    --gradient-to-color: #ff6640;
  }

  .xxl\:hover\:to-orange-300:hover {
    --gradient-to-color: #ff5e36;
  }

  .xxl\:hover\:to-orange-400:hover {
    --gradient-to-color: #ff562b;
  }

  .xxl\:hover\:to-orange-500:hover {
    --gradient-to-color: #ff4d22;
  }

  .xxl\:hover\:to-orange-600:hover {
    --gradient-to-color: #e5461e;
  }

  .xxl\:hover\:to-orange-700:hover {
    --gradient-to-color: #cc3e1b;
  }

  .xxl\:hover\:to-orange-800:hover {
    --gradient-to-color: #b33617;
  }

  .xxl\:hover\:to-orange-900:hover {
    --gradient-to-color: #992f14;
  }

  .xxl\:hover\:to-purple-100:hover {
    --gradient-to-color: #c861ff;
  }

  .xxl\:hover\:to-purple-200:hover {
    --gradient-to-color: #c354ff;
  }

  .xxl\:hover\:to-purple-300:hover {
    --gradient-to-color: #be49fc;
  }

  .xxl\:hover\:to-purple-400:hover {
    --gradient-to-color: #ab42e3;
  }

  .xxl\:hover\:to-purple-500:hover {
    --gradient-to-color: #983ac9;
  }

  .xxl\:hover\:to-purple-600:hover {
    --gradient-to-color: #8433b0;
  }

  .xxl\:hover\:to-purple-700:hover {
    --gradient-to-color: #712c96;
  }

  .xxl\:hover\:to-purple-800:hover {
    --gradient-to-color: #5e247d;
  }

  .xxl\:hover\:to-purple-900:hover {
    --gradient-to-color: #4b1d63;
  }

  .xxl\:hover\:to-red-300:hover {
    --gradient-to-color: #ff6d69;
  }

  .xxl\:hover\:to-red-500:hover {
    --gradient-to-color: #ff4540;
  }

  .xxl\:hover\:to-red-700:hover {
    --gradient-to-color: #bf3929;
  }

  .xxl\:hover\:to-teal-100:hover {
    --gradient-to-color: #8cfff9;
  }

  .xxl\:hover\:to-teal-200:hover {
    --gradient-to-color: #66fff7;
  }

  .xxl\:hover\:to-teal-300:hover {
    --gradient-to-color: #40fff5;
  }

  .xxl\:hover\:to-teal-400:hover {
    --gradient-to-color: #35fcf2;
  }

  .xxl\:hover\:to-teal-500:hover {
    --gradient-to-color: #30e3da;
  }

  .xxl\:hover\:to-teal-600:hover {
    --gradient-to-color: #2ac9c1;
  }

  .xxl\:hover\:to-teal-700:hover {
    --gradient-to-color: #25b0a9;
  }

  .xxl\:hover\:to-teal-800:hover {
    --gradient-to-color: #209691;
  }

  .xxl\:hover\:to-teal-900:hover {
    --gradient-to-color: #1a7d78;
  }

  .xxl\:hover\:to-yellow-100:hover {
    --gradient-to-color: #ffe894;
  }

  .xxl\:hover\:to-yellow-200:hover {
    --gradient-to-color: #ffe27a;
  }

  .xxl\:hover\:to-yellow-300:hover {
    --gradient-to-color: #ffdd61;
  }

  .xxl\:hover\:to-yellow-400:hover {
    --gradient-to-color: #ffd747;
  }

  .xxl\:hover\:to-yellow-500:hover {
    --gradient-to-color: #fcce2f;
  }

  .xxl\:hover\:to-yellow-600:hover {
    --gradient-to-color: #e3bb29;
  }

  .xxl\:hover\:to-yellow-700:hover {
    --gradient-to-color: #c9a624;
  }

  .xxl\:hover\:to-yellow-800:hover {
    --gradient-to-color: #b09120;
  }

  .xxl\:hover\:to-yellow-900:hover {
    --gradient-to-color: #967c1b;
  }

  .xxl\:hover\:to-facebook-400:hover {
    --gradient-to-color: #4a6dbc;
  }

  .xxl\:hover\:to-facebook-500:hover {
    --gradient-to-color: #39579a;
  }

  .xxl\:hover\:to-snapchat-400:hover {
    --gradient-to-color: #fffc00;
  }

  .xxl\:hover\:to-snapchat-500:hover {
    --gradient-to-color: #39579a;
  }

  .xxl\:hover\:to-messenger-400:hover {
    --gradient-to-color: #339dff;
  }

  .xxl\:hover\:to-messenger-500:hover {
    --gradient-to-color: #0084ff;
  }

  .xxl\:hover\:to-twitter-400:hover {
    --gradient-to-color: #21c2ff;
  }

  .xxl\:hover\:to-twitter-500:hover {
    --gradient-to-color: #00aced;
  }

  .xxl\:hover\:to-transparent-black-10:hover {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .xxl\:hover\:to-transparent-black-30:hover {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .xxl\:hover\:to-transparent-black-50:hover {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .xxl\:hover\:to-transparent-black-70:hover {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .xxl\:hover\:to-transparent-black-90:hover {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .xxl\:hover\:to-transparent-white-10:hover {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .xxl\:hover\:to-transparent-white-30:hover {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .xxl\:hover\:to-transparent-white-50:hover {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .xxl\:hover\:to-transparent-white-70:hover {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .xxl\:hover\:to-transparent-white-90:hover {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .xxl\:hover\:to-vr-dark-blue:hover {
    --gradient-to-color: #000047;
  }

  .xxl\:hover\:to-vr-neon-green:hover {
    --gradient-to-color: #00ff75;
  }

  .xxl\:focus\:from-transparent:focus {
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:focus\:from-black:focus {
    --gradient-from-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:focus\:from-white:focus {
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:focus\:from-gray-100:focus {
    --gradient-from-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xxl\:focus\:from-gray-200:focus {
    --gradient-from-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xxl\:focus\:from-gray-300:focus {
    --gradient-from-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xxl\:focus\:from-gray-400:focus {
    --gradient-from-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xxl\:focus\:from-gray-500:focus {
    --gradient-from-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xxl\:focus\:from-gray-600:focus {
    --gradient-from-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xxl\:focus\:from-gray-700:focus {
    --gradient-from-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xxl\:focus\:from-gray-800:focus {
    --gradient-from-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xxl\:focus\:from-gray-900:focus {
    --gradient-from-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xxl\:focus\:from-blue-100:focus {
    --gradient-from-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xxl\:focus\:from-blue-200:focus {
    --gradient-from-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xxl\:focus\:from-blue-300:focus {
    --gradient-from-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xxl\:focus\:from-blue-400:focus {
    --gradient-from-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xxl\:focus\:from-blue-500:focus {
    --gradient-from-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xxl\:focus\:from-blue-600:focus {
    --gradient-from-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xxl\:focus\:from-blue-700:focus {
    --gradient-from-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xxl\:focus\:from-blue-800:focus {
    --gradient-from-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xxl\:focus\:from-blue-900:focus {
    --gradient-from-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xxl\:focus\:from-blurple-100:focus {
    --gradient-from-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xxl\:focus\:from-blurple-200:focus {
    --gradient-from-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xxl\:focus\:from-blurple-300:focus {
    --gradient-from-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xxl\:focus\:from-blurple-400:focus {
    --gradient-from-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xxl\:focus\:from-blurple-500:focus {
    --gradient-from-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xxl\:focus\:from-blurple-700:focus {
    --gradient-from-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xxl\:focus\:from-green-300:focus {
    --gradient-from-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xxl\:focus\:from-green-500:focus {
    --gradient-from-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xxl\:focus\:from-green-700:focus {
    --gradient-from-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xxl\:focus\:from-orange-100:focus {
    --gradient-from-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xxl\:focus\:from-orange-200:focus {
    --gradient-from-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xxl\:focus\:from-orange-300:focus {
    --gradient-from-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xxl\:focus\:from-orange-400:focus {
    --gradient-from-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xxl\:focus\:from-orange-500:focus {
    --gradient-from-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xxl\:focus\:from-orange-600:focus {
    --gradient-from-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xxl\:focus\:from-orange-700:focus {
    --gradient-from-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xxl\:focus\:from-orange-800:focus {
    --gradient-from-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xxl\:focus\:from-orange-900:focus {
    --gradient-from-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xxl\:focus\:from-purple-100:focus {
    --gradient-from-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xxl\:focus\:from-purple-200:focus {
    --gradient-from-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xxl\:focus\:from-purple-300:focus {
    --gradient-from-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xxl\:focus\:from-purple-400:focus {
    --gradient-from-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xxl\:focus\:from-purple-500:focus {
    --gradient-from-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xxl\:focus\:from-purple-600:focus {
    --gradient-from-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xxl\:focus\:from-purple-700:focus {
    --gradient-from-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xxl\:focus\:from-purple-800:focus {
    --gradient-from-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xxl\:focus\:from-purple-900:focus {
    --gradient-from-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xxl\:focus\:from-red-300:focus {
    --gradient-from-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xxl\:focus\:from-red-500:focus {
    --gradient-from-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xxl\:focus\:from-red-700:focus {
    --gradient-from-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xxl\:focus\:from-teal-100:focus {
    --gradient-from-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xxl\:focus\:from-teal-200:focus {
    --gradient-from-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xxl\:focus\:from-teal-300:focus {
    --gradient-from-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xxl\:focus\:from-teal-400:focus {
    --gradient-from-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xxl\:focus\:from-teal-500:focus {
    --gradient-from-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xxl\:focus\:from-teal-600:focus {
    --gradient-from-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xxl\:focus\:from-teal-700:focus {
    --gradient-from-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xxl\:focus\:from-teal-800:focus {
    --gradient-from-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xxl\:focus\:from-teal-900:focus {
    --gradient-from-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xxl\:focus\:from-yellow-100:focus {
    --gradient-from-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xxl\:focus\:from-yellow-200:focus {
    --gradient-from-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xxl\:focus\:from-yellow-300:focus {
    --gradient-from-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xxl\:focus\:from-yellow-400:focus {
    --gradient-from-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xxl\:focus\:from-yellow-500:focus {
    --gradient-from-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xxl\:focus\:from-yellow-600:focus {
    --gradient-from-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xxl\:focus\:from-yellow-700:focus {
    --gradient-from-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xxl\:focus\:from-yellow-800:focus {
    --gradient-from-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xxl\:focus\:from-yellow-900:focus {
    --gradient-from-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xxl\:focus\:from-facebook-400:focus {
    --gradient-from-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xxl\:focus\:from-facebook-500:focus {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xxl\:focus\:from-snapchat-400:focus {
    --gradient-from-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xxl\:focus\:from-snapchat-500:focus {
    --gradient-from-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xxl\:focus\:from-messenger-400:focus {
    --gradient-from-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xxl\:focus\:from-messenger-500:focus {
    --gradient-from-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xxl\:focus\:from-twitter-400:focus {
    --gradient-from-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xxl\:focus\:from-twitter-500:focus {
    --gradient-from-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xxl\:focus\:from-transparent-black-10:focus {
    --gradient-from-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:focus\:from-transparent-black-30:focus {
    --gradient-from-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:focus\:from-transparent-black-50:focus {
    --gradient-from-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:focus\:from-transparent-black-70:focus {
    --gradient-from-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:focus\:from-transparent-black-90:focus {
    --gradient-from-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:focus\:from-transparent-white-10:focus {
    --gradient-from-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:focus\:from-transparent-white-30:focus {
    --gradient-from-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:focus\:from-transparent-white-50:focus {
    --gradient-from-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:focus\:from-transparent-white-70:focus {
    --gradient-from-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:focus\:from-transparent-white-90:focus {
    --gradient-from-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:focus\:from-vr-dark-blue:focus {
    --gradient-from-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xxl\:focus\:from-vr-neon-green:focus {
    --gradient-from-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xxl\:focus\:via-transparent:focus {
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:focus\:via-black:focus {
    --gradient-via-color: #000;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:focus\:via-white:focus {
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:focus\:via-gray-100:focus {
    --gradient-via-color: #f7fafc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
  }

  .xxl\:focus\:via-gray-200:focus {
    --gradient-via-color: #edf2f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
  }

  .xxl\:focus\:via-gray-300:focus {
    --gradient-via-color: #e2e8f0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
  }

  .xxl\:focus\:via-gray-400:focus {
    --gradient-via-color: #cbd5e0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
  }

  .xxl\:focus\:via-gray-500:focus {
    --gradient-via-color: #a0aec0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
  }

  .xxl\:focus\:via-gray-600:focus {
    --gradient-via-color: #718096;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
  }

  .xxl\:focus\:via-gray-700:focus {
    --gradient-via-color: #4a5568;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
  }

  .xxl\:focus\:via-gray-800:focus {
    --gradient-via-color: #2d3748;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
  }

  .xxl\:focus\:via-gray-900:focus {
    --gradient-via-color: #1a202c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
  }

  .xxl\:focus\:via-blue-100:focus {
    --gradient-via-color: #86dfff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(134, 223, 255, 0));
  }

  .xxl\:focus\:via-blue-200:focus {
    --gradient-via-color: #6bd6ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 214, 255, 0));
  }

  .xxl\:focus\:via-blue-300:focus {
    --gradient-via-color: #52ccff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 204, 255, 0));
  }

  .xxl\:focus\:via-blue-400:focus {
    --gradient-via-color: #3ac2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(58, 194, 255, 0));
  }

  .xxl\:focus\:via-blue-500:focus {
    --gradient-via-color: #23b7fb;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 183, 251, 0));
  }

  .xxl\:focus\:via-blue-600:focus {
    --gradient-via-color: #1a9adf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 154, 223, 0));
  }

  .xxl\:focus\:via-blue-700:focus {
    --gradient-via-color: #127fbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 127, 191, 0));
  }

  .xxl\:focus\:via-blue-800:focus {
    --gradient-via-color: #0c659f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 101, 159, 0));
  }

  .xxl\:focus\:via-blue-900:focus {
    --gradient-via-color: #074c80;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(7, 76, 128, 0));
  }

  .xxl\:focus\:via-blurple-100:focus {
    --gradient-via-color: #938FDB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 143, 219, 0));
  }

  .xxl\:focus\:via-blurple-200:focus {
    --gradient-via-color: #7A75D0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(122, 117, 208, 0));
  }

  .xxl\:focus\:via-blurple-300:focus {
    --gradient-via-color: #615BC4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 91, 196, 0));
  }

  .xxl\:focus\:via-blurple-400:focus {
    --gradient-via-color: #4943B7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(73, 67, 183, 0));
  }

  .xxl\:focus\:via-blurple-500:focus {
    --gradient-via-color: #322baa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(50, 43, 170, 0));
  }

  .xxl\:focus\:via-blurple-700:focus {
    --gradient-via-color: #1c1e84;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 30, 132, 0));
  }

  .xxl\:focus\:via-green-300:focus {
    --gradient-via-color: #42d86f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 216, 111, 0));
  }

  .xxl\:focus\:via-green-500:focus {
    --gradient-via-color: #0cc242;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(12, 194, 66, 0));
  }

  .xxl\:focus\:via-green-700:focus {
    --gradient-via-color: #02983a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(2, 152, 58, 0));
  }

  .xxl\:focus\:via-orange-100:focus {
    --gradient-via-color: #ff6e4a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 110, 74, 0));
  }

  .xxl\:focus\:via-orange-200:focus {
    --gradient-via-color: #ff6640;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 102, 64, 0));
  }

  .xxl\:focus\:via-orange-300:focus {
    --gradient-via-color: #ff5e36;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 94, 54, 0));
  }

  .xxl\:focus\:via-orange-400:focus {
    --gradient-via-color: #ff562b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 86, 43, 0));
  }

  .xxl\:focus\:via-orange-500:focus {
    --gradient-via-color: #ff4d22;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 77, 34, 0));
  }

  .xxl\:focus\:via-orange-600:focus {
    --gradient-via-color: #e5461e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 70, 30, 0));
  }

  .xxl\:focus\:via-orange-700:focus {
    --gradient-via-color: #cc3e1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 62, 27, 0));
  }

  .xxl\:focus\:via-orange-800:focus {
    --gradient-via-color: #b33617;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 54, 23, 0));
  }

  .xxl\:focus\:via-orange-900:focus {
    --gradient-via-color: #992f14;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 47, 20, 0));
  }

  .xxl\:focus\:via-purple-100:focus {
    --gradient-via-color: #c861ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 97, 255, 0));
  }

  .xxl\:focus\:via-purple-200:focus {
    --gradient-via-color: #c354ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 84, 255, 0));
  }

  .xxl\:focus\:via-purple-300:focus {
    --gradient-via-color: #be49fc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 73, 252, 0));
  }

  .xxl\:focus\:via-purple-400:focus {
    --gradient-via-color: #ab42e3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(171, 66, 227, 0));
  }

  .xxl\:focus\:via-purple-500:focus {
    --gradient-via-color: #983ac9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(152, 58, 201, 0));
  }

  .xxl\:focus\:via-purple-600:focus {
    --gradient-via-color: #8433b0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 51, 176, 0));
  }

  .xxl\:focus\:via-purple-700:focus {
    --gradient-via-color: #712c96;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 44, 150, 0));
  }

  .xxl\:focus\:via-purple-800:focus {
    --gradient-via-color: #5e247d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 36, 125, 0));
  }

  .xxl\:focus\:via-purple-900:focus {
    --gradient-via-color: #4b1d63;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 29, 99, 0));
  }

  .xxl\:focus\:via-red-300:focus {
    --gradient-via-color: #ff6d69;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 109, 105, 0));
  }

  .xxl\:focus\:via-red-500:focus {
    --gradient-via-color: #ff4540;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 69, 64, 0));
  }

  .xxl\:focus\:via-red-700:focus {
    --gradient-via-color: #bf3929;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 57, 41, 0));
  }

  .xxl\:focus\:via-teal-100:focus {
    --gradient-via-color: #8cfff9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 255, 249, 0));
  }

  .xxl\:focus\:via-teal-200:focus {
    --gradient-via-color: #66fff7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 255, 247, 0));
  }

  .xxl\:focus\:via-teal-300:focus {
    --gradient-via-color: #40fff5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 255, 245, 0));
  }

  .xxl\:focus\:via-teal-400:focus {
    --gradient-via-color: #35fcf2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(53, 252, 242, 0));
  }

  .xxl\:focus\:via-teal-500:focus {
    --gradient-via-color: #30e3da;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(48, 227, 218, 0));
  }

  .xxl\:focus\:via-teal-600:focus {
    --gradient-via-color: #2ac9c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 201, 193, 0));
  }

  .xxl\:focus\:via-teal-700:focus {
    --gradient-via-color: #25b0a9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 176, 169, 0));
  }

  .xxl\:focus\:via-teal-800:focus {
    --gradient-via-color: #209691;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(32, 150, 145, 0));
  }

  .xxl\:focus\:via-teal-900:focus {
    --gradient-via-color: #1a7d78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 125, 120, 0));
  }

  .xxl\:focus\:via-yellow-100:focus {
    --gradient-via-color: #ffe894;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 232, 148, 0));
  }

  .xxl\:focus\:via-yellow-200:focus {
    --gradient-via-color: #ffe27a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 226, 122, 0));
  }

  .xxl\:focus\:via-yellow-300:focus {
    --gradient-via-color: #ffdd61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 221, 97, 0));
  }

  .xxl\:focus\:via-yellow-400:focus {
    --gradient-via-color: #ffd747;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 215, 71, 0));
  }

  .xxl\:focus\:via-yellow-500:focus {
    --gradient-via-color: #fcce2f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 206, 47, 0));
  }

  .xxl\:focus\:via-yellow-600:focus {
    --gradient-via-color: #e3bb29;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 187, 41, 0));
  }

  .xxl\:focus\:via-yellow-700:focus {
    --gradient-via-color: #c9a624;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(201, 166, 36, 0));
  }

  .xxl\:focus\:via-yellow-800:focus {
    --gradient-via-color: #b09120;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(176, 145, 32, 0));
  }

  .xxl\:focus\:via-yellow-900:focus {
    --gradient-via-color: #967c1b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(150, 124, 27, 0));
  }

  .xxl\:focus\:via-facebook-400:focus {
    --gradient-via-color: #4a6dbc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 109, 188, 0));
  }

  .xxl\:focus\:via-facebook-500:focus {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xxl\:focus\:via-snapchat-400:focus {
    --gradient-via-color: #fffc00;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 252, 0, 0));
  }

  .xxl\:focus\:via-snapchat-500:focus {
    --gradient-via-color: #39579a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 87, 154, 0));
  }

  .xxl\:focus\:via-messenger-400:focus {
    --gradient-via-color: #339dff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 157, 255, 0));
  }

  .xxl\:focus\:via-messenger-500:focus {
    --gradient-via-color: #0084ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 132, 255, 0));
  }

  .xxl\:focus\:via-twitter-400:focus {
    --gradient-via-color: #21c2ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 194, 255, 0));
  }

  .xxl\:focus\:via-twitter-500:focus {
    --gradient-via-color: #00aced;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 172, 237, 0));
  }

  .xxl\:focus\:via-transparent-black-10:focus {
    --gradient-via-color: rgba(0,0,0,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:focus\:via-transparent-black-30:focus {
    --gradient-via-color: rgba(0,0,0,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:focus\:via-transparent-black-50:focus {
    --gradient-via-color: rgba(0,0,0,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:focus\:via-transparent-black-70:focus {
    --gradient-via-color: rgba(0,0,0,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:focus\:via-transparent-black-90:focus {
    --gradient-via-color: rgba(0,0,0,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xxl\:focus\:via-transparent-white-10:focus {
    --gradient-via-color: rgba(255,255,255,0.1);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:focus\:via-transparent-white-30:focus {
    --gradient-via-color: rgba(255,255,255,0.3);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:focus\:via-transparent-white-50:focus {
    --gradient-via-color: rgba(255,255,255,0.5);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:focus\:via-transparent-white-70:focus {
    --gradient-via-color: rgba(255,255,255,0.7);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:focus\:via-transparent-white-90:focus {
    --gradient-via-color: rgba(255,255,255,0.9);
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xxl\:focus\:via-vr-dark-blue:focus {
    --gradient-via-color: #000047;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 71, 0));
  }

  .xxl\:focus\:via-vr-neon-green:focus {
    --gradient-via-color: #00ff75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 255, 117, 0));
  }

  .xxl\:focus\:to-transparent:focus {
    --gradient-to-color: transparent;
  }

  .xxl\:focus\:to-black:focus {
    --gradient-to-color: #000;
  }

  .xxl\:focus\:to-white:focus {
    --gradient-to-color: #fff;
  }

  .xxl\:focus\:to-gray-100:focus {
    --gradient-to-color: #f7fafc;
  }

  .xxl\:focus\:to-gray-200:focus {
    --gradient-to-color: #edf2f7;
  }

  .xxl\:focus\:to-gray-300:focus {
    --gradient-to-color: #e2e8f0;
  }

  .xxl\:focus\:to-gray-400:focus {
    --gradient-to-color: #cbd5e0;
  }

  .xxl\:focus\:to-gray-500:focus {
    --gradient-to-color: #a0aec0;
  }

  .xxl\:focus\:to-gray-600:focus {
    --gradient-to-color: #718096;
  }

  .xxl\:focus\:to-gray-700:focus {
    --gradient-to-color: #4a5568;
  }

  .xxl\:focus\:to-gray-800:focus {
    --gradient-to-color: #2d3748;
  }

  .xxl\:focus\:to-gray-900:focus {
    --gradient-to-color: #1a202c;
  }

  .xxl\:focus\:to-blue-100:focus {
    --gradient-to-color: #86dfff;
  }

  .xxl\:focus\:to-blue-200:focus {
    --gradient-to-color: #6bd6ff;
  }

  .xxl\:focus\:to-blue-300:focus {
    --gradient-to-color: #52ccff;
  }

  .xxl\:focus\:to-blue-400:focus {
    --gradient-to-color: #3ac2ff;
  }

  .xxl\:focus\:to-blue-500:focus {
    --gradient-to-color: #23b7fb;
  }

  .xxl\:focus\:to-blue-600:focus {
    --gradient-to-color: #1a9adf;
  }

  .xxl\:focus\:to-blue-700:focus {
    --gradient-to-color: #127fbf;
  }

  .xxl\:focus\:to-blue-800:focus {
    --gradient-to-color: #0c659f;
  }

  .xxl\:focus\:to-blue-900:focus {
    --gradient-to-color: #074c80;
  }

  .xxl\:focus\:to-blurple-100:focus {
    --gradient-to-color: #938FDB;
  }

  .xxl\:focus\:to-blurple-200:focus {
    --gradient-to-color: #7A75D0;
  }

  .xxl\:focus\:to-blurple-300:focus {
    --gradient-to-color: #615BC4;
  }

  .xxl\:focus\:to-blurple-400:focus {
    --gradient-to-color: #4943B7;
  }

  .xxl\:focus\:to-blurple-500:focus {
    --gradient-to-color: #322baa;
  }

  .xxl\:focus\:to-blurple-700:focus {
    --gradient-to-color: #1c1e84;
  }

  .xxl\:focus\:to-green-300:focus {
    --gradient-to-color: #42d86f;
  }

  .xxl\:focus\:to-green-500:focus {
    --gradient-to-color: #0cc242;
  }

  .xxl\:focus\:to-green-700:focus {
    --gradient-to-color: #02983a;
  }

  .xxl\:focus\:to-orange-100:focus {
    --gradient-to-color: #ff6e4a;
  }

  .xxl\:focus\:to-orange-200:focus {
    --gradient-to-color: #ff6640;
  }

  .xxl\:focus\:to-orange-300:focus {
    --gradient-to-color: #ff5e36;
  }

  .xxl\:focus\:to-orange-400:focus {
    --gradient-to-color: #ff562b;
  }

  .xxl\:focus\:to-orange-500:focus {
    --gradient-to-color: #ff4d22;
  }

  .xxl\:focus\:to-orange-600:focus {
    --gradient-to-color: #e5461e;
  }

  .xxl\:focus\:to-orange-700:focus {
    --gradient-to-color: #cc3e1b;
  }

  .xxl\:focus\:to-orange-800:focus {
    --gradient-to-color: #b33617;
  }

  .xxl\:focus\:to-orange-900:focus {
    --gradient-to-color: #992f14;
  }

  .xxl\:focus\:to-purple-100:focus {
    --gradient-to-color: #c861ff;
  }

  .xxl\:focus\:to-purple-200:focus {
    --gradient-to-color: #c354ff;
  }

  .xxl\:focus\:to-purple-300:focus {
    --gradient-to-color: #be49fc;
  }

  .xxl\:focus\:to-purple-400:focus {
    --gradient-to-color: #ab42e3;
  }

  .xxl\:focus\:to-purple-500:focus {
    --gradient-to-color: #983ac9;
  }

  .xxl\:focus\:to-purple-600:focus {
    --gradient-to-color: #8433b0;
  }

  .xxl\:focus\:to-purple-700:focus {
    --gradient-to-color: #712c96;
  }

  .xxl\:focus\:to-purple-800:focus {
    --gradient-to-color: #5e247d;
  }

  .xxl\:focus\:to-purple-900:focus {
    --gradient-to-color: #4b1d63;
  }

  .xxl\:focus\:to-red-300:focus {
    --gradient-to-color: #ff6d69;
  }

  .xxl\:focus\:to-red-500:focus {
    --gradient-to-color: #ff4540;
  }

  .xxl\:focus\:to-red-700:focus {
    --gradient-to-color: #bf3929;
  }

  .xxl\:focus\:to-teal-100:focus {
    --gradient-to-color: #8cfff9;
  }

  .xxl\:focus\:to-teal-200:focus {
    --gradient-to-color: #66fff7;
  }

  .xxl\:focus\:to-teal-300:focus {
    --gradient-to-color: #40fff5;
  }

  .xxl\:focus\:to-teal-400:focus {
    --gradient-to-color: #35fcf2;
  }

  .xxl\:focus\:to-teal-500:focus {
    --gradient-to-color: #30e3da;
  }

  .xxl\:focus\:to-teal-600:focus {
    --gradient-to-color: #2ac9c1;
  }

  .xxl\:focus\:to-teal-700:focus {
    --gradient-to-color: #25b0a9;
  }

  .xxl\:focus\:to-teal-800:focus {
    --gradient-to-color: #209691;
  }

  .xxl\:focus\:to-teal-900:focus {
    --gradient-to-color: #1a7d78;
  }

  .xxl\:focus\:to-yellow-100:focus {
    --gradient-to-color: #ffe894;
  }

  .xxl\:focus\:to-yellow-200:focus {
    --gradient-to-color: #ffe27a;
  }

  .xxl\:focus\:to-yellow-300:focus {
    --gradient-to-color: #ffdd61;
  }

  .xxl\:focus\:to-yellow-400:focus {
    --gradient-to-color: #ffd747;
  }

  .xxl\:focus\:to-yellow-500:focus {
    --gradient-to-color: #fcce2f;
  }

  .xxl\:focus\:to-yellow-600:focus {
    --gradient-to-color: #e3bb29;
  }

  .xxl\:focus\:to-yellow-700:focus {
    --gradient-to-color: #c9a624;
  }

  .xxl\:focus\:to-yellow-800:focus {
    --gradient-to-color: #b09120;
  }

  .xxl\:focus\:to-yellow-900:focus {
    --gradient-to-color: #967c1b;
  }

  .xxl\:focus\:to-facebook-400:focus {
    --gradient-to-color: #4a6dbc;
  }

  .xxl\:focus\:to-facebook-500:focus {
    --gradient-to-color: #39579a;
  }

  .xxl\:focus\:to-snapchat-400:focus {
    --gradient-to-color: #fffc00;
  }

  .xxl\:focus\:to-snapchat-500:focus {
    --gradient-to-color: #39579a;
  }

  .xxl\:focus\:to-messenger-400:focus {
    --gradient-to-color: #339dff;
  }

  .xxl\:focus\:to-messenger-500:focus {
    --gradient-to-color: #0084ff;
  }

  .xxl\:focus\:to-twitter-400:focus {
    --gradient-to-color: #21c2ff;
  }

  .xxl\:focus\:to-twitter-500:focus {
    --gradient-to-color: #00aced;
  }

  .xxl\:focus\:to-transparent-black-10:focus {
    --gradient-to-color: rgba(0,0,0,0.1);
  }

  .xxl\:focus\:to-transparent-black-30:focus {
    --gradient-to-color: rgba(0,0,0,0.3);
  }

  .xxl\:focus\:to-transparent-black-50:focus {
    --gradient-to-color: rgba(0,0,0,0.5);
  }

  .xxl\:focus\:to-transparent-black-70:focus {
    --gradient-to-color: rgba(0,0,0,0.7);
  }

  .xxl\:focus\:to-transparent-black-90:focus {
    --gradient-to-color: rgba(0,0,0,0.9);
  }

  .xxl\:focus\:to-transparent-white-10:focus {
    --gradient-to-color: rgba(255,255,255,0.1);
  }

  .xxl\:focus\:to-transparent-white-30:focus {
    --gradient-to-color: rgba(255,255,255,0.3);
  }

  .xxl\:focus\:to-transparent-white-50:focus {
    --gradient-to-color: rgba(255,255,255,0.5);
  }

  .xxl\:focus\:to-transparent-white-70:focus {
    --gradient-to-color: rgba(255,255,255,0.7);
  }

  .xxl\:focus\:to-transparent-white-90:focus {
    --gradient-to-color: rgba(255,255,255,0.9);
  }

  .xxl\:focus\:to-vr-dark-blue:focus {
    --gradient-to-color: #000047;
  }

  .xxl\:focus\:to-vr-neon-green:focus {
    --gradient-to-color: #00ff75;
  }

  .xxl\:bg-opacity-0 {
    --bg-opacity: 0;
  }

  .xxl\:bg-opacity-25 {
    --bg-opacity: 0.25;
  }

  .xxl\:bg-opacity-50 {
    --bg-opacity: 0.5;
  }

  .xxl\:bg-opacity-75 {
    --bg-opacity: 0.75;
  }

  .xxl\:bg-opacity-100 {
    --bg-opacity: 1;
  }

  .xxl\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0;
  }

  .xxl\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25;
  }

  .xxl\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5;
  }

  .xxl\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75;
  }

  .xxl\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1;
  }

  .xxl\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0;
  }

  .xxl\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25;
  }

  .xxl\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5;
  }

  .xxl\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75;
  }

  .xxl\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1;
  }

  .xxl\:bg-bottom {
    background-position: bottom;
  }

  .xxl\:bg-center {
    background-position: center;
  }

  .xxl\:bg-left {
    background-position: left;
  }

  .xxl\:bg-left-bottom {
    background-position: left bottom;
  }

  .xxl\:bg-left-top {
    background-position: left top;
  }

  .xxl\:bg-right {
    background-position: right;
  }

  .xxl\:bg-right-bottom {
    background-position: right bottom;
  }

  .xxl\:bg-right-top {
    background-position: right top;
  }

  .xxl\:bg-top {
    background-position: top;
  }

  .xxl\:bg-repeat {
    background-repeat: repeat;
  }

  .xxl\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .xxl\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .xxl\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .xxl\:bg-repeat-round {
    background-repeat: round;
  }

  .xxl\:bg-repeat-space {
    background-repeat: space;
  }

  .xxl\:bg-auto {
    background-size: auto;
  }

  .xxl\:bg-cover {
    background-size: cover;
  }

  .xxl\:bg-contain {
    background-size: contain;
  }

  .xxl\:border-collapse {
    border-collapse: collapse;
  }

  .xxl\:border-separate {
    border-collapse: separate;
  }

  .xxl\:border-transparent {
    border-color: transparent;
  }

  .xxl\:border-black {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .xxl\:border-white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xxl\:border-gray-100 {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .xxl\:border-gray-200 {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .xxl\:border-gray-300 {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .xxl\:border-gray-400 {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .xxl\:border-gray-500 {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .xxl\:border-gray-600 {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .xxl\:border-gray-700 {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .xxl\:border-gray-800 {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .xxl\:border-gray-900 {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .xxl\:border-blue-100 {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .xxl\:border-blue-200 {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .xxl\:border-blue-300 {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .xxl\:border-blue-400 {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .xxl\:border-blue-500 {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .xxl\:border-blue-600 {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .xxl\:border-blue-700 {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .xxl\:border-blue-800 {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .xxl\:border-blue-900 {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .xxl\:border-blurple-100 {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .xxl\:border-blurple-200 {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .xxl\:border-blurple-300 {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .xxl\:border-blurple-400 {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .xxl\:border-blurple-500 {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .xxl\:border-blurple-700 {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .xxl\:border-green-300 {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .xxl\:border-green-500 {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .xxl\:border-green-700 {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .xxl\:border-orange-100 {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .xxl\:border-orange-200 {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .xxl\:border-orange-300 {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .xxl\:border-orange-400 {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .xxl\:border-orange-500 {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .xxl\:border-orange-600 {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .xxl\:border-orange-700 {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .xxl\:border-orange-800 {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .xxl\:border-orange-900 {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .xxl\:border-purple-100 {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .xxl\:border-purple-200 {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .xxl\:border-purple-300 {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .xxl\:border-purple-400 {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .xxl\:border-purple-500 {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .xxl\:border-purple-600 {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .xxl\:border-purple-700 {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .xxl\:border-purple-800 {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .xxl\:border-purple-900 {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .xxl\:border-red-300 {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .xxl\:border-red-500 {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .xxl\:border-red-700 {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .xxl\:border-teal-100 {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .xxl\:border-teal-200 {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .xxl\:border-teal-300 {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .xxl\:border-teal-400 {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .xxl\:border-teal-500 {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .xxl\:border-teal-600 {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .xxl\:border-teal-700 {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .xxl\:border-teal-800 {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .xxl\:border-teal-900 {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .xxl\:border-yellow-100 {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .xxl\:border-yellow-200 {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .xxl\:border-yellow-300 {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .xxl\:border-yellow-400 {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .xxl\:border-yellow-500 {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .xxl\:border-yellow-600 {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .xxl\:border-yellow-700 {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .xxl\:border-yellow-800 {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .xxl\:border-yellow-900 {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .xxl\:border-facebook-400 {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .xxl\:border-facebook-500 {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xxl\:border-snapchat-400 {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .xxl\:border-snapchat-500 {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xxl\:border-messenger-400 {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .xxl\:border-messenger-500 {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .xxl\:border-twitter-400 {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .xxl\:border-twitter-500 {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .xxl\:border-transparent-black-10 {
    border-color: rgba(0,0,0,0.1);
  }

  .xxl\:border-transparent-black-30 {
    border-color: rgba(0,0,0,0.3);
  }

  .xxl\:border-transparent-black-50 {
    border-color: rgba(0,0,0,0.5);
  }

  .xxl\:border-transparent-black-70 {
    border-color: rgba(0,0,0,0.7);
  }

  .xxl\:border-transparent-black-90 {
    border-color: rgba(0,0,0,0.9);
  }

  .xxl\:border-transparent-white-10 {
    border-color: rgba(255,255,255,0.1);
  }

  .xxl\:border-transparent-white-30 {
    border-color: rgba(255,255,255,0.3);
  }

  .xxl\:border-transparent-white-50 {
    border-color: rgba(255,255,255,0.5);
  }

  .xxl\:border-transparent-white-70 {
    border-color: rgba(255,255,255,0.7);
  }

  .xxl\:border-transparent-white-90 {
    border-color: rgba(255,255,255,0.9);
  }

  .xxl\:border-vr-dark-blue {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .xxl\:border-vr-neon-green {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .xxl\:active\:border-transparent:active {
    border-color: transparent;
  }

  .xxl\:active\:border-black:active {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .xxl\:active\:border-white:active {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xxl\:active\:border-gray-100:active {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .xxl\:active\:border-gray-200:active {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .xxl\:active\:border-gray-300:active {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .xxl\:active\:border-gray-400:active {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .xxl\:active\:border-gray-500:active {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .xxl\:active\:border-gray-600:active {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .xxl\:active\:border-gray-700:active {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .xxl\:active\:border-gray-800:active {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .xxl\:active\:border-gray-900:active {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .xxl\:active\:border-blue-100:active {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .xxl\:active\:border-blue-200:active {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .xxl\:active\:border-blue-300:active {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .xxl\:active\:border-blue-400:active {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .xxl\:active\:border-blue-500:active {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .xxl\:active\:border-blue-600:active {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .xxl\:active\:border-blue-700:active {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .xxl\:active\:border-blue-800:active {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .xxl\:active\:border-blue-900:active {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .xxl\:active\:border-blurple-100:active {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .xxl\:active\:border-blurple-200:active {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .xxl\:active\:border-blurple-300:active {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .xxl\:active\:border-blurple-400:active {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .xxl\:active\:border-blurple-500:active {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .xxl\:active\:border-blurple-700:active {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .xxl\:active\:border-green-300:active {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .xxl\:active\:border-green-500:active {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .xxl\:active\:border-green-700:active {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .xxl\:active\:border-orange-100:active {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .xxl\:active\:border-orange-200:active {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .xxl\:active\:border-orange-300:active {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .xxl\:active\:border-orange-400:active {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .xxl\:active\:border-orange-500:active {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .xxl\:active\:border-orange-600:active {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .xxl\:active\:border-orange-700:active {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .xxl\:active\:border-orange-800:active {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .xxl\:active\:border-orange-900:active {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .xxl\:active\:border-purple-100:active {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .xxl\:active\:border-purple-200:active {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .xxl\:active\:border-purple-300:active {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .xxl\:active\:border-purple-400:active {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .xxl\:active\:border-purple-500:active {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .xxl\:active\:border-purple-600:active {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .xxl\:active\:border-purple-700:active {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .xxl\:active\:border-purple-800:active {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .xxl\:active\:border-purple-900:active {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .xxl\:active\:border-red-300:active {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .xxl\:active\:border-red-500:active {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .xxl\:active\:border-red-700:active {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .xxl\:active\:border-teal-100:active {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .xxl\:active\:border-teal-200:active {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .xxl\:active\:border-teal-300:active {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .xxl\:active\:border-teal-400:active {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .xxl\:active\:border-teal-500:active {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .xxl\:active\:border-teal-600:active {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .xxl\:active\:border-teal-700:active {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .xxl\:active\:border-teal-800:active {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .xxl\:active\:border-teal-900:active {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .xxl\:active\:border-yellow-100:active {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .xxl\:active\:border-yellow-200:active {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .xxl\:active\:border-yellow-300:active {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .xxl\:active\:border-yellow-400:active {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .xxl\:active\:border-yellow-500:active {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .xxl\:active\:border-yellow-600:active {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .xxl\:active\:border-yellow-700:active {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .xxl\:active\:border-yellow-800:active {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .xxl\:active\:border-yellow-900:active {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .xxl\:active\:border-facebook-400:active {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .xxl\:active\:border-facebook-500:active {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xxl\:active\:border-snapchat-400:active {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .xxl\:active\:border-snapchat-500:active {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xxl\:active\:border-messenger-400:active {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .xxl\:active\:border-messenger-500:active {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .xxl\:active\:border-twitter-400:active {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .xxl\:active\:border-twitter-500:active {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .xxl\:active\:border-transparent-black-10:active {
    border-color: rgba(0,0,0,0.1);
  }

  .xxl\:active\:border-transparent-black-30:active {
    border-color: rgba(0,0,0,0.3);
  }

  .xxl\:active\:border-transparent-black-50:active {
    border-color: rgba(0,0,0,0.5);
  }

  .xxl\:active\:border-transparent-black-70:active {
    border-color: rgba(0,0,0,0.7);
  }

  .xxl\:active\:border-transparent-black-90:active {
    border-color: rgba(0,0,0,0.9);
  }

  .xxl\:active\:border-transparent-white-10:active {
    border-color: rgba(255,255,255,0.1);
  }

  .xxl\:active\:border-transparent-white-30:active {
    border-color: rgba(255,255,255,0.3);
  }

  .xxl\:active\:border-transparent-white-50:active {
    border-color: rgba(255,255,255,0.5);
  }

  .xxl\:active\:border-transparent-white-70:active {
    border-color: rgba(255,255,255,0.7);
  }

  .xxl\:active\:border-transparent-white-90:active {
    border-color: rgba(255,255,255,0.9);
  }

  .xxl\:active\:border-vr-dark-blue:active {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .xxl\:active\:border-vr-neon-green:active {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .xxl\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .xxl\:hover\:border-black:hover {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .xxl\:hover\:border-white:hover {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xxl\:hover\:border-gray-100:hover {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .xxl\:hover\:border-gray-200:hover {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .xxl\:hover\:border-gray-300:hover {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .xxl\:hover\:border-gray-400:hover {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .xxl\:hover\:border-gray-500:hover {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .xxl\:hover\:border-gray-600:hover {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .xxl\:hover\:border-gray-700:hover {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .xxl\:hover\:border-gray-800:hover {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .xxl\:hover\:border-gray-900:hover {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .xxl\:hover\:border-blue-100:hover {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .xxl\:hover\:border-blue-200:hover {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .xxl\:hover\:border-blue-300:hover {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .xxl\:hover\:border-blue-400:hover {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .xxl\:hover\:border-blue-500:hover {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .xxl\:hover\:border-blue-600:hover {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .xxl\:hover\:border-blue-700:hover {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .xxl\:hover\:border-blue-800:hover {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .xxl\:hover\:border-blue-900:hover {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .xxl\:hover\:border-blurple-100:hover {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .xxl\:hover\:border-blurple-200:hover {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .xxl\:hover\:border-blurple-300:hover {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .xxl\:hover\:border-blurple-400:hover {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .xxl\:hover\:border-blurple-500:hover {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .xxl\:hover\:border-blurple-700:hover {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .xxl\:hover\:border-green-300:hover {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .xxl\:hover\:border-green-500:hover {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .xxl\:hover\:border-green-700:hover {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .xxl\:hover\:border-orange-100:hover {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .xxl\:hover\:border-orange-200:hover {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .xxl\:hover\:border-orange-300:hover {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .xxl\:hover\:border-orange-400:hover {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .xxl\:hover\:border-orange-500:hover {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .xxl\:hover\:border-orange-600:hover {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .xxl\:hover\:border-orange-700:hover {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .xxl\:hover\:border-orange-800:hover {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .xxl\:hover\:border-orange-900:hover {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .xxl\:hover\:border-purple-100:hover {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .xxl\:hover\:border-purple-200:hover {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .xxl\:hover\:border-purple-300:hover {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .xxl\:hover\:border-purple-400:hover {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .xxl\:hover\:border-purple-500:hover {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .xxl\:hover\:border-purple-600:hover {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .xxl\:hover\:border-purple-700:hover {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .xxl\:hover\:border-purple-800:hover {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .xxl\:hover\:border-purple-900:hover {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .xxl\:hover\:border-red-300:hover {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .xxl\:hover\:border-red-500:hover {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .xxl\:hover\:border-red-700:hover {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .xxl\:hover\:border-teal-100:hover {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .xxl\:hover\:border-teal-200:hover {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .xxl\:hover\:border-teal-300:hover {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .xxl\:hover\:border-teal-400:hover {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .xxl\:hover\:border-teal-500:hover {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .xxl\:hover\:border-teal-600:hover {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .xxl\:hover\:border-teal-700:hover {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .xxl\:hover\:border-teal-800:hover {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .xxl\:hover\:border-teal-900:hover {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .xxl\:hover\:border-yellow-100:hover {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .xxl\:hover\:border-yellow-200:hover {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .xxl\:hover\:border-yellow-300:hover {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .xxl\:hover\:border-yellow-400:hover {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .xxl\:hover\:border-yellow-500:hover {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .xxl\:hover\:border-yellow-600:hover {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .xxl\:hover\:border-yellow-700:hover {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .xxl\:hover\:border-yellow-800:hover {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .xxl\:hover\:border-yellow-900:hover {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .xxl\:hover\:border-facebook-400:hover {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .xxl\:hover\:border-facebook-500:hover {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xxl\:hover\:border-snapchat-400:hover {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .xxl\:hover\:border-snapchat-500:hover {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xxl\:hover\:border-messenger-400:hover {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .xxl\:hover\:border-messenger-500:hover {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .xxl\:hover\:border-twitter-400:hover {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .xxl\:hover\:border-twitter-500:hover {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .xxl\:hover\:border-transparent-black-10:hover {
    border-color: rgba(0,0,0,0.1);
  }

  .xxl\:hover\:border-transparent-black-30:hover {
    border-color: rgba(0,0,0,0.3);
  }

  .xxl\:hover\:border-transparent-black-50:hover {
    border-color: rgba(0,0,0,0.5);
  }

  .xxl\:hover\:border-transparent-black-70:hover {
    border-color: rgba(0,0,0,0.7);
  }

  .xxl\:hover\:border-transparent-black-90:hover {
    border-color: rgba(0,0,0,0.9);
  }

  .xxl\:hover\:border-transparent-white-10:hover {
    border-color: rgba(255,255,255,0.1);
  }

  .xxl\:hover\:border-transparent-white-30:hover {
    border-color: rgba(255,255,255,0.3);
  }

  .xxl\:hover\:border-transparent-white-50:hover {
    border-color: rgba(255,255,255,0.5);
  }

  .xxl\:hover\:border-transparent-white-70:hover {
    border-color: rgba(255,255,255,0.7);
  }

  .xxl\:hover\:border-transparent-white-90:hover {
    border-color: rgba(255,255,255,0.9);
  }

  .xxl\:hover\:border-vr-dark-blue:hover {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .xxl\:hover\:border-vr-neon-green:hover {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .xxl\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .xxl\:focus\:border-black:focus {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
  }

  .xxl\:focus\:border-white:focus {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xxl\:focus\:border-gray-100:focus {
    --border-opacity: 1;
    border-color: #f7fafc;
    border-color: rgba(247, 250, 252, var(--border-opacity));
  }

  .xxl\:focus\:border-gray-200:focus {
    --border-opacity: 1;
    border-color: #edf2f7;
    border-color: rgba(237, 242, 247, var(--border-opacity));
  }

  .xxl\:focus\:border-gray-300:focus {
    --border-opacity: 1;
    border-color: #e2e8f0;
    border-color: rgba(226, 232, 240, var(--border-opacity));
  }

  .xxl\:focus\:border-gray-400:focus {
    --border-opacity: 1;
    border-color: #cbd5e0;
    border-color: rgba(203, 213, 224, var(--border-opacity));
  }

  .xxl\:focus\:border-gray-500:focus {
    --border-opacity: 1;
    border-color: #a0aec0;
    border-color: rgba(160, 174, 192, var(--border-opacity));
  }

  .xxl\:focus\:border-gray-600:focus {
    --border-opacity: 1;
    border-color: #718096;
    border-color: rgba(113, 128, 150, var(--border-opacity));
  }

  .xxl\:focus\:border-gray-700:focus {
    --border-opacity: 1;
    border-color: #4a5568;
    border-color: rgba(74, 85, 104, var(--border-opacity));
  }

  .xxl\:focus\:border-gray-800:focus {
    --border-opacity: 1;
    border-color: #2d3748;
    border-color: rgba(45, 55, 72, var(--border-opacity));
  }

  .xxl\:focus\:border-gray-900:focus {
    --border-opacity: 1;
    border-color: #1a202c;
    border-color: rgba(26, 32, 44, var(--border-opacity));
  }

  .xxl\:focus\:border-blue-100:focus {
    --border-opacity: 1;
    border-color: #86dfff;
    border-color: rgba(134, 223, 255, var(--border-opacity));
  }

  .xxl\:focus\:border-blue-200:focus {
    --border-opacity: 1;
    border-color: #6bd6ff;
    border-color: rgba(107, 214, 255, var(--border-opacity));
  }

  .xxl\:focus\:border-blue-300:focus {
    --border-opacity: 1;
    border-color: #52ccff;
    border-color: rgba(82, 204, 255, var(--border-opacity));
  }

  .xxl\:focus\:border-blue-400:focus {
    --border-opacity: 1;
    border-color: #3ac2ff;
    border-color: rgba(58, 194, 255, var(--border-opacity));
  }

  .xxl\:focus\:border-blue-500:focus {
    --border-opacity: 1;
    border-color: #23b7fb;
    border-color: rgba(35, 183, 251, var(--border-opacity));
  }

  .xxl\:focus\:border-blue-600:focus {
    --border-opacity: 1;
    border-color: #1a9adf;
    border-color: rgba(26, 154, 223, var(--border-opacity));
  }

  .xxl\:focus\:border-blue-700:focus {
    --border-opacity: 1;
    border-color: #127fbf;
    border-color: rgba(18, 127, 191, var(--border-opacity));
  }

  .xxl\:focus\:border-blue-800:focus {
    --border-opacity: 1;
    border-color: #0c659f;
    border-color: rgba(12, 101, 159, var(--border-opacity));
  }

  .xxl\:focus\:border-blue-900:focus {
    --border-opacity: 1;
    border-color: #074c80;
    border-color: rgba(7, 76, 128, var(--border-opacity));
  }

  .xxl\:focus\:border-blurple-100:focus {
    --border-opacity: 1;
    border-color: #938FDB;
    border-color: rgba(147, 143, 219, var(--border-opacity));
  }

  .xxl\:focus\:border-blurple-200:focus {
    --border-opacity: 1;
    border-color: #7A75D0;
    border-color: rgba(122, 117, 208, var(--border-opacity));
  }

  .xxl\:focus\:border-blurple-300:focus {
    --border-opacity: 1;
    border-color: #615BC4;
    border-color: rgba(97, 91, 196, var(--border-opacity));
  }

  .xxl\:focus\:border-blurple-400:focus {
    --border-opacity: 1;
    border-color: #4943B7;
    border-color: rgba(73, 67, 183, var(--border-opacity));
  }

  .xxl\:focus\:border-blurple-500:focus {
    --border-opacity: 1;
    border-color: #322baa;
    border-color: rgba(50, 43, 170, var(--border-opacity));
  }

  .xxl\:focus\:border-blurple-700:focus {
    --border-opacity: 1;
    border-color: #1c1e84;
    border-color: rgba(28, 30, 132, var(--border-opacity));
  }

  .xxl\:focus\:border-green-300:focus {
    --border-opacity: 1;
    border-color: #42d86f;
    border-color: rgba(66, 216, 111, var(--border-opacity));
  }

  .xxl\:focus\:border-green-500:focus {
    --border-opacity: 1;
    border-color: #0cc242;
    border-color: rgba(12, 194, 66, var(--border-opacity));
  }

  .xxl\:focus\:border-green-700:focus {
    --border-opacity: 1;
    border-color: #02983a;
    border-color: rgba(2, 152, 58, var(--border-opacity));
  }

  .xxl\:focus\:border-orange-100:focus {
    --border-opacity: 1;
    border-color: #ff6e4a;
    border-color: rgba(255, 110, 74, var(--border-opacity));
  }

  .xxl\:focus\:border-orange-200:focus {
    --border-opacity: 1;
    border-color: #ff6640;
    border-color: rgba(255, 102, 64, var(--border-opacity));
  }

  .xxl\:focus\:border-orange-300:focus {
    --border-opacity: 1;
    border-color: #ff5e36;
    border-color: rgba(255, 94, 54, var(--border-opacity));
  }

  .xxl\:focus\:border-orange-400:focus {
    --border-opacity: 1;
    border-color: #ff562b;
    border-color: rgba(255, 86, 43, var(--border-opacity));
  }

  .xxl\:focus\:border-orange-500:focus {
    --border-opacity: 1;
    border-color: #ff4d22;
    border-color: rgba(255, 77, 34, var(--border-opacity));
  }

  .xxl\:focus\:border-orange-600:focus {
    --border-opacity: 1;
    border-color: #e5461e;
    border-color: rgba(229, 70, 30, var(--border-opacity));
  }

  .xxl\:focus\:border-orange-700:focus {
    --border-opacity: 1;
    border-color: #cc3e1b;
    border-color: rgba(204, 62, 27, var(--border-opacity));
  }

  .xxl\:focus\:border-orange-800:focus {
    --border-opacity: 1;
    border-color: #b33617;
    border-color: rgba(179, 54, 23, var(--border-opacity));
  }

  .xxl\:focus\:border-orange-900:focus {
    --border-opacity: 1;
    border-color: #992f14;
    border-color: rgba(153, 47, 20, var(--border-opacity));
  }

  .xxl\:focus\:border-purple-100:focus {
    --border-opacity: 1;
    border-color: #c861ff;
    border-color: rgba(200, 97, 255, var(--border-opacity));
  }

  .xxl\:focus\:border-purple-200:focus {
    --border-opacity: 1;
    border-color: #c354ff;
    border-color: rgba(195, 84, 255, var(--border-opacity));
  }

  .xxl\:focus\:border-purple-300:focus {
    --border-opacity: 1;
    border-color: #be49fc;
    border-color: rgba(190, 73, 252, var(--border-opacity));
  }

  .xxl\:focus\:border-purple-400:focus {
    --border-opacity: 1;
    border-color: #ab42e3;
    border-color: rgba(171, 66, 227, var(--border-opacity));
  }

  .xxl\:focus\:border-purple-500:focus {
    --border-opacity: 1;
    border-color: #983ac9;
    border-color: rgba(152, 58, 201, var(--border-opacity));
  }

  .xxl\:focus\:border-purple-600:focus {
    --border-opacity: 1;
    border-color: #8433b0;
    border-color: rgba(132, 51, 176, var(--border-opacity));
  }

  .xxl\:focus\:border-purple-700:focus {
    --border-opacity: 1;
    border-color: #712c96;
    border-color: rgba(113, 44, 150, var(--border-opacity));
  }

  .xxl\:focus\:border-purple-800:focus {
    --border-opacity: 1;
    border-color: #5e247d;
    border-color: rgba(94, 36, 125, var(--border-opacity));
  }

  .xxl\:focus\:border-purple-900:focus {
    --border-opacity: 1;
    border-color: #4b1d63;
    border-color: rgba(75, 29, 99, var(--border-opacity));
  }

  .xxl\:focus\:border-red-300:focus {
    --border-opacity: 1;
    border-color: #ff6d69;
    border-color: rgba(255, 109, 105, var(--border-opacity));
  }

  .xxl\:focus\:border-red-500:focus {
    --border-opacity: 1;
    border-color: #ff4540;
    border-color: rgba(255, 69, 64, var(--border-opacity));
  }

  .xxl\:focus\:border-red-700:focus {
    --border-opacity: 1;
    border-color: #bf3929;
    border-color: rgba(191, 57, 41, var(--border-opacity));
  }

  .xxl\:focus\:border-teal-100:focus {
    --border-opacity: 1;
    border-color: #8cfff9;
    border-color: rgba(140, 255, 249, var(--border-opacity));
  }

  .xxl\:focus\:border-teal-200:focus {
    --border-opacity: 1;
    border-color: #66fff7;
    border-color: rgba(102, 255, 247, var(--border-opacity));
  }

  .xxl\:focus\:border-teal-300:focus {
    --border-opacity: 1;
    border-color: #40fff5;
    border-color: rgba(64, 255, 245, var(--border-opacity));
  }

  .xxl\:focus\:border-teal-400:focus {
    --border-opacity: 1;
    border-color: #35fcf2;
    border-color: rgba(53, 252, 242, var(--border-opacity));
  }

  .xxl\:focus\:border-teal-500:focus {
    --border-opacity: 1;
    border-color: #30e3da;
    border-color: rgba(48, 227, 218, var(--border-opacity));
  }

  .xxl\:focus\:border-teal-600:focus {
    --border-opacity: 1;
    border-color: #2ac9c1;
    border-color: rgba(42, 201, 193, var(--border-opacity));
  }

  .xxl\:focus\:border-teal-700:focus {
    --border-opacity: 1;
    border-color: #25b0a9;
    border-color: rgba(37, 176, 169, var(--border-opacity));
  }

  .xxl\:focus\:border-teal-800:focus {
    --border-opacity: 1;
    border-color: #209691;
    border-color: rgba(32, 150, 145, var(--border-opacity));
  }

  .xxl\:focus\:border-teal-900:focus {
    --border-opacity: 1;
    border-color: #1a7d78;
    border-color: rgba(26, 125, 120, var(--border-opacity));
  }

  .xxl\:focus\:border-yellow-100:focus {
    --border-opacity: 1;
    border-color: #ffe894;
    border-color: rgba(255, 232, 148, var(--border-opacity));
  }

  .xxl\:focus\:border-yellow-200:focus {
    --border-opacity: 1;
    border-color: #ffe27a;
    border-color: rgba(255, 226, 122, var(--border-opacity));
  }

  .xxl\:focus\:border-yellow-300:focus {
    --border-opacity: 1;
    border-color: #ffdd61;
    border-color: rgba(255, 221, 97, var(--border-opacity));
  }

  .xxl\:focus\:border-yellow-400:focus {
    --border-opacity: 1;
    border-color: #ffd747;
    border-color: rgba(255, 215, 71, var(--border-opacity));
  }

  .xxl\:focus\:border-yellow-500:focus {
    --border-opacity: 1;
    border-color: #fcce2f;
    border-color: rgba(252, 206, 47, var(--border-opacity));
  }

  .xxl\:focus\:border-yellow-600:focus {
    --border-opacity: 1;
    border-color: #e3bb29;
    border-color: rgba(227, 187, 41, var(--border-opacity));
  }

  .xxl\:focus\:border-yellow-700:focus {
    --border-opacity: 1;
    border-color: #c9a624;
    border-color: rgba(201, 166, 36, var(--border-opacity));
  }

  .xxl\:focus\:border-yellow-800:focus {
    --border-opacity: 1;
    border-color: #b09120;
    border-color: rgba(176, 145, 32, var(--border-opacity));
  }

  .xxl\:focus\:border-yellow-900:focus {
    --border-opacity: 1;
    border-color: #967c1b;
    border-color: rgba(150, 124, 27, var(--border-opacity));
  }

  .xxl\:focus\:border-facebook-400:focus {
    --border-opacity: 1;
    border-color: #4a6dbc;
    border-color: rgba(74, 109, 188, var(--border-opacity));
  }

  .xxl\:focus\:border-facebook-500:focus {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xxl\:focus\:border-snapchat-400:focus {
    --border-opacity: 1;
    border-color: #fffc00;
    border-color: rgba(255, 252, 0, var(--border-opacity));
  }

  .xxl\:focus\:border-snapchat-500:focus {
    --border-opacity: 1;
    border-color: #39579a;
    border-color: rgba(57, 87, 154, var(--border-opacity));
  }

  .xxl\:focus\:border-messenger-400:focus {
    --border-opacity: 1;
    border-color: #339dff;
    border-color: rgba(51, 157, 255, var(--border-opacity));
  }

  .xxl\:focus\:border-messenger-500:focus {
    --border-opacity: 1;
    border-color: #0084ff;
    border-color: rgba(0, 132, 255, var(--border-opacity));
  }

  .xxl\:focus\:border-twitter-400:focus {
    --border-opacity: 1;
    border-color: #21c2ff;
    border-color: rgba(33, 194, 255, var(--border-opacity));
  }

  .xxl\:focus\:border-twitter-500:focus {
    --border-opacity: 1;
    border-color: #00aced;
    border-color: rgba(0, 172, 237, var(--border-opacity));
  }

  .xxl\:focus\:border-transparent-black-10:focus {
    border-color: rgba(0,0,0,0.1);
  }

  .xxl\:focus\:border-transparent-black-30:focus {
    border-color: rgba(0,0,0,0.3);
  }

  .xxl\:focus\:border-transparent-black-50:focus {
    border-color: rgba(0,0,0,0.5);
  }

  .xxl\:focus\:border-transparent-black-70:focus {
    border-color: rgba(0,0,0,0.7);
  }

  .xxl\:focus\:border-transparent-black-90:focus {
    border-color: rgba(0,0,0,0.9);
  }

  .xxl\:focus\:border-transparent-white-10:focus {
    border-color: rgba(255,255,255,0.1);
  }

  .xxl\:focus\:border-transparent-white-30:focus {
    border-color: rgba(255,255,255,0.3);
  }

  .xxl\:focus\:border-transparent-white-50:focus {
    border-color: rgba(255,255,255,0.5);
  }

  .xxl\:focus\:border-transparent-white-70:focus {
    border-color: rgba(255,255,255,0.7);
  }

  .xxl\:focus\:border-transparent-white-90:focus {
    border-color: rgba(255,255,255,0.9);
  }

  .xxl\:focus\:border-vr-dark-blue:focus {
    --border-opacity: 1;
    border-color: #000047;
    border-color: rgba(0, 0, 71, var(--border-opacity));
  }

  .xxl\:focus\:border-vr-neon-green:focus {
    --border-opacity: 1;
    border-color: #00ff75;
    border-color: rgba(0, 255, 117, var(--border-opacity));
  }

  .xxl\:border-opacity-0 {
    --border-opacity: 0;
  }

  .xxl\:border-opacity-25 {
    --border-opacity: 0.25;
  }

  .xxl\:border-opacity-50 {
    --border-opacity: 0.5;
  }

  .xxl\:border-opacity-75 {
    --border-opacity: 0.75;
  }

  .xxl\:border-opacity-100 {
    --border-opacity: 1;
  }

  .xxl\:hover\:border-opacity-0:hover {
    --border-opacity: 0;
  }

  .xxl\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25;
  }

  .xxl\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5;
  }

  .xxl\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75;
  }

  .xxl\:hover\:border-opacity-100:hover {
    --border-opacity: 1;
  }

  .xxl\:focus\:border-opacity-0:focus {
    --border-opacity: 0;
  }

  .xxl\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25;
  }

  .xxl\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5;
  }

  .xxl\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75;
  }

  .xxl\:focus\:border-opacity-100:focus {
    --border-opacity: 1;
  }

  .xxl\:rounded-none {
    border-radius: 0;
  }

  .xxl\:rounded-sm {
    border-radius: 0.125rem;
  }

  .xxl\:rounded {
    border-radius: 0.25rem;
  }

  .xxl\:rounded-md {
    border-radius: 0.375rem;
  }

  .xxl\:rounded-lg {
    border-radius: 0.5rem;
  }

  .xxl\:rounded-xl {
    border-radius: 0.75rem;
  }

  .xxl\:rounded-2xl {
    border-radius: 1rem;
  }

  .xxl\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .xxl\:rounded-full {
    border-radius: 9999px;
  }

  .xxl\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .xxl\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .xxl\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xxl\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xxl\:rounded-t-sm {
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .xxl\:rounded-r-sm {
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .xxl\:rounded-b-sm {
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .xxl\:rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .xxl\:rounded-t {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .xxl\:rounded-r {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .xxl\:rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .xxl\:rounded-l {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .xxl\:rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .xxl\:rounded-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .xxl\:rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .xxl\:rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .xxl\:rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .xxl\:rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .xxl\:rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xxl\:rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xxl\:rounded-t-xl {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .xxl\:rounded-r-xl {
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .xxl\:rounded-b-xl {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .xxl\:rounded-l-xl {
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .xxl\:rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .xxl\:rounded-r-2xl {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .xxl\:rounded-b-2xl {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .xxl\:rounded-l-2xl {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .xxl\:rounded-t-3xl {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .xxl\:rounded-r-3xl {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .xxl\:rounded-b-3xl {
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .xxl\:rounded-l-3xl {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .xxl\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .xxl\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .xxl\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xxl\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xxl\:rounded-tl-none {
    border-top-left-radius: 0;
  }

  .xxl\:rounded-tr-none {
    border-top-right-radius: 0;
  }

  .xxl\:rounded-br-none {
    border-bottom-right-radius: 0;
  }

  .xxl\:rounded-bl-none {
    border-bottom-left-radius: 0;
  }

  .xxl\:rounded-tl-sm {
    border-top-left-radius: 0.125rem;
  }

  .xxl\:rounded-tr-sm {
    border-top-right-radius: 0.125rem;
  }

  .xxl\:rounded-br-sm {
    border-bottom-right-radius: 0.125rem;
  }

  .xxl\:rounded-bl-sm {
    border-bottom-left-radius: 0.125rem;
  }

  .xxl\:rounded-tl {
    border-top-left-radius: 0.25rem;
  }

  .xxl\:rounded-tr {
    border-top-right-radius: 0.25rem;
  }

  .xxl\:rounded-br {
    border-bottom-right-radius: 0.25rem;
  }

  .xxl\:rounded-bl {
    border-bottom-left-radius: 0.25rem;
  }

  .xxl\:rounded-tl-md {
    border-top-left-radius: 0.375rem;
  }

  .xxl\:rounded-tr-md {
    border-top-right-radius: 0.375rem;
  }

  .xxl\:rounded-br-md {
    border-bottom-right-radius: 0.375rem;
  }

  .xxl\:rounded-bl-md {
    border-bottom-left-radius: 0.375rem;
  }

  .xxl\:rounded-tl-lg {
    border-top-left-radius: 0.5rem;
  }

  .xxl\:rounded-tr-lg {
    border-top-right-radius: 0.5rem;
  }

  .xxl\:rounded-br-lg {
    border-bottom-right-radius: 0.5rem;
  }

  .xxl\:rounded-bl-lg {
    border-bottom-left-radius: 0.5rem;
  }

  .xxl\:rounded-tl-xl {
    border-top-left-radius: 0.75rem;
  }

  .xxl\:rounded-tr-xl {
    border-top-right-radius: 0.75rem;
  }

  .xxl\:rounded-br-xl {
    border-bottom-right-radius: 0.75rem;
  }

  .xxl\:rounded-bl-xl {
    border-bottom-left-radius: 0.75rem;
  }

  .xxl\:rounded-tl-2xl {
    border-top-left-radius: 1rem;
  }

  .xxl\:rounded-tr-2xl {
    border-top-right-radius: 1rem;
  }

  .xxl\:rounded-br-2xl {
    border-bottom-right-radius: 1rem;
  }

  .xxl\:rounded-bl-2xl {
    border-bottom-left-radius: 1rem;
  }

  .xxl\:rounded-tl-3xl {
    border-top-left-radius: 1.5rem;
  }

  .xxl\:rounded-tr-3xl {
    border-top-right-radius: 1.5rem;
  }

  .xxl\:rounded-br-3xl {
    border-bottom-right-radius: 1.5rem;
  }

  .xxl\:rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem;
  }

  .xxl\:rounded-tl-full {
    border-top-left-radius: 9999px;
  }

  .xxl\:rounded-tr-full {
    border-top-right-radius: 9999px;
  }

  .xxl\:rounded-br-full {
    border-bottom-right-radius: 9999px;
  }

  .xxl\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
  }

  .xxl\:border-solid {
    border-style: solid;
  }

  .xxl\:border-dashed {
    border-style: dashed;
  }

  .xxl\:border-dotted {
    border-style: dotted;
  }

  .xxl\:border-double {
    border-style: double;
  }

  .xxl\:border-none {
    border-style: none;
  }

  .xxl\:border-0 {
    border-width: 0;
  }

  .xxl\:border-2 {
    border-width: 2px;
  }

  .xxl\:border-4 {
    border-width: 4px;
  }

  .xxl\:border-8 {
    border-width: 8px;
  }

  .xxl\:border {
    border-width: 1px;
  }

  .xxl\:border-t-0 {
    border-top-width: 0;
  }

  .xxl\:border-r-0 {
    border-right-width: 0;
  }

  .xxl\:border-b-0 {
    border-bottom-width: 0;
  }

  .xxl\:border-l-0 {
    border-left-width: 0;
  }

  .xxl\:border-t-2 {
    border-top-width: 2px;
  }

  .xxl\:border-r-2 {
    border-right-width: 2px;
  }

  .xxl\:border-b-2 {
    border-bottom-width: 2px;
  }

  .xxl\:border-l-2 {
    border-left-width: 2px;
  }

  .xxl\:border-t-4 {
    border-top-width: 4px;
  }

  .xxl\:border-r-4 {
    border-right-width: 4px;
  }

  .xxl\:border-b-4 {
    border-bottom-width: 4px;
  }

  .xxl\:border-l-4 {
    border-left-width: 4px;
  }

  .xxl\:border-t-8 {
    border-top-width: 8px;
  }

  .xxl\:border-r-8 {
    border-right-width: 8px;
  }

  .xxl\:border-b-8 {
    border-bottom-width: 8px;
  }

  .xxl\:border-l-8 {
    border-left-width: 8px;
  }

  .xxl\:border-t {
    border-top-width: 1px;
  }

  .xxl\:border-r {
    border-right-width: 1px;
  }

  .xxl\:border-b {
    border-bottom-width: 1px;
  }

  .xxl\:border-l {
    border-left-width: 1px;
  }

  .xxl\:box-border {
    box-sizing: border-box;
  }

  .xxl\:box-content {
    box-sizing: content-box;
  }

  .xxl\:cursor-auto {
    cursor: auto;
  }

  .xxl\:cursor-default {
    cursor: default;
  }

  .xxl\:cursor-pointer {
    cursor: pointer;
  }

  .xxl\:cursor-wait {
    cursor: wait;
  }

  .xxl\:cursor-text {
    cursor: text;
  }

  .xxl\:cursor-move {
    cursor: move;
  }

  .xxl\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .xxl\:block {
    display: block;
  }

  .xxl\:inline-block {
    display: inline-block;
  }

  .xxl\:inline {
    display: inline;
  }

  .xxl\:flex {
    display: flex;
  }

  .xxl\:inline-flex {
    display: inline-flex;
  }

  .xxl\:table {
    display: table;
  }

  .xxl\:table-caption {
    display: table-caption;
  }

  .xxl\:table-cell {
    display: table-cell;
  }

  .xxl\:table-column {
    display: table-column;
  }

  .xxl\:table-column-group {
    display: table-column-group;
  }

  .xxl\:table-footer-group {
    display: table-footer-group;
  }

  .xxl\:table-header-group {
    display: table-header-group;
  }

  .xxl\:table-row-group {
    display: table-row-group;
  }

  .xxl\:table-row {
    display: table-row;
  }

  .xxl\:flow-root {
    display: flow-root;
  }

  .xxl\:grid {
    display: grid;
  }

  .xxl\:inline-grid {
    display: inline-grid;
  }

  .xxl\:contents {
    display: contents;
  }

  .xxl\:hidden {
    display: none;
  }

  .xxl\:flex-row {
    flex-direction: row;
  }

  .xxl\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .xxl\:flex-col {
    flex-direction: column;
  }

  .xxl\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .xxl\:flex-wrap {
    flex-wrap: wrap;
  }

  .xxl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .xxl\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  .xxl\:place-items-auto {
    place-items: auto;
  }

  .xxl\:place-items-start {
    place-items: start;
  }

  .xxl\:place-items-end {
    place-items: end;
  }

  .xxl\:place-items-center {
    place-items: center;
  }

  .xxl\:place-items-stretch {
    place-items: stretch;
  }

  .xxl\:place-content-center {
    place-content: center;
  }

  .xxl\:place-content-start {
    place-content: start;
  }

  .xxl\:place-content-end {
    place-content: end;
  }

  .xxl\:place-content-between {
    place-content: space-between;
  }

  .xxl\:place-content-around {
    place-content: space-around;
  }

  .xxl\:place-content-evenly {
    place-content: space-evenly;
  }

  .xxl\:place-content-stretch {
    place-content: stretch;
  }

  .xxl\:place-self-auto {
    place-self: auto;
  }

  .xxl\:place-self-start {
    place-self: start;
  }

  .xxl\:place-self-end {
    place-self: end;
  }

  .xxl\:place-self-center {
    place-self: center;
  }

  .xxl\:place-self-stretch {
    place-self: stretch;
  }

  .xxl\:items-start {
    align-items: flex-start;
  }

  .xxl\:items-end {
    align-items: flex-end;
  }

  .xxl\:items-center {
    align-items: center;
  }

  .xxl\:items-baseline {
    align-items: baseline;
  }

  .xxl\:items-stretch {
    align-items: stretch;
  }

  .xxl\:content-center {
    align-content: center;
  }

  .xxl\:content-start {
    align-content: flex-start;
  }

  .xxl\:content-end {
    align-content: flex-end;
  }

  .xxl\:content-between {
    align-content: space-between;
  }

  .xxl\:content-around {
    align-content: space-around;
  }

  .xxl\:content-evenly {
    align-content: space-evenly;
  }

  .xxl\:self-auto {
    align-self: auto;
  }

  .xxl\:self-start {
    align-self: flex-start;
  }

  .xxl\:self-end {
    align-self: flex-end;
  }

  .xxl\:self-center {
    align-self: center;
  }

  .xxl\:self-stretch {
    align-self: stretch;
  }

  .xxl\:justify-items-auto {
    justify-items: auto;
  }

  .xxl\:justify-items-start {
    justify-items: start;
  }

  .xxl\:justify-items-end {
    justify-items: end;
  }

  .xxl\:justify-items-center {
    justify-items: center;
  }

  .xxl\:justify-items-stretch {
    justify-items: stretch;
  }

  .xxl\:justify-start {
    justify-content: flex-start;
  }

  .xxl\:justify-end {
    justify-content: flex-end;
  }

  .xxl\:justify-center {
    justify-content: center;
  }

  .xxl\:justify-between {
    justify-content: space-between;
  }

  .xxl\:justify-around {
    justify-content: space-around;
  }

  .xxl\:justify-evenly {
    justify-content: space-evenly;
  }

  .xxl\:justify-self-auto {
    justify-self: auto;
  }

  .xxl\:justify-self-start {
    justify-self: start;
  }

  .xxl\:justify-self-end {
    justify-self: end;
  }

  .xxl\:justify-self-center {
    justify-self: center;
  }

  .xxl\:justify-self-stretch {
    justify-self: stretch;
  }

  .xxl\:flex-1 {
    flex: 1 1 0%;
  }

  .xxl\:flex-auto {
    flex: 1 1 auto;
  }

  .xxl\:flex-initial {
    flex: 0 1 auto;
  }

  .xxl\:flex-none {
    flex: none;
  }

  .xxl\:flex-grow-0 {
    flex-grow: 0;
  }

  .xxl\:flex-grow {
    flex-grow: 1;
  }

  .xxl\:flex-shrink-0 {
    flex-shrink: 0;
  }

  .xxl\:flex-shrink {
    flex-shrink: 1;
  }

  .xxl\:order-1 {
    order: 1;
  }

  .xxl\:order-2 {
    order: 2;
  }

  .xxl\:order-3 {
    order: 3;
  }

  .xxl\:order-4 {
    order: 4;
  }

  .xxl\:order-5 {
    order: 5;
  }

  .xxl\:order-6 {
    order: 6;
  }

  .xxl\:order-7 {
    order: 7;
  }

  .xxl\:order-8 {
    order: 8;
  }

  .xxl\:order-9 {
    order: 9;
  }

  .xxl\:order-10 {
    order: 10;
  }

  .xxl\:order-11 {
    order: 11;
  }

  .xxl\:order-12 {
    order: 12;
  }

  .xxl\:order-first {
    order: -9999;
  }

  .xxl\:order-last {
    order: 9999;
  }

  .xxl\:order-none {
    order: 0;
  }

  .xxl\:float-right {
    float: right;
  }

  .xxl\:float-left {
    float: left;
  }

  .xxl\:float-none {
    float: none;
  }

  .xxl\:clearfix:after {
    content: "";
    display: table;
    clear: both;
  }

  .xxl\:clear-left {
    clear: left;
  }

  .xxl\:clear-right {
    clear: right;
  }

  .xxl\:clear-both {
    clear: both;
  }

  .xxl\:clear-none {
    clear: none;
  }

  .xxl\:font-source-sans {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .xxl\:font-league-gothic {
    font-family: "League Gothic", Impact, "Franklin Gothic Bold", "Arial Black", sans-serif;
  }

  .xxl\:font-hairline {
    font-weight: 100;
  }

  .xxl\:font-thin {
    font-weight: 200;
  }

  .xxl\:font-light {
    font-weight: 300;
  }

  .xxl\:font-normal {
    font-weight: 400;
  }

  .xxl\:font-medium {
    font-weight: 500;
  }

  .xxl\:font-semibold {
    font-weight: 600;
  }

  .xxl\:font-bold {
    font-weight: 700;
  }

  .xxl\:font-extrabold {
    font-weight: 800;
  }

  .xxl\:font-black {
    font-weight: 900;
  }

  .xxl\:hover\:font-hairline:hover {
    font-weight: 100;
  }

  .xxl\:hover\:font-thin:hover {
    font-weight: 200;
  }

  .xxl\:hover\:font-light:hover {
    font-weight: 300;
  }

  .xxl\:hover\:font-normal:hover {
    font-weight: 400;
  }

  .xxl\:hover\:font-medium:hover {
    font-weight: 500;
  }

  .xxl\:hover\:font-semibold:hover {
    font-weight: 600;
  }

  .xxl\:hover\:font-bold:hover {
    font-weight: 700;
  }

  .xxl\:hover\:font-extrabold:hover {
    font-weight: 800;
  }

  .xxl\:hover\:font-black:hover {
    font-weight: 900;
  }

  .xxl\:focus\:font-hairline:focus {
    font-weight: 100;
  }

  .xxl\:focus\:font-thin:focus {
    font-weight: 200;
  }

  .xxl\:focus\:font-light:focus {
    font-weight: 300;
  }

  .xxl\:focus\:font-normal:focus {
    font-weight: 400;
  }

  .xxl\:focus\:font-medium:focus {
    font-weight: 500;
  }

  .xxl\:focus\:font-semibold:focus {
    font-weight: 600;
  }

  .xxl\:focus\:font-bold:focus {
    font-weight: 700;
  }

  .xxl\:focus\:font-extrabold:focus {
    font-weight: 800;
  }

  .xxl\:focus\:font-black:focus {
    font-weight: 900;
  }

  .xxl\:h-0 {
    height: 0;
  }

  .xxl\:h-1 {
    height: 0.25rem;
  }

  .xxl\:h-2 {
    height: 0.5rem;
  }

  .xxl\:h-3 {
    height: 0.75rem;
  }

  .xxl\:h-4 {
    height: 1rem;
  }

  .xxl\:h-5 {
    height: 1.25rem;
  }

  .xxl\:h-6 {
    height: 1.5rem;
  }

  .xxl\:h-8 {
    height: 2rem;
  }

  .xxl\:h-10 {
    height: 2.5rem;
  }

  .xxl\:h-12 {
    height: 3rem;
  }

  .xxl\:h-16 {
    height: 4rem;
  }

  .xxl\:h-20 {
    height: 5rem;
  }

  .xxl\:h-24 {
    height: 6rem;
  }

  .xxl\:h-32 {
    height: 8rem;
  }

  .xxl\:h-40 {
    height: 10rem;
  }

  .xxl\:h-48 {
    height: 12rem;
  }

  .xxl\:h-56 {
    height: 14rem;
  }

  .xxl\:h-64 {
    height: 16rem;
  }

  .xxl\:h-auto {
    height: auto;
  }

  .xxl\:h-px {
    height: 1px;
  }

  .xxl\:h-full {
    height: 100%;
  }

  .xxl\:h-screen {
    height: 100vh;
  }

  .xxl\:text-xs {
    font-size: 12px;
  }

  .xxl\:text-sm {
    font-size: 14px;
  }

  .xxl\:text-base {
    font-size: 18px;
  }

  .xxl\:text-lg {
    font-size: 22px;
  }

  .xxl\:text-xl {
    font-size: 28px;
  }

  .xxl\:text-2xl {
    font-size: 35px;
  }

  .xxl\:text-3xl {
    font-size: 44px;
  }

  .xxl\:text-4xl {
    font-size: 55px;
  }

  .xxl\:text-5xl {
    font-size: 69px;
  }

  .xxl\:text-6xl {
    font-size: 84px;
  }

  .xxl\:leading-3 {
    line-height: .75rem;
  }

  .xxl\:leading-4 {
    line-height: 1rem;
  }

  .xxl\:leading-5 {
    line-height: 1.25rem;
  }

  .xxl\:leading-6 {
    line-height: 1.5rem;
  }

  .xxl\:leading-7 {
    line-height: 1.75rem;
  }

  .xxl\:leading-8 {
    line-height: 2rem;
  }

  .xxl\:leading-9 {
    line-height: 2.25rem;
  }

  .xxl\:leading-10 {
    line-height: 2.5rem;
  }

  .xxl\:leading-none {
    line-height: 1;
  }

  .xxl\:leading-tight {
    line-height: 1.25;
  }

  .xxl\:leading-snug {
    line-height: 1.375;
  }

  .xxl\:leading-normal {
    line-height: 1.5;
  }

  .xxl\:leading-relaxed {
    line-height: 1.625;
  }

  .xxl\:leading-loose {
    line-height: 2;
  }

  .xxl\:list-inside {
    list-style-position: inside;
  }

  .xxl\:list-outside {
    list-style-position: outside;
  }

  .xxl\:list-none {
    list-style-type: none;
  }

  .xxl\:list-disc {
    list-style-type: disc;
  }

  .xxl\:list-decimal {
    list-style-type: decimal;
  }

  .xxl\:m-0 {
    margin: 0;
  }

  .xxl\:m-1 {
    margin: 0.25rem;
  }

  .xxl\:m-2 {
    margin: 0.5rem;
  }

  .xxl\:m-3 {
    margin: 0.75rem;
  }

  .xxl\:m-4 {
    margin: 1rem;
  }

  .xxl\:m-5 {
    margin: 1.25rem;
  }

  .xxl\:m-6 {
    margin: 1.5rem;
  }

  .xxl\:m-8 {
    margin: 2rem;
  }

  .xxl\:m-10 {
    margin: 2.5rem;
  }

  .xxl\:m-12 {
    margin: 3rem;
  }

  .xxl\:m-16 {
    margin: 4rem;
  }

  .xxl\:m-20 {
    margin: 5rem;
  }

  .xxl\:m-24 {
    margin: 6rem;
  }

  .xxl\:m-32 {
    margin: 8rem;
  }

  .xxl\:m-40 {
    margin: 10rem;
  }

  .xxl\:m-48 {
    margin: 12rem;
  }

  .xxl\:m-56 {
    margin: 14rem;
  }

  .xxl\:m-64 {
    margin: 16rem;
  }

  .xxl\:m-auto {
    margin: auto;
  }

  .xxl\:m-px {
    margin: 1px;
  }

  .xxl\:-m-1 {
    margin: -0.25rem;
  }

  .xxl\:-m-2 {
    margin: -0.5rem;
  }

  .xxl\:-m-3 {
    margin: -0.75rem;
  }

  .xxl\:-m-4 {
    margin: -1rem;
  }

  .xxl\:-m-5 {
    margin: -1.25rem;
  }

  .xxl\:-m-6 {
    margin: -1.5rem;
  }

  .xxl\:-m-8 {
    margin: -2rem;
  }

  .xxl\:-m-10 {
    margin: -2.5rem;
  }

  .xxl\:-m-12 {
    margin: -3rem;
  }

  .xxl\:-m-16 {
    margin: -4rem;
  }

  .xxl\:-m-20 {
    margin: -5rem;
  }

  .xxl\:-m-24 {
    margin: -6rem;
  }

  .xxl\:-m-32 {
    margin: -8rem;
  }

  .xxl\:-m-40 {
    margin: -10rem;
  }

  .xxl\:-m-48 {
    margin: -12rem;
  }

  .xxl\:-m-56 {
    margin: -14rem;
  }

  .xxl\:-m-64 {
    margin: -16rem;
  }

  .xxl\:-m-px {
    margin: -1px;
  }

  .xxl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .xxl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .xxl\:my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .xxl\:mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .xxl\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .xxl\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .xxl\:my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .xxl\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .xxl\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .xxl\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .xxl\:my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .xxl\:mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .xxl\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .xxl\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .xxl\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .xxl\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .xxl\:my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .xxl\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .xxl\:my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .xxl\:mx-12 {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .xxl\:my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .xxl\:mx-16 {
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .xxl\:my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .xxl\:mx-20 {
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .xxl\:my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .xxl\:mx-24 {
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .xxl\:my-32 {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .xxl\:mx-32 {
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .xxl\:my-40 {
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .xxl\:mx-40 {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .xxl\:my-48 {
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .xxl\:mx-48 {
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .xxl\:my-56 {
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .xxl\:mx-56 {
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .xxl\:my-64 {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .xxl\:mx-64 {
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .xxl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .xxl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xxl\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .xxl\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .xxl\:-my-1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .xxl\:-mx-1 {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .xxl\:-my-2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .xxl\:-mx-2 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .xxl\:-my-3 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .xxl\:-mx-3 {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .xxl\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .xxl\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .xxl\:-my-5 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .xxl\:-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .xxl\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .xxl\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .xxl\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .xxl\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .xxl\:-my-10 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .xxl\:-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .xxl\:-my-12 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .xxl\:-mx-12 {
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .xxl\:-my-16 {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .xxl\:-mx-16 {
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .xxl\:-my-20 {
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .xxl\:-mx-20 {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .xxl\:-my-24 {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .xxl\:-mx-24 {
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .xxl\:-my-32 {
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .xxl\:-mx-32 {
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .xxl\:-my-40 {
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .xxl\:-mx-40 {
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .xxl\:-my-48 {
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .xxl\:-mx-48 {
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .xxl\:-my-56 {
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .xxl\:-mx-56 {
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .xxl\:-my-64 {
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .xxl\:-mx-64 {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .xxl\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .xxl\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .xxl\:mt-0 {
    margin-top: 0;
  }

  .xxl\:mr-0 {
    margin-right: 0;
  }

  .xxl\:mb-0 {
    margin-bottom: 0;
  }

  .xxl\:ml-0 {
    margin-left: 0;
  }

  .xxl\:mt-1 {
    margin-top: 0.25rem;
  }

  .xxl\:mr-1 {
    margin-right: 0.25rem;
  }

  .xxl\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .xxl\:ml-1 {
    margin-left: 0.25rem;
  }

  .xxl\:mt-2 {
    margin-top: 0.5rem;
  }

  .xxl\:mr-2 {
    margin-right: 0.5rem;
  }

  .xxl\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .xxl\:ml-2 {
    margin-left: 0.5rem;
  }

  .xxl\:mt-3 {
    margin-top: 0.75rem;
  }

  .xxl\:mr-3 {
    margin-right: 0.75rem;
  }

  .xxl\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .xxl\:ml-3 {
    margin-left: 0.75rem;
  }

  .xxl\:mt-4 {
    margin-top: 1rem;
  }

  .xxl\:mr-4 {
    margin-right: 1rem;
  }

  .xxl\:mb-4 {
    margin-bottom: 1rem;
  }

  .xxl\:ml-4 {
    margin-left: 1rem;
  }

  .xxl\:mt-5 {
    margin-top: 1.25rem;
  }

  .xxl\:mr-5 {
    margin-right: 1.25rem;
  }

  .xxl\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .xxl\:ml-5 {
    margin-left: 1.25rem;
  }

  .xxl\:mt-6 {
    margin-top: 1.5rem;
  }

  .xxl\:mr-6 {
    margin-right: 1.5rem;
  }

  .xxl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .xxl\:ml-6 {
    margin-left: 1.5rem;
  }

  .xxl\:mt-8 {
    margin-top: 2rem;
  }

  .xxl\:mr-8 {
    margin-right: 2rem;
  }

  .xxl\:mb-8 {
    margin-bottom: 2rem;
  }

  .xxl\:ml-8 {
    margin-left: 2rem;
  }

  .xxl\:mt-10 {
    margin-top: 2.5rem;
  }

  .xxl\:mr-10 {
    margin-right: 2.5rem;
  }

  .xxl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .xxl\:ml-10 {
    margin-left: 2.5rem;
  }

  .xxl\:mt-12 {
    margin-top: 3rem;
  }

  .xxl\:mr-12 {
    margin-right: 3rem;
  }

  .xxl\:mb-12 {
    margin-bottom: 3rem;
  }

  .xxl\:ml-12 {
    margin-left: 3rem;
  }

  .xxl\:mt-16 {
    margin-top: 4rem;
  }

  .xxl\:mr-16 {
    margin-right: 4rem;
  }

  .xxl\:mb-16 {
    margin-bottom: 4rem;
  }

  .xxl\:ml-16 {
    margin-left: 4rem;
  }

  .xxl\:mt-20 {
    margin-top: 5rem;
  }

  .xxl\:mr-20 {
    margin-right: 5rem;
  }

  .xxl\:mb-20 {
    margin-bottom: 5rem;
  }

  .xxl\:ml-20 {
    margin-left: 5rem;
  }

  .xxl\:mt-24 {
    margin-top: 6rem;
  }

  .xxl\:mr-24 {
    margin-right: 6rem;
  }

  .xxl\:mb-24 {
    margin-bottom: 6rem;
  }

  .xxl\:ml-24 {
    margin-left: 6rem;
  }

  .xxl\:mt-32 {
    margin-top: 8rem;
  }

  .xxl\:mr-32 {
    margin-right: 8rem;
  }

  .xxl\:mb-32 {
    margin-bottom: 8rem;
  }

  .xxl\:ml-32 {
    margin-left: 8rem;
  }

  .xxl\:mt-40 {
    margin-top: 10rem;
  }

  .xxl\:mr-40 {
    margin-right: 10rem;
  }

  .xxl\:mb-40 {
    margin-bottom: 10rem;
  }

  .xxl\:ml-40 {
    margin-left: 10rem;
  }

  .xxl\:mt-48 {
    margin-top: 12rem;
  }

  .xxl\:mr-48 {
    margin-right: 12rem;
  }

  .xxl\:mb-48 {
    margin-bottom: 12rem;
  }

  .xxl\:ml-48 {
    margin-left: 12rem;
  }

  .xxl\:mt-56 {
    margin-top: 14rem;
  }

  .xxl\:mr-56 {
    margin-right: 14rem;
  }

  .xxl\:mb-56 {
    margin-bottom: 14rem;
  }

  .xxl\:ml-56 {
    margin-left: 14rem;
  }

  .xxl\:mt-64 {
    margin-top: 16rem;
  }

  .xxl\:mr-64 {
    margin-right: 16rem;
  }

  .xxl\:mb-64 {
    margin-bottom: 16rem;
  }

  .xxl\:ml-64 {
    margin-left: 16rem;
  }

  .xxl\:mt-auto {
    margin-top: auto;
  }

  .xxl\:mr-auto {
    margin-right: auto;
  }

  .xxl\:mb-auto {
    margin-bottom: auto;
  }

  .xxl\:ml-auto {
    margin-left: auto;
  }

  .xxl\:mt-px {
    margin-top: 1px;
  }

  .xxl\:mr-px {
    margin-right: 1px;
  }

  .xxl\:mb-px {
    margin-bottom: 1px;
  }

  .xxl\:ml-px {
    margin-left: 1px;
  }

  .xxl\:-mt-1 {
    margin-top: -0.25rem;
  }

  .xxl\:-mr-1 {
    margin-right: -0.25rem;
  }

  .xxl\:-mb-1 {
    margin-bottom: -0.25rem;
  }

  .xxl\:-ml-1 {
    margin-left: -0.25rem;
  }

  .xxl\:-mt-2 {
    margin-top: -0.5rem;
  }

  .xxl\:-mr-2 {
    margin-right: -0.5rem;
  }

  .xxl\:-mb-2 {
    margin-bottom: -0.5rem;
  }

  .xxl\:-ml-2 {
    margin-left: -0.5rem;
  }

  .xxl\:-mt-3 {
    margin-top: -0.75rem;
  }

  .xxl\:-mr-3 {
    margin-right: -0.75rem;
  }

  .xxl\:-mb-3 {
    margin-bottom: -0.75rem;
  }

  .xxl\:-ml-3 {
    margin-left: -0.75rem;
  }

  .xxl\:-mt-4 {
    margin-top: -1rem;
  }

  .xxl\:-mr-4 {
    margin-right: -1rem;
  }

  .xxl\:-mb-4 {
    margin-bottom: -1rem;
  }

  .xxl\:-ml-4 {
    margin-left: -1rem;
  }

  .xxl\:-mt-5 {
    margin-top: -1.25rem;
  }

  .xxl\:-mr-5 {
    margin-right: -1.25rem;
  }

  .xxl\:-mb-5 {
    margin-bottom: -1.25rem;
  }

  .xxl\:-ml-5 {
    margin-left: -1.25rem;
  }

  .xxl\:-mt-6 {
    margin-top: -1.5rem;
  }

  .xxl\:-mr-6 {
    margin-right: -1.5rem;
  }

  .xxl\:-mb-6 {
    margin-bottom: -1.5rem;
  }

  .xxl\:-ml-6 {
    margin-left: -1.5rem;
  }

  .xxl\:-mt-8 {
    margin-top: -2rem;
  }

  .xxl\:-mr-8 {
    margin-right: -2rem;
  }

  .xxl\:-mb-8 {
    margin-bottom: -2rem;
  }

  .xxl\:-ml-8 {
    margin-left: -2rem;
  }

  .xxl\:-mt-10 {
    margin-top: -2.5rem;
  }

  .xxl\:-mr-10 {
    margin-right: -2.5rem;
  }

  .xxl\:-mb-10 {
    margin-bottom: -2.5rem;
  }

  .xxl\:-ml-10 {
    margin-left: -2.5rem;
  }

  .xxl\:-mt-12 {
    margin-top: -3rem;
  }

  .xxl\:-mr-12 {
    margin-right: -3rem;
  }

  .xxl\:-mb-12 {
    margin-bottom: -3rem;
  }

  .xxl\:-ml-12 {
    margin-left: -3rem;
  }

  .xxl\:-mt-16 {
    margin-top: -4rem;
  }

  .xxl\:-mr-16 {
    margin-right: -4rem;
  }

  .xxl\:-mb-16 {
    margin-bottom: -4rem;
  }

  .xxl\:-ml-16 {
    margin-left: -4rem;
  }

  .xxl\:-mt-20 {
    margin-top: -5rem;
  }

  .xxl\:-mr-20 {
    margin-right: -5rem;
  }

  .xxl\:-mb-20 {
    margin-bottom: -5rem;
  }

  .xxl\:-ml-20 {
    margin-left: -5rem;
  }

  .xxl\:-mt-24 {
    margin-top: -6rem;
  }

  .xxl\:-mr-24 {
    margin-right: -6rem;
  }

  .xxl\:-mb-24 {
    margin-bottom: -6rem;
  }

  .xxl\:-ml-24 {
    margin-left: -6rem;
  }

  .xxl\:-mt-32 {
    margin-top: -8rem;
  }

  .xxl\:-mr-32 {
    margin-right: -8rem;
  }

  .xxl\:-mb-32 {
    margin-bottom: -8rem;
  }

  .xxl\:-ml-32 {
    margin-left: -8rem;
  }

  .xxl\:-mt-40 {
    margin-top: -10rem;
  }

  .xxl\:-mr-40 {
    margin-right: -10rem;
  }

  .xxl\:-mb-40 {
    margin-bottom: -10rem;
  }

  .xxl\:-ml-40 {
    margin-left: -10rem;
  }

  .xxl\:-mt-48 {
    margin-top: -12rem;
  }

  .xxl\:-mr-48 {
    margin-right: -12rem;
  }

  .xxl\:-mb-48 {
    margin-bottom: -12rem;
  }

  .xxl\:-ml-48 {
    margin-left: -12rem;
  }

  .xxl\:-mt-56 {
    margin-top: -14rem;
  }

  .xxl\:-mr-56 {
    margin-right: -14rem;
  }

  .xxl\:-mb-56 {
    margin-bottom: -14rem;
  }

  .xxl\:-ml-56 {
    margin-left: -14rem;
  }

  .xxl\:-mt-64 {
    margin-top: -16rem;
  }

  .xxl\:-mr-64 {
    margin-right: -16rem;
  }

  .xxl\:-mb-64 {
    margin-bottom: -16rem;
  }

  .xxl\:-ml-64 {
    margin-left: -16rem;
  }

  .xxl\:-mt-px {
    margin-top: -1px;
  }

  .xxl\:-mr-px {
    margin-right: -1px;
  }

  .xxl\:-mb-px {
    margin-bottom: -1px;
  }

  .xxl\:-ml-px {
    margin-left: -1px;
  }

  .xxl\:max-h-full {
    max-height: 100%;
  }

  .xxl\:max-h-screen {
    max-height: 100vh;
  }

  .xxl\:max-w-none {
    max-width: none;
  }

  .xxl\:max-w-xs {
    max-width: 20rem;
  }

  .xxl\:max-w-sm {
    max-width: 24rem;
  }

  .xxl\:max-w-md {
    max-width: 28rem;
  }

  .xxl\:max-w-lg {
    max-width: 32rem;
  }

  .xxl\:max-w-xl {
    max-width: 36rem;
  }

  .xxl\:max-w-2xl {
    max-width: 42rem;
  }

  .xxl\:max-w-3xl {
    max-width: 48rem;
  }

  .xxl\:max-w-4xl {
    max-width: 56rem;
  }

  .xxl\:max-w-5xl {
    max-width: 64rem;
  }

  .xxl\:max-w-6xl {
    max-width: 72rem;
  }

  .xxl\:max-w-full {
    max-width: 100%;
  }

  .xxl\:max-w-screen-xs {
    max-width: 360px;
  }

  .xxl\:max-w-screen-sm {
    max-width: 480px;
  }

  .xxl\:max-w-screen-md {
    max-width: 760px;
  }

  .xxl\:max-w-screen-lg {
    max-width: 960px;
  }

  .xxl\:max-w-screen-xl {
    max-width: 1060px;
  }

  .xxl\:max-w-screen-xxl {
    max-width: 1280px;
  }

  .xxl\:min-h-0 {
    min-height: 0;
  }

  .xxl\:min-h-full {
    min-height: 100%;
  }

  .xxl\:min-h-screen {
    min-height: 100vh;
  }

  .xxl\:min-w-0 {
    min-width: 0;
  }

  .xxl\:min-w-full {
    min-width: 100%;
  }

  .xxl\:object-contain {
    object-fit: contain;
  }

  .xxl\:object-cover {
    object-fit: cover;
  }

  .xxl\:object-fill {
    object-fit: fill;
  }

  .xxl\:object-none {
    object-fit: none;
  }

  .xxl\:object-scale-down {
    object-fit: scale-down;
  }

  .xxl\:object-bottom {
    object-position: bottom;
  }

  .xxl\:object-center {
    object-position: center;
  }

  .xxl\:object-left {
    object-position: left;
  }

  .xxl\:object-left-bottom {
    object-position: left bottom;
  }

  .xxl\:object-left-top {
    object-position: left top;
  }

  .xxl\:object-right {
    object-position: right;
  }

  .xxl\:object-right-bottom {
    object-position: right bottom;
  }

  .xxl\:object-right-top {
    object-position: right top;
  }

  .xxl\:object-top {
    object-position: top;
  }

  .xxl\:opacity-0 {
    opacity: 0;
  }

  .xxl\:opacity-25 {
    opacity: 0.25;
  }

  .xxl\:opacity-50 {
    opacity: 0.5;
  }

  .xxl\:opacity-75 {
    opacity: 0.75;
  }

  .xxl\:opacity-100 {
    opacity: 1;
  }

  .xxl\:hover\:opacity-0:hover {
    opacity: 0;
  }

  .xxl\:hover\:opacity-25:hover {
    opacity: 0.25;
  }

  .xxl\:hover\:opacity-50:hover {
    opacity: 0.5;
  }

  .xxl\:hover\:opacity-75:hover {
    opacity: 0.75;
  }

  .xxl\:hover\:opacity-100:hover {
    opacity: 1;
  }

  .xxl\:focus\:opacity-0:focus {
    opacity: 0;
  }

  .xxl\:focus\:opacity-25:focus {
    opacity: 0.25;
  }

  .xxl\:focus\:opacity-50:focus {
    opacity: 0.5;
  }

  .xxl\:focus\:opacity-75:focus {
    opacity: 0.75;
  }

  .xxl\:focus\:opacity-100:focus {
    opacity: 1;
  }

  .xxl\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .xxl\:outline-white {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .xxl\:outline-black {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .xxl\:focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .xxl\:focus\:outline-white:focus {
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .xxl\:focus\:outline-black:focus {
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .xxl\:overflow-auto {
    overflow: auto;
  }

  .xxl\:overflow-hidden {
    overflow: hidden;
  }

  .xxl\:overflow-visible {
    overflow: visible;
  }

  .xxl\:overflow-scroll {
    overflow: scroll;
  }

  .xxl\:overflow-x-auto {
    overflow-x: auto;
  }

  .xxl\:overflow-y-auto {
    overflow-y: auto;
  }

  .xxl\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .xxl\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .xxl\:overflow-x-visible {
    overflow-x: visible;
  }

  .xxl\:overflow-y-visible {
    overflow-y: visible;
  }

  .xxl\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .xxl\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .xxl\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .xxl\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .xxl\:overscroll-auto {
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
  }

  .xxl\:overscroll-contain {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }

  .xxl\:overscroll-none {
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }

  .xxl\:overscroll-y-auto {
    overscroll-behavior-y: auto;
  }

  .xxl\:overscroll-y-contain {
    overscroll-behavior-y: contain;
  }

  .xxl\:overscroll-y-none {
    overscroll-behavior-y: none;
  }

  .xxl\:overscroll-x-auto {
    overscroll-behavior-x: auto;
  }

  .xxl\:overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .xxl\:overscroll-x-none {
    overscroll-behavior-x: none;
  }

  .xxl\:p-0 {
    padding: 0;
  }

  .xxl\:p-1 {
    padding: 0.25rem;
  }

  .xxl\:p-2 {
    padding: 0.5rem;
  }

  .xxl\:p-3 {
    padding: 0.75rem;
  }

  .xxl\:p-4 {
    padding: 1rem;
  }

  .xxl\:p-5 {
    padding: 1.25rem;
  }

  .xxl\:p-6 {
    padding: 1.5rem;
  }

  .xxl\:p-8 {
    padding: 2rem;
  }

  .xxl\:p-10 {
    padding: 2.5rem;
  }

  .xxl\:p-12 {
    padding: 3rem;
  }

  .xxl\:p-16 {
    padding: 4rem;
  }

  .xxl\:p-20 {
    padding: 5rem;
  }

  .xxl\:p-24 {
    padding: 6rem;
  }

  .xxl\:p-32 {
    padding: 8rem;
  }

  .xxl\:p-40 {
    padding: 10rem;
  }

  .xxl\:p-48 {
    padding: 12rem;
  }

  .xxl\:p-56 {
    padding: 14rem;
  }

  .xxl\:p-64 {
    padding: 16rem;
  }

  .xxl\:p-px {
    padding: 1px;
  }

  .xxl\:p-1\/4 {
    padding: 25%;
  }

  .xxl\:p-1\/3 {
    padding: 33.333333333%;
  }

  .xxl\:p-1\/2 {
    padding: 50%;
  }

  .xxl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .xxl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .xxl\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .xxl\:px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .xxl\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .xxl\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .xxl\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .xxl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .xxl\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xxl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xxl\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .xxl\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .xxl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .xxl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xxl\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xxl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xxl\:py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .xxl\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xxl\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .xxl\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .xxl\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .xxl\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xxl\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .xxl\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .xxl\:py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .xxl\:px-24 {
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .xxl\:py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .xxl\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .xxl\:py-40 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .xxl\:px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .xxl\:py-48 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .xxl\:px-48 {
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .xxl\:py-56 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .xxl\:px-56 {
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .xxl\:py-64 {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .xxl\:px-64 {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .xxl\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .xxl\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .xxl\:py-1\/4 {
    padding-top: 25%;
    padding-bottom: 25%;
  }

  .xxl\:px-1\/4 {
    padding-left: 25%;
    padding-right: 25%;
  }

  .xxl\:py-1\/3 {
    padding-top: 33.333333333%;
    padding-bottom: 33.333333333%;
  }

  .xxl\:px-1\/3 {
    padding-left: 33.333333333%;
    padding-right: 33.333333333%;
  }

  .xxl\:py-1\/2 {
    padding-top: 50%;
    padding-bottom: 50%;
  }

  .xxl\:px-1\/2 {
    padding-left: 50%;
    padding-right: 50%;
  }

  .xxl\:pt-0 {
    padding-top: 0;
  }

  .xxl\:pr-0 {
    padding-right: 0;
  }

  .xxl\:pb-0 {
    padding-bottom: 0;
  }

  .xxl\:pl-0 {
    padding-left: 0;
  }

  .xxl\:pt-1 {
    padding-top: 0.25rem;
  }

  .xxl\:pr-1 {
    padding-right: 0.25rem;
  }

  .xxl\:pb-1 {
    padding-bottom: 0.25rem;
  }

  .xxl\:pl-1 {
    padding-left: 0.25rem;
  }

  .xxl\:pt-2 {
    padding-top: 0.5rem;
  }

  .xxl\:pr-2 {
    padding-right: 0.5rem;
  }

  .xxl\:pb-2 {
    padding-bottom: 0.5rem;
  }

  .xxl\:pl-2 {
    padding-left: 0.5rem;
  }

  .xxl\:pt-3 {
    padding-top: 0.75rem;
  }

  .xxl\:pr-3 {
    padding-right: 0.75rem;
  }

  .xxl\:pb-3 {
    padding-bottom: 0.75rem;
  }

  .xxl\:pl-3 {
    padding-left: 0.75rem;
  }

  .xxl\:pt-4 {
    padding-top: 1rem;
  }

  .xxl\:pr-4 {
    padding-right: 1rem;
  }

  .xxl\:pb-4 {
    padding-bottom: 1rem;
  }

  .xxl\:pl-4 {
    padding-left: 1rem;
  }

  .xxl\:pt-5 {
    padding-top: 1.25rem;
  }

  .xxl\:pr-5 {
    padding-right: 1.25rem;
  }

  .xxl\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .xxl\:pl-5 {
    padding-left: 1.25rem;
  }

  .xxl\:pt-6 {
    padding-top: 1.5rem;
  }

  .xxl\:pr-6 {
    padding-right: 1.5rem;
  }

  .xxl\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .xxl\:pl-6 {
    padding-left: 1.5rem;
  }

  .xxl\:pt-8 {
    padding-top: 2rem;
  }

  .xxl\:pr-8 {
    padding-right: 2rem;
  }

  .xxl\:pb-8 {
    padding-bottom: 2rem;
  }

  .xxl\:pl-8 {
    padding-left: 2rem;
  }

  .xxl\:pt-10 {
    padding-top: 2.5rem;
  }

  .xxl\:pr-10 {
    padding-right: 2.5rem;
  }

  .xxl\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .xxl\:pl-10 {
    padding-left: 2.5rem;
  }

  .xxl\:pt-12 {
    padding-top: 3rem;
  }

  .xxl\:pr-12 {
    padding-right: 3rem;
  }

  .xxl\:pb-12 {
    padding-bottom: 3rem;
  }

  .xxl\:pl-12 {
    padding-left: 3rem;
  }

  .xxl\:pt-16 {
    padding-top: 4rem;
  }

  .xxl\:pr-16 {
    padding-right: 4rem;
  }

  .xxl\:pb-16 {
    padding-bottom: 4rem;
  }

  .xxl\:pl-16 {
    padding-left: 4rem;
  }

  .xxl\:pt-20 {
    padding-top: 5rem;
  }

  .xxl\:pr-20 {
    padding-right: 5rem;
  }

  .xxl\:pb-20 {
    padding-bottom: 5rem;
  }

  .xxl\:pl-20 {
    padding-left: 5rem;
  }

  .xxl\:pt-24 {
    padding-top: 6rem;
  }

  .xxl\:pr-24 {
    padding-right: 6rem;
  }

  .xxl\:pb-24 {
    padding-bottom: 6rem;
  }

  .xxl\:pl-24 {
    padding-left: 6rem;
  }

  .xxl\:pt-32 {
    padding-top: 8rem;
  }

  .xxl\:pr-32 {
    padding-right: 8rem;
  }

  .xxl\:pb-32 {
    padding-bottom: 8rem;
  }

  .xxl\:pl-32 {
    padding-left: 8rem;
  }

  .xxl\:pt-40 {
    padding-top: 10rem;
  }

  .xxl\:pr-40 {
    padding-right: 10rem;
  }

  .xxl\:pb-40 {
    padding-bottom: 10rem;
  }

  .xxl\:pl-40 {
    padding-left: 10rem;
  }

  .xxl\:pt-48 {
    padding-top: 12rem;
  }

  .xxl\:pr-48 {
    padding-right: 12rem;
  }

  .xxl\:pb-48 {
    padding-bottom: 12rem;
  }

  .xxl\:pl-48 {
    padding-left: 12rem;
  }

  .xxl\:pt-56 {
    padding-top: 14rem;
  }

  .xxl\:pr-56 {
    padding-right: 14rem;
  }

  .xxl\:pb-56 {
    padding-bottom: 14rem;
  }

  .xxl\:pl-56 {
    padding-left: 14rem;
  }

  .xxl\:pt-64 {
    padding-top: 16rem;
  }

  .xxl\:pr-64 {
    padding-right: 16rem;
  }

  .xxl\:pb-64 {
    padding-bottom: 16rem;
  }

  .xxl\:pl-64 {
    padding-left: 16rem;
  }

  .xxl\:pt-px {
    padding-top: 1px;
  }

  .xxl\:pr-px {
    padding-right: 1px;
  }

  .xxl\:pb-px {
    padding-bottom: 1px;
  }

  .xxl\:pl-px {
    padding-left: 1px;
  }

  .xxl\:pt-1\/4 {
    padding-top: 25%;
  }

  .xxl\:pr-1\/4 {
    padding-right: 25%;
  }

  .xxl\:pb-1\/4 {
    padding-bottom: 25%;
  }

  .xxl\:pl-1\/4 {
    padding-left: 25%;
  }

  .xxl\:pt-1\/3 {
    padding-top: 33.333333333%;
  }

  .xxl\:pr-1\/3 {
    padding-right: 33.333333333%;
  }

  .xxl\:pb-1\/3 {
    padding-bottom: 33.333333333%;
  }

  .xxl\:pl-1\/3 {
    padding-left: 33.333333333%;
  }

  .xxl\:pt-1\/2 {
    padding-top: 50%;
  }

  .xxl\:pr-1\/2 {
    padding-right: 50%;
  }

  .xxl\:pb-1\/2 {
    padding-bottom: 50%;
  }

  .xxl\:pl-1\/2 {
    padding-left: 50%;
  }

  .xxl\:placeholder-transparent:-ms-input-placeholder {
    color: transparent;
  }

  .xxl\:placeholder-transparent::placeholder {
    color: transparent;
  }

  .xxl\:placeholder-black:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xxl\:placeholder-black::placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xxl\:placeholder-white:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-white::placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-100::placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-200::placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-300::placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-400::placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-500::placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-600::placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-700::placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-800::placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xxl\:placeholder-gray-900::placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-100::placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-200::placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-300::placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-400::placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-500::placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-600::placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-700::placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-800::placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blue-900::placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blurple-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blurple-100::placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blurple-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blurple-200::placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blurple-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blurple-300::placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blurple-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blurple-400::placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blurple-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blurple-500::placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blurple-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .xxl\:placeholder-blurple-700::placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .xxl\:placeholder-green-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .xxl\:placeholder-green-300::placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .xxl\:placeholder-green-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .xxl\:placeholder-green-500::placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .xxl\:placeholder-green-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .xxl\:placeholder-green-700::placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-100::placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-200::placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-300::placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-400::placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-500::placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-600::placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-700::placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-800::placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .xxl\:placeholder-orange-900::placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-100::placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-200::placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-300::placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-400::placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-500::placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-600::placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-700::placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-800::placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .xxl\:placeholder-purple-900::placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .xxl\:placeholder-red-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .xxl\:placeholder-red-300::placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .xxl\:placeholder-red-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .xxl\:placeholder-red-500::placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .xxl\:placeholder-red-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .xxl\:placeholder-red-700::placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-100::placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-200::placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-300::placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-400::placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-500::placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-600::placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-700::placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-800::placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .xxl\:placeholder-teal-900::placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-100::placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-200::placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-300::placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-400::placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-500::placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-600::placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-700::placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-800::placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .xxl\:placeholder-yellow-900::placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .xxl\:placeholder-facebook-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .xxl\:placeholder-facebook-400::placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .xxl\:placeholder-facebook-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xxl\:placeholder-facebook-500::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xxl\:placeholder-snapchat-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .xxl\:placeholder-snapchat-400::placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .xxl\:placeholder-snapchat-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xxl\:placeholder-snapchat-500::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xxl\:placeholder-messenger-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-messenger-400::placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-messenger-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-messenger-500::placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-twitter-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-twitter-400::placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .xxl\:placeholder-twitter-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .xxl\:placeholder-twitter-500::placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .xxl\:placeholder-transparent-black-10:-ms-input-placeholder {
    color: rgba(0,0,0,0.1);
  }

  .xxl\:placeholder-transparent-black-10::placeholder {
    color: rgba(0,0,0,0.1);
  }

  .xxl\:placeholder-transparent-black-30:-ms-input-placeholder {
    color: rgba(0,0,0,0.3);
  }

  .xxl\:placeholder-transparent-black-30::placeholder {
    color: rgba(0,0,0,0.3);
  }

  .xxl\:placeholder-transparent-black-50:-ms-input-placeholder {
    color: rgba(0,0,0,0.5);
  }

  .xxl\:placeholder-transparent-black-50::placeholder {
    color: rgba(0,0,0,0.5);
  }

  .xxl\:placeholder-transparent-black-70:-ms-input-placeholder {
    color: rgba(0,0,0,0.7);
  }

  .xxl\:placeholder-transparent-black-70::placeholder {
    color: rgba(0,0,0,0.7);
  }

  .xxl\:placeholder-transparent-black-90:-ms-input-placeholder {
    color: rgba(0,0,0,0.9);
  }

  .xxl\:placeholder-transparent-black-90::placeholder {
    color: rgba(0,0,0,0.9);
  }

  .xxl\:placeholder-transparent-white-10:-ms-input-placeholder {
    color: rgba(255,255,255,0.1);
  }

  .xxl\:placeholder-transparent-white-10::placeholder {
    color: rgba(255,255,255,0.1);
  }

  .xxl\:placeholder-transparent-white-30:-ms-input-placeholder {
    color: rgba(255,255,255,0.3);
  }

  .xxl\:placeholder-transparent-white-30::placeholder {
    color: rgba(255,255,255,0.3);
  }

  .xxl\:placeholder-transparent-white-50:-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
  }

  .xxl\:placeholder-transparent-white-50::placeholder {
    color: rgba(255,255,255,0.5);
  }

  .xxl\:placeholder-transparent-white-70:-ms-input-placeholder {
    color: rgba(255,255,255,0.7);
  }

  .xxl\:placeholder-transparent-white-70::placeholder {
    color: rgba(255,255,255,0.7);
  }

  .xxl\:placeholder-transparent-white-90:-ms-input-placeholder {
    color: rgba(255,255,255,0.9);
  }

  .xxl\:placeholder-transparent-white-90::placeholder {
    color: rgba(255,255,255,0.9);
  }

  .xxl\:placeholder-vr-dark-blue:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .xxl\:placeholder-vr-dark-blue::placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .xxl\:placeholder-vr-neon-green:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .xxl\:placeholder-vr-neon-green::placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent;
  }

  .xxl\:focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }

  .xxl\:focus\:placeholder-black:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-black:focus::placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-white:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-white:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-gray-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blue-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blurple-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blurple-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blurple-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blurple-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blurple-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blurple-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blurple-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blurple-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blurple-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blurple-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blurple-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-blurple-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-green-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-green-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-green-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-orange-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-purple-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-red-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-red-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-red-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-teal-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-yellow-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-facebook-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-facebook-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-facebook-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-facebook-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-snapchat-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-snapchat-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-snapchat-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-snapchat-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-messenger-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-messenger-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-messenger-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-messenger-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-twitter-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-twitter-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-twitter-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-twitter-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-transparent-black-10:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.1);
  }

  .xxl\:focus\:placeholder-transparent-black-10:focus::placeholder {
    color: rgba(0,0,0,0.1);
  }

  .xxl\:focus\:placeholder-transparent-black-30:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.3);
  }

  .xxl\:focus\:placeholder-transparent-black-30:focus::placeholder {
    color: rgba(0,0,0,0.3);
  }

  .xxl\:focus\:placeholder-transparent-black-50:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.5);
  }

  .xxl\:focus\:placeholder-transparent-black-50:focus::placeholder {
    color: rgba(0,0,0,0.5);
  }

  .xxl\:focus\:placeholder-transparent-black-70:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.7);
  }

  .xxl\:focus\:placeholder-transparent-black-70:focus::placeholder {
    color: rgba(0,0,0,0.7);
  }

  .xxl\:focus\:placeholder-transparent-black-90:focus:-ms-input-placeholder {
    color: rgba(0,0,0,0.9);
  }

  .xxl\:focus\:placeholder-transparent-black-90:focus::placeholder {
    color: rgba(0,0,0,0.9);
  }

  .xxl\:focus\:placeholder-transparent-white-10:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.1);
  }

  .xxl\:focus\:placeholder-transparent-white-10:focus::placeholder {
    color: rgba(255,255,255,0.1);
  }

  .xxl\:focus\:placeholder-transparent-white-30:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.3);
  }

  .xxl\:focus\:placeholder-transparent-white-30:focus::placeholder {
    color: rgba(255,255,255,0.3);
  }

  .xxl\:focus\:placeholder-transparent-white-50:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.5);
  }

  .xxl\:focus\:placeholder-transparent-white-50:focus::placeholder {
    color: rgba(255,255,255,0.5);
  }

  .xxl\:focus\:placeholder-transparent-white-70:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.7);
  }

  .xxl\:focus\:placeholder-transparent-white-70:focus::placeholder {
    color: rgba(255,255,255,0.7);
  }

  .xxl\:focus\:placeholder-transparent-white-90:focus:-ms-input-placeholder {
    color: rgba(255,255,255,0.9);
  }

  .xxl\:focus\:placeholder-transparent-white-90:focus::placeholder {
    color: rgba(255,255,255,0.9);
  }

  .xxl\:focus\:placeholder-vr-dark-blue:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-vr-dark-blue:focus::placeholder {
    --placeholder-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-vr-neon-green:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .xxl\:focus\:placeholder-vr-neon-green:focus::placeholder {
    --placeholder-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--placeholder-opacity));
  }

  .xxl\:placeholder-opacity-0:-ms-input-placeholder {
    --placeholder-opacity: 0;
  }

  .xxl\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0;
  }

  .xxl\:placeholder-opacity-25:-ms-input-placeholder {
    --placeholder-opacity: 0.25;
  }

  .xxl\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25;
  }

  .xxl\:placeholder-opacity-50:-ms-input-placeholder {
    --placeholder-opacity: 0.5;
  }

  .xxl\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5;
  }

  .xxl\:placeholder-opacity-75:-ms-input-placeholder {
    --placeholder-opacity: 0.75;
  }

  .xxl\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75;
  }

  .xxl\:placeholder-opacity-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
  }

  .xxl\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1;
  }

  .xxl\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
    --placeholder-opacity: 0;
  }

  .xxl\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0;
  }

  .xxl\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.25;
  }

  .xxl\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25;
  }

  .xxl\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.5;
  }

  .xxl\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5;
  }

  .xxl\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
    --placeholder-opacity: 0.75;
  }

  .xxl\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75;
  }

  .xxl\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
  }

  .xxl\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1;
  }

  .xxl\:pointer-events-none {
    pointer-events: none;
  }

  .xxl\:pointer-events-auto {
    pointer-events: auto;
  }

  .xxl\:static {
    position: static;
  }

  .xxl\:fixed {
    position: fixed;
  }

  .xxl\:absolute {
    position: absolute;
  }

  .xxl\:relative {
    position: relative;
  }

  .xxl\:sticky {
    position: sticky;
  }

  .xxl\:inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .xxl\:inset-auto {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .xxl\:inset-y-0 {
    top: 0;
    bottom: 0;
  }

  .xxl\:inset-x-0 {
    right: 0;
    left: 0;
  }

  .xxl\:inset-y-auto {
    top: auto;
    bottom: auto;
  }

  .xxl\:inset-x-auto {
    right: auto;
    left: auto;
  }

  .xxl\:top-0 {
    top: 0;
  }

  .xxl\:right-0 {
    right: 0;
  }

  .xxl\:bottom-0 {
    bottom: 0;
  }

  .xxl\:left-0 {
    left: 0;
  }

  .xxl\:top-auto {
    top: auto;
  }

  .xxl\:right-auto {
    right: auto;
  }

  .xxl\:bottom-auto {
    bottom: auto;
  }

  .xxl\:left-auto {
    left: auto;
  }

  .xxl\:resize-none {
    resize: none;
  }

  .xxl\:resize-y {
    resize: vertical;
  }

  .xxl\:resize-x {
    resize: horizontal;
  }

  .xxl\:resize {
    resize: both;
  }

  .xxl\:shadow-xs {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .xxl\:shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .xxl\:shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .xxl\:shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .xxl\:shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .xxl\:shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .xxl\:shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .xxl\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .xxl\:shadow-outline {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .xxl\:shadow-none {
    box-shadow: none;
  }

  .xxl\:hover\:shadow-xs:hover {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .xxl\:hover\:shadow-sm:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .xxl\:hover\:shadow:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .xxl\:hover\:shadow-md:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .xxl\:hover\:shadow-lg:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .xxl\:hover\:shadow-xl:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .xxl\:hover\:shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .xxl\:hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .xxl\:hover\:shadow-outline:hover {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .xxl\:hover\:shadow-none:hover {
    box-shadow: none;
  }

  .xxl\:focus\:shadow-xs:focus {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .xxl\:focus\:shadow-sm:focus {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .xxl\:focus\:shadow:focus {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .xxl\:focus\:shadow-md:focus {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .xxl\:focus\:shadow-lg:focus {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .xxl\:focus\:shadow-xl:focus {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .xxl\:focus\:shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .xxl\:focus\:shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .xxl\:focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .xxl\:focus\:shadow-none:focus {
    box-shadow: none;
  }

  .xxl\:fill-current {
    fill: currentColor;
  }

  .xxl\:stroke-current {
    stroke: currentColor;
  }

  .xxl\:stroke-0 {
    stroke-width: 0;
  }

  .xxl\:stroke-1 {
    stroke-width: 1;
  }

  .xxl\:stroke-2 {
    stroke-width: 2;
  }

  .xxl\:table-auto {
    table-layout: auto;
  }

  .xxl\:table-fixed {
    table-layout: fixed;
  }

  .xxl\:text-left {
    text-align: left;
  }

  .xxl\:text-center {
    text-align: center;
  }

  .xxl\:text-right {
    text-align: right;
  }

  .xxl\:text-justify {
    text-align: justify;
  }

  .xxl\:text-transparent {
    color: transparent;
  }

  .xxl\:text-black {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .xxl\:text-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xxl\:text-gray-100 {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .xxl\:text-gray-200 {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .xxl\:text-gray-300 {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .xxl\:text-gray-400 {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .xxl\:text-gray-500 {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .xxl\:text-gray-600 {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .xxl\:text-gray-700 {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .xxl\:text-gray-800 {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .xxl\:text-gray-900 {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .xxl\:text-blue-100 {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .xxl\:text-blue-200 {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .xxl\:text-blue-300 {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .xxl\:text-blue-400 {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .xxl\:text-blue-500 {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .xxl\:text-blue-600 {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .xxl\:text-blue-700 {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .xxl\:text-blue-800 {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .xxl\:text-blue-900 {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .xxl\:text-blurple-100 {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .xxl\:text-blurple-200 {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .xxl\:text-blurple-300 {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .xxl\:text-blurple-400 {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .xxl\:text-blurple-500 {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .xxl\:text-blurple-700 {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .xxl\:text-green-300 {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .xxl\:text-green-500 {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .xxl\:text-green-700 {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .xxl\:text-orange-100 {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .xxl\:text-orange-200 {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .xxl\:text-orange-300 {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .xxl\:text-orange-400 {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .xxl\:text-orange-500 {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .xxl\:text-orange-600 {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .xxl\:text-orange-700 {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .xxl\:text-orange-800 {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .xxl\:text-orange-900 {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .xxl\:text-purple-100 {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .xxl\:text-purple-200 {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .xxl\:text-purple-300 {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .xxl\:text-purple-400 {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .xxl\:text-purple-500 {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .xxl\:text-purple-600 {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .xxl\:text-purple-700 {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .xxl\:text-purple-800 {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .xxl\:text-purple-900 {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .xxl\:text-red-300 {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .xxl\:text-red-500 {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .xxl\:text-red-700 {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .xxl\:text-teal-100 {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .xxl\:text-teal-200 {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .xxl\:text-teal-300 {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .xxl\:text-teal-400 {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .xxl\:text-teal-500 {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .xxl\:text-teal-600 {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .xxl\:text-teal-700 {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .xxl\:text-teal-800 {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .xxl\:text-teal-900 {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .xxl\:text-yellow-100 {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .xxl\:text-yellow-200 {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .xxl\:text-yellow-300 {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .xxl\:text-yellow-400 {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .xxl\:text-yellow-500 {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .xxl\:text-yellow-600 {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .xxl\:text-yellow-700 {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .xxl\:text-yellow-800 {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .xxl\:text-yellow-900 {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .xxl\:text-facebook-400 {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .xxl\:text-facebook-500 {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xxl\:text-snapchat-400 {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .xxl\:text-snapchat-500 {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xxl\:text-messenger-400 {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .xxl\:text-messenger-500 {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .xxl\:text-twitter-400 {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .xxl\:text-twitter-500 {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .xxl\:text-transparent-black-10 {
    color: rgba(0,0,0,0.1);
  }

  .xxl\:text-transparent-black-30 {
    color: rgba(0,0,0,0.3);
  }

  .xxl\:text-transparent-black-50 {
    color: rgba(0,0,0,0.5);
  }

  .xxl\:text-transparent-black-70 {
    color: rgba(0,0,0,0.7);
  }

  .xxl\:text-transparent-black-90 {
    color: rgba(0,0,0,0.9);
  }

  .xxl\:text-transparent-white-10 {
    color: rgba(255,255,255,0.1);
  }

  .xxl\:text-transparent-white-30 {
    color: rgba(255,255,255,0.3);
  }

  .xxl\:text-transparent-white-50 {
    color: rgba(255,255,255,0.5);
  }

  .xxl\:text-transparent-white-70 {
    color: rgba(255,255,255,0.7);
  }

  .xxl\:text-transparent-white-90 {
    color: rgba(255,255,255,0.9);
  }

  .xxl\:text-vr-dark-blue {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .xxl\:text-vr-neon-green {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .xxl\:active\:text-transparent:active {
    color: transparent;
  }

  .xxl\:active\:text-black:active {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .xxl\:active\:text-white:active {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xxl\:active\:text-gray-100:active {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .xxl\:active\:text-gray-200:active {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .xxl\:active\:text-gray-300:active {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .xxl\:active\:text-gray-400:active {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .xxl\:active\:text-gray-500:active {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .xxl\:active\:text-gray-600:active {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .xxl\:active\:text-gray-700:active {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .xxl\:active\:text-gray-800:active {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .xxl\:active\:text-gray-900:active {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .xxl\:active\:text-blue-100:active {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .xxl\:active\:text-blue-200:active {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .xxl\:active\:text-blue-300:active {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .xxl\:active\:text-blue-400:active {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .xxl\:active\:text-blue-500:active {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .xxl\:active\:text-blue-600:active {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .xxl\:active\:text-blue-700:active {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .xxl\:active\:text-blue-800:active {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .xxl\:active\:text-blue-900:active {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .xxl\:active\:text-blurple-100:active {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .xxl\:active\:text-blurple-200:active {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .xxl\:active\:text-blurple-300:active {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .xxl\:active\:text-blurple-400:active {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .xxl\:active\:text-blurple-500:active {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .xxl\:active\:text-blurple-700:active {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .xxl\:active\:text-green-300:active {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .xxl\:active\:text-green-500:active {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .xxl\:active\:text-green-700:active {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .xxl\:active\:text-orange-100:active {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .xxl\:active\:text-orange-200:active {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .xxl\:active\:text-orange-300:active {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .xxl\:active\:text-orange-400:active {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .xxl\:active\:text-orange-500:active {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .xxl\:active\:text-orange-600:active {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .xxl\:active\:text-orange-700:active {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .xxl\:active\:text-orange-800:active {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .xxl\:active\:text-orange-900:active {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .xxl\:active\:text-purple-100:active {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .xxl\:active\:text-purple-200:active {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .xxl\:active\:text-purple-300:active {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .xxl\:active\:text-purple-400:active {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .xxl\:active\:text-purple-500:active {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .xxl\:active\:text-purple-600:active {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .xxl\:active\:text-purple-700:active {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .xxl\:active\:text-purple-800:active {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .xxl\:active\:text-purple-900:active {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .xxl\:active\:text-red-300:active {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .xxl\:active\:text-red-500:active {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .xxl\:active\:text-red-700:active {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .xxl\:active\:text-teal-100:active {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .xxl\:active\:text-teal-200:active {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .xxl\:active\:text-teal-300:active {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .xxl\:active\:text-teal-400:active {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .xxl\:active\:text-teal-500:active {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .xxl\:active\:text-teal-600:active {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .xxl\:active\:text-teal-700:active {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .xxl\:active\:text-teal-800:active {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .xxl\:active\:text-teal-900:active {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .xxl\:active\:text-yellow-100:active {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .xxl\:active\:text-yellow-200:active {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .xxl\:active\:text-yellow-300:active {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .xxl\:active\:text-yellow-400:active {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .xxl\:active\:text-yellow-500:active {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .xxl\:active\:text-yellow-600:active {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .xxl\:active\:text-yellow-700:active {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .xxl\:active\:text-yellow-800:active {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .xxl\:active\:text-yellow-900:active {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .xxl\:active\:text-facebook-400:active {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .xxl\:active\:text-facebook-500:active {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xxl\:active\:text-snapchat-400:active {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .xxl\:active\:text-snapchat-500:active {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xxl\:active\:text-messenger-400:active {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .xxl\:active\:text-messenger-500:active {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .xxl\:active\:text-twitter-400:active {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .xxl\:active\:text-twitter-500:active {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .xxl\:active\:text-transparent-black-10:active {
    color: rgba(0,0,0,0.1);
  }

  .xxl\:active\:text-transparent-black-30:active {
    color: rgba(0,0,0,0.3);
  }

  .xxl\:active\:text-transparent-black-50:active {
    color: rgba(0,0,0,0.5);
  }

  .xxl\:active\:text-transparent-black-70:active {
    color: rgba(0,0,0,0.7);
  }

  .xxl\:active\:text-transparent-black-90:active {
    color: rgba(0,0,0,0.9);
  }

  .xxl\:active\:text-transparent-white-10:active {
    color: rgba(255,255,255,0.1);
  }

  .xxl\:active\:text-transparent-white-30:active {
    color: rgba(255,255,255,0.3);
  }

  .xxl\:active\:text-transparent-white-50:active {
    color: rgba(255,255,255,0.5);
  }

  .xxl\:active\:text-transparent-white-70:active {
    color: rgba(255,255,255,0.7);
  }

  .xxl\:active\:text-transparent-white-90:active {
    color: rgba(255,255,255,0.9);
  }

  .xxl\:active\:text-vr-dark-blue:active {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .xxl\:active\:text-vr-neon-green:active {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .xxl\:hover\:text-transparent:hover {
    color: transparent;
  }

  .xxl\:hover\:text-black:hover {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .xxl\:hover\:text-white:hover {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xxl\:hover\:text-gray-100:hover {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .xxl\:hover\:text-gray-200:hover {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .xxl\:hover\:text-gray-300:hover {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .xxl\:hover\:text-gray-400:hover {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .xxl\:hover\:text-gray-500:hover {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .xxl\:hover\:text-gray-600:hover {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .xxl\:hover\:text-gray-700:hover {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .xxl\:hover\:text-gray-800:hover {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .xxl\:hover\:text-gray-900:hover {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .xxl\:hover\:text-blue-100:hover {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .xxl\:hover\:text-blue-200:hover {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .xxl\:hover\:text-blue-300:hover {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .xxl\:hover\:text-blue-400:hover {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .xxl\:hover\:text-blue-500:hover {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .xxl\:hover\:text-blue-600:hover {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .xxl\:hover\:text-blue-700:hover {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .xxl\:hover\:text-blue-800:hover {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .xxl\:hover\:text-blue-900:hover {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .xxl\:hover\:text-blurple-100:hover {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .xxl\:hover\:text-blurple-200:hover {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .xxl\:hover\:text-blurple-300:hover {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .xxl\:hover\:text-blurple-400:hover {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .xxl\:hover\:text-blurple-500:hover {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .xxl\:hover\:text-blurple-700:hover {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .xxl\:hover\:text-green-300:hover {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .xxl\:hover\:text-green-500:hover {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .xxl\:hover\:text-green-700:hover {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .xxl\:hover\:text-orange-100:hover {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .xxl\:hover\:text-orange-200:hover {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .xxl\:hover\:text-orange-300:hover {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .xxl\:hover\:text-orange-400:hover {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .xxl\:hover\:text-orange-500:hover {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .xxl\:hover\:text-orange-600:hover {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .xxl\:hover\:text-orange-700:hover {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .xxl\:hover\:text-orange-800:hover {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .xxl\:hover\:text-orange-900:hover {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .xxl\:hover\:text-purple-100:hover {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .xxl\:hover\:text-purple-200:hover {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .xxl\:hover\:text-purple-300:hover {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .xxl\:hover\:text-purple-400:hover {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .xxl\:hover\:text-purple-500:hover {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .xxl\:hover\:text-purple-600:hover {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .xxl\:hover\:text-purple-700:hover {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .xxl\:hover\:text-purple-800:hover {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .xxl\:hover\:text-purple-900:hover {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .xxl\:hover\:text-red-300:hover {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .xxl\:hover\:text-red-500:hover {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .xxl\:hover\:text-red-700:hover {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .xxl\:hover\:text-teal-100:hover {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .xxl\:hover\:text-teal-200:hover {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .xxl\:hover\:text-teal-300:hover {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .xxl\:hover\:text-teal-400:hover {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .xxl\:hover\:text-teal-500:hover {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .xxl\:hover\:text-teal-600:hover {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .xxl\:hover\:text-teal-700:hover {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .xxl\:hover\:text-teal-800:hover {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .xxl\:hover\:text-teal-900:hover {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .xxl\:hover\:text-yellow-100:hover {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .xxl\:hover\:text-yellow-200:hover {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .xxl\:hover\:text-yellow-300:hover {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .xxl\:hover\:text-yellow-400:hover {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .xxl\:hover\:text-yellow-500:hover {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .xxl\:hover\:text-yellow-600:hover {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .xxl\:hover\:text-yellow-700:hover {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .xxl\:hover\:text-yellow-800:hover {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .xxl\:hover\:text-yellow-900:hover {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .xxl\:hover\:text-facebook-400:hover {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .xxl\:hover\:text-facebook-500:hover {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xxl\:hover\:text-snapchat-400:hover {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .xxl\:hover\:text-snapchat-500:hover {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xxl\:hover\:text-messenger-400:hover {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .xxl\:hover\:text-messenger-500:hover {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .xxl\:hover\:text-twitter-400:hover {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .xxl\:hover\:text-twitter-500:hover {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .xxl\:hover\:text-transparent-black-10:hover {
    color: rgba(0,0,0,0.1);
  }

  .xxl\:hover\:text-transparent-black-30:hover {
    color: rgba(0,0,0,0.3);
  }

  .xxl\:hover\:text-transparent-black-50:hover {
    color: rgba(0,0,0,0.5);
  }

  .xxl\:hover\:text-transparent-black-70:hover {
    color: rgba(0,0,0,0.7);
  }

  .xxl\:hover\:text-transparent-black-90:hover {
    color: rgba(0,0,0,0.9);
  }

  .xxl\:hover\:text-transparent-white-10:hover {
    color: rgba(255,255,255,0.1);
  }

  .xxl\:hover\:text-transparent-white-30:hover {
    color: rgba(255,255,255,0.3);
  }

  .xxl\:hover\:text-transparent-white-50:hover {
    color: rgba(255,255,255,0.5);
  }

  .xxl\:hover\:text-transparent-white-70:hover {
    color: rgba(255,255,255,0.7);
  }

  .xxl\:hover\:text-transparent-white-90:hover {
    color: rgba(255,255,255,0.9);
  }

  .xxl\:hover\:text-vr-dark-blue:hover {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .xxl\:hover\:text-vr-neon-green:hover {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .xxl\:focus\:text-transparent:focus {
    color: transparent;
  }

  .xxl\:focus\:text-black:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
  }

  .xxl\:focus\:text-white:focus {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xxl\:focus\:text-gray-100:focus {
    --text-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, var(--text-opacity));
  }

  .xxl\:focus\:text-gray-200:focus {
    --text-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, var(--text-opacity));
  }

  .xxl\:focus\:text-gray-300:focus {
    --text-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, var(--text-opacity));
  }

  .xxl\:focus\:text-gray-400:focus {
    --text-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, var(--text-opacity));
  }

  .xxl\:focus\:text-gray-500:focus {
    --text-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, var(--text-opacity));
  }

  .xxl\:focus\:text-gray-600:focus {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
  }

  .xxl\:focus\:text-gray-700:focus {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
  }

  .xxl\:focus\:text-gray-800:focus {
    --text-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, var(--text-opacity));
  }

  .xxl\:focus\:text-gray-900:focus {
    --text-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, var(--text-opacity));
  }

  .xxl\:focus\:text-blue-100:focus {
    --text-opacity: 1;
    color: #86dfff;
    color: rgba(134, 223, 255, var(--text-opacity));
  }

  .xxl\:focus\:text-blue-200:focus {
    --text-opacity: 1;
    color: #6bd6ff;
    color: rgba(107, 214, 255, var(--text-opacity));
  }

  .xxl\:focus\:text-blue-300:focus {
    --text-opacity: 1;
    color: #52ccff;
    color: rgba(82, 204, 255, var(--text-opacity));
  }

  .xxl\:focus\:text-blue-400:focus {
    --text-opacity: 1;
    color: #3ac2ff;
    color: rgba(58, 194, 255, var(--text-opacity));
  }

  .xxl\:focus\:text-blue-500:focus {
    --text-opacity: 1;
    color: #23b7fb;
    color: rgba(35, 183, 251, var(--text-opacity));
  }

  .xxl\:focus\:text-blue-600:focus {
    --text-opacity: 1;
    color: #1a9adf;
    color: rgba(26, 154, 223, var(--text-opacity));
  }

  .xxl\:focus\:text-blue-700:focus {
    --text-opacity: 1;
    color: #127fbf;
    color: rgba(18, 127, 191, var(--text-opacity));
  }

  .xxl\:focus\:text-blue-800:focus {
    --text-opacity: 1;
    color: #0c659f;
    color: rgba(12, 101, 159, var(--text-opacity));
  }

  .xxl\:focus\:text-blue-900:focus {
    --text-opacity: 1;
    color: #074c80;
    color: rgba(7, 76, 128, var(--text-opacity));
  }

  .xxl\:focus\:text-blurple-100:focus {
    --text-opacity: 1;
    color: #938FDB;
    color: rgba(147, 143, 219, var(--text-opacity));
  }

  .xxl\:focus\:text-blurple-200:focus {
    --text-opacity: 1;
    color: #7A75D0;
    color: rgba(122, 117, 208, var(--text-opacity));
  }

  .xxl\:focus\:text-blurple-300:focus {
    --text-opacity: 1;
    color: #615BC4;
    color: rgba(97, 91, 196, var(--text-opacity));
  }

  .xxl\:focus\:text-blurple-400:focus {
    --text-opacity: 1;
    color: #4943B7;
    color: rgba(73, 67, 183, var(--text-opacity));
  }

  .xxl\:focus\:text-blurple-500:focus {
    --text-opacity: 1;
    color: #322baa;
    color: rgba(50, 43, 170, var(--text-opacity));
  }

  .xxl\:focus\:text-blurple-700:focus {
    --text-opacity: 1;
    color: #1c1e84;
    color: rgba(28, 30, 132, var(--text-opacity));
  }

  .xxl\:focus\:text-green-300:focus {
    --text-opacity: 1;
    color: #42d86f;
    color: rgba(66, 216, 111, var(--text-opacity));
  }

  .xxl\:focus\:text-green-500:focus {
    --text-opacity: 1;
    color: #0cc242;
    color: rgba(12, 194, 66, var(--text-opacity));
  }

  .xxl\:focus\:text-green-700:focus {
    --text-opacity: 1;
    color: #02983a;
    color: rgba(2, 152, 58, var(--text-opacity));
  }

  .xxl\:focus\:text-orange-100:focus {
    --text-opacity: 1;
    color: #ff6e4a;
    color: rgba(255, 110, 74, var(--text-opacity));
  }

  .xxl\:focus\:text-orange-200:focus {
    --text-opacity: 1;
    color: #ff6640;
    color: rgba(255, 102, 64, var(--text-opacity));
  }

  .xxl\:focus\:text-orange-300:focus {
    --text-opacity: 1;
    color: #ff5e36;
    color: rgba(255, 94, 54, var(--text-opacity));
  }

  .xxl\:focus\:text-orange-400:focus {
    --text-opacity: 1;
    color: #ff562b;
    color: rgba(255, 86, 43, var(--text-opacity));
  }

  .xxl\:focus\:text-orange-500:focus {
    --text-opacity: 1;
    color: #ff4d22;
    color: rgba(255, 77, 34, var(--text-opacity));
  }

  .xxl\:focus\:text-orange-600:focus {
    --text-opacity: 1;
    color: #e5461e;
    color: rgba(229, 70, 30, var(--text-opacity));
  }

  .xxl\:focus\:text-orange-700:focus {
    --text-opacity: 1;
    color: #cc3e1b;
    color: rgba(204, 62, 27, var(--text-opacity));
  }

  .xxl\:focus\:text-orange-800:focus {
    --text-opacity: 1;
    color: #b33617;
    color: rgba(179, 54, 23, var(--text-opacity));
  }

  .xxl\:focus\:text-orange-900:focus {
    --text-opacity: 1;
    color: #992f14;
    color: rgba(153, 47, 20, var(--text-opacity));
  }

  .xxl\:focus\:text-purple-100:focus {
    --text-opacity: 1;
    color: #c861ff;
    color: rgba(200, 97, 255, var(--text-opacity));
  }

  .xxl\:focus\:text-purple-200:focus {
    --text-opacity: 1;
    color: #c354ff;
    color: rgba(195, 84, 255, var(--text-opacity));
  }

  .xxl\:focus\:text-purple-300:focus {
    --text-opacity: 1;
    color: #be49fc;
    color: rgba(190, 73, 252, var(--text-opacity));
  }

  .xxl\:focus\:text-purple-400:focus {
    --text-opacity: 1;
    color: #ab42e3;
    color: rgba(171, 66, 227, var(--text-opacity));
  }

  .xxl\:focus\:text-purple-500:focus {
    --text-opacity: 1;
    color: #983ac9;
    color: rgba(152, 58, 201, var(--text-opacity));
  }

  .xxl\:focus\:text-purple-600:focus {
    --text-opacity: 1;
    color: #8433b0;
    color: rgba(132, 51, 176, var(--text-opacity));
  }

  .xxl\:focus\:text-purple-700:focus {
    --text-opacity: 1;
    color: #712c96;
    color: rgba(113, 44, 150, var(--text-opacity));
  }

  .xxl\:focus\:text-purple-800:focus {
    --text-opacity: 1;
    color: #5e247d;
    color: rgba(94, 36, 125, var(--text-opacity));
  }

  .xxl\:focus\:text-purple-900:focus {
    --text-opacity: 1;
    color: #4b1d63;
    color: rgba(75, 29, 99, var(--text-opacity));
  }

  .xxl\:focus\:text-red-300:focus {
    --text-opacity: 1;
    color: #ff6d69;
    color: rgba(255, 109, 105, var(--text-opacity));
  }

  .xxl\:focus\:text-red-500:focus {
    --text-opacity: 1;
    color: #ff4540;
    color: rgba(255, 69, 64, var(--text-opacity));
  }

  .xxl\:focus\:text-red-700:focus {
    --text-opacity: 1;
    color: #bf3929;
    color: rgba(191, 57, 41, var(--text-opacity));
  }

  .xxl\:focus\:text-teal-100:focus {
    --text-opacity: 1;
    color: #8cfff9;
    color: rgba(140, 255, 249, var(--text-opacity));
  }

  .xxl\:focus\:text-teal-200:focus {
    --text-opacity: 1;
    color: #66fff7;
    color: rgba(102, 255, 247, var(--text-opacity));
  }

  .xxl\:focus\:text-teal-300:focus {
    --text-opacity: 1;
    color: #40fff5;
    color: rgba(64, 255, 245, var(--text-opacity));
  }

  .xxl\:focus\:text-teal-400:focus {
    --text-opacity: 1;
    color: #35fcf2;
    color: rgba(53, 252, 242, var(--text-opacity));
  }

  .xxl\:focus\:text-teal-500:focus {
    --text-opacity: 1;
    color: #30e3da;
    color: rgba(48, 227, 218, var(--text-opacity));
  }

  .xxl\:focus\:text-teal-600:focus {
    --text-opacity: 1;
    color: #2ac9c1;
    color: rgba(42, 201, 193, var(--text-opacity));
  }

  .xxl\:focus\:text-teal-700:focus {
    --text-opacity: 1;
    color: #25b0a9;
    color: rgba(37, 176, 169, var(--text-opacity));
  }

  .xxl\:focus\:text-teal-800:focus {
    --text-opacity: 1;
    color: #209691;
    color: rgba(32, 150, 145, var(--text-opacity));
  }

  .xxl\:focus\:text-teal-900:focus {
    --text-opacity: 1;
    color: #1a7d78;
    color: rgba(26, 125, 120, var(--text-opacity));
  }

  .xxl\:focus\:text-yellow-100:focus {
    --text-opacity: 1;
    color: #ffe894;
    color: rgba(255, 232, 148, var(--text-opacity));
  }

  .xxl\:focus\:text-yellow-200:focus {
    --text-opacity: 1;
    color: #ffe27a;
    color: rgba(255, 226, 122, var(--text-opacity));
  }

  .xxl\:focus\:text-yellow-300:focus {
    --text-opacity: 1;
    color: #ffdd61;
    color: rgba(255, 221, 97, var(--text-opacity));
  }

  .xxl\:focus\:text-yellow-400:focus {
    --text-opacity: 1;
    color: #ffd747;
    color: rgba(255, 215, 71, var(--text-opacity));
  }

  .xxl\:focus\:text-yellow-500:focus {
    --text-opacity: 1;
    color: #fcce2f;
    color: rgba(252, 206, 47, var(--text-opacity));
  }

  .xxl\:focus\:text-yellow-600:focus {
    --text-opacity: 1;
    color: #e3bb29;
    color: rgba(227, 187, 41, var(--text-opacity));
  }

  .xxl\:focus\:text-yellow-700:focus {
    --text-opacity: 1;
    color: #c9a624;
    color: rgba(201, 166, 36, var(--text-opacity));
  }

  .xxl\:focus\:text-yellow-800:focus {
    --text-opacity: 1;
    color: #b09120;
    color: rgba(176, 145, 32, var(--text-opacity));
  }

  .xxl\:focus\:text-yellow-900:focus {
    --text-opacity: 1;
    color: #967c1b;
    color: rgba(150, 124, 27, var(--text-opacity));
  }

  .xxl\:focus\:text-facebook-400:focus {
    --text-opacity: 1;
    color: #4a6dbc;
    color: rgba(74, 109, 188, var(--text-opacity));
  }

  .xxl\:focus\:text-facebook-500:focus {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xxl\:focus\:text-snapchat-400:focus {
    --text-opacity: 1;
    color: #fffc00;
    color: rgba(255, 252, 0, var(--text-opacity));
  }

  .xxl\:focus\:text-snapchat-500:focus {
    --text-opacity: 1;
    color: #39579a;
    color: rgba(57, 87, 154, var(--text-opacity));
  }

  .xxl\:focus\:text-messenger-400:focus {
    --text-opacity: 1;
    color: #339dff;
    color: rgba(51, 157, 255, var(--text-opacity));
  }

  .xxl\:focus\:text-messenger-500:focus {
    --text-opacity: 1;
    color: #0084ff;
    color: rgba(0, 132, 255, var(--text-opacity));
  }

  .xxl\:focus\:text-twitter-400:focus {
    --text-opacity: 1;
    color: #21c2ff;
    color: rgba(33, 194, 255, var(--text-opacity));
  }

  .xxl\:focus\:text-twitter-500:focus {
    --text-opacity: 1;
    color: #00aced;
    color: rgba(0, 172, 237, var(--text-opacity));
  }

  .xxl\:focus\:text-transparent-black-10:focus {
    color: rgba(0,0,0,0.1);
  }

  .xxl\:focus\:text-transparent-black-30:focus {
    color: rgba(0,0,0,0.3);
  }

  .xxl\:focus\:text-transparent-black-50:focus {
    color: rgba(0,0,0,0.5);
  }

  .xxl\:focus\:text-transparent-black-70:focus {
    color: rgba(0,0,0,0.7);
  }

  .xxl\:focus\:text-transparent-black-90:focus {
    color: rgba(0,0,0,0.9);
  }

  .xxl\:focus\:text-transparent-white-10:focus {
    color: rgba(255,255,255,0.1);
  }

  .xxl\:focus\:text-transparent-white-30:focus {
    color: rgba(255,255,255,0.3);
  }

  .xxl\:focus\:text-transparent-white-50:focus {
    color: rgba(255,255,255,0.5);
  }

  .xxl\:focus\:text-transparent-white-70:focus {
    color: rgba(255,255,255,0.7);
  }

  .xxl\:focus\:text-transparent-white-90:focus {
    color: rgba(255,255,255,0.9);
  }

  .xxl\:focus\:text-vr-dark-blue:focus {
    --text-opacity: 1;
    color: #000047;
    color: rgba(0, 0, 71, var(--text-opacity));
  }

  .xxl\:focus\:text-vr-neon-green:focus {
    --text-opacity: 1;
    color: #00ff75;
    color: rgba(0, 255, 117, var(--text-opacity));
  }

  .xxl\:text-opacity-0 {
    --text-opacity: 0;
  }

  .xxl\:text-opacity-25 {
    --text-opacity: 0.25;
  }

  .xxl\:text-opacity-50 {
    --text-opacity: 0.5;
  }

  .xxl\:text-opacity-75 {
    --text-opacity: 0.75;
  }

  .xxl\:text-opacity-100 {
    --text-opacity: 1;
  }

  .xxl\:hover\:text-opacity-0:hover {
    --text-opacity: 0;
  }

  .xxl\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25;
  }

  .xxl\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5;
  }

  .xxl\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75;
  }

  .xxl\:hover\:text-opacity-100:hover {
    --text-opacity: 1;
  }

  .xxl\:focus\:text-opacity-0:focus {
    --text-opacity: 0;
  }

  .xxl\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25;
  }

  .xxl\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5;
  }

  .xxl\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75;
  }

  .xxl\:focus\:text-opacity-100:focus {
    --text-opacity: 1;
  }

  .xxl\:italic {
    font-style: italic;
  }

  .xxl\:not-italic {
    font-style: normal;
  }

  .xxl\:uppercase {
    text-transform: uppercase;
  }

  .xxl\:lowercase {
    text-transform: lowercase;
  }

  .xxl\:capitalize {
    text-transform: capitalize;
  }

  .xxl\:normal-case {
    text-transform: none;
  }

  .xxl\:underline {
    text-decoration: underline;
  }

  .xxl\:line-through {
    text-decoration: line-through;
  }

  .xxl\:no-underline {
    text-decoration: none;
  }

  .xxl\:hover\:underline:hover {
    text-decoration: underline;
  }

  .xxl\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .xxl\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .xxl\:focus\:underline:focus {
    text-decoration: underline;
  }

  .xxl\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .xxl\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .xxl\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .xxl\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .xxl\:ordinal, .xxl\:slashed-zero, .xxl\:lining-nums, .xxl\:oldstyle-nums, .xxl\:proportional-nums, .xxl\:tabular-nums, .xxl\:diagonal-fractions, .xxl\:stacked-fractions {
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    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);
  }

  .xxl\:normal-nums {
    font-variant-numeric: normal;
  }

  .xxl\:ordinal {
    --font-variant-numeric-ordinal: ordinal;
  }

  .xxl\:slashed-zero {
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  .xxl\:lining-nums {
    --font-variant-numeric-figure: lining-nums;
  }

  .xxl\:oldstyle-nums {
    --font-variant-numeric-figure: oldstyle-nums;
  }

  .xxl\:proportional-nums {
    --font-variant-numeric-spacing: proportional-nums;
  }

  .xxl\:tabular-nums {
    --font-variant-numeric-spacing: tabular-nums;
  }

  .xxl\:diagonal-fractions {
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  .xxl\:stacked-fractions {
    --font-variant-numeric-fraction: stacked-fractions;
  }

  .xxl\:tracking-tighter {
    letter-spacing: -0.05em;
  }

  .xxl\:tracking-tight {
    letter-spacing: -0.025em;
  }

  .xxl\:tracking-normal {
    letter-spacing: 0;
  }

  .xxl\:tracking-wide {
    letter-spacing: 0.025em;
  }

  .xxl\:tracking-wider {
    letter-spacing: 0.05em;
  }

  .xxl\:tracking-widest {
    letter-spacing: 0.1em;
  }

  .xxl\:select-none {
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .xxl\:select-text {
    -webkit-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }

  .xxl\:select-all {
    -webkit-user-select: all;
        -ms-user-select: all;
            user-select: all;
  }

  .xxl\:select-auto {
    -webkit-user-select: auto;
        -ms-user-select: auto;
            user-select: auto;
  }

  .xxl\:align-baseline {
    vertical-align: baseline;
  }

  .xxl\:align-top {
    vertical-align: top;
  }

  .xxl\:align-middle {
    vertical-align: middle;
  }

  .xxl\:align-bottom {
    vertical-align: bottom;
  }

  .xxl\:align-text-top {
    vertical-align: text-top;
  }

  .xxl\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .xxl\:visible {
    visibility: visible;
  }

  .xxl\:invisible {
    visibility: hidden;
  }

  .xxl\:whitespace-normal {
    white-space: normal;
  }

  .xxl\:whitespace-no-wrap {
    white-space: nowrap;
  }

  .xxl\:whitespace-pre {
    white-space: pre;
  }

  .xxl\:whitespace-pre-line {
    white-space: pre-line;
  }

  .xxl\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .xxl\:break-normal {
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .xxl\:break-words {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .xxl\:break-all {
    word-break: break-all;
  }

  .xxl\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .xxl\:w-0 {
    width: 0;
  }

  .xxl\:w-1 {
    width: 0.25rem;
  }

  .xxl\:w-2 {
    width: 0.5rem;
  }

  .xxl\:w-3 {
    width: 0.75rem;
  }

  .xxl\:w-4 {
    width: 1rem;
  }

  .xxl\:w-5 {
    width: 1.25rem;
  }

  .xxl\:w-6 {
    width: 1.5rem;
  }

  .xxl\:w-8 {
    width: 2rem;
  }

  .xxl\:w-10 {
    width: 2.5rem;
  }

  .xxl\:w-12 {
    width: 3rem;
  }

  .xxl\:w-16 {
    width: 4rem;
  }

  .xxl\:w-20 {
    width: 5rem;
  }

  .xxl\:w-24 {
    width: 6rem;
  }

  .xxl\:w-32 {
    width: 8rem;
  }

  .xxl\:w-40 {
    width: 10rem;
  }

  .xxl\:w-48 {
    width: 12rem;
  }

  .xxl\:w-56 {
    width: 14rem;
  }

  .xxl\:w-64 {
    width: 16rem;
  }

  .xxl\:w-auto {
    width: auto;
  }

  .xxl\:w-px {
    width: 1px;
  }

  .xxl\:w-1\/2 {
    width: 50%;
  }

  .xxl\:w-1\/3 {
    width: 33.333333%;
  }

  .xxl\:w-2\/3 {
    width: 66.666667%;
  }

  .xxl\:w-1\/4 {
    width: 25%;
  }

  .xxl\:w-2\/4 {
    width: 50%;
  }

  .xxl\:w-3\/4 {
    width: 75%;
  }

  .xxl\:w-1\/5 {
    width: 20%;
  }

  .xxl\:w-2\/5 {
    width: 40%;
  }

  .xxl\:w-3\/5 {
    width: 60%;
  }

  .xxl\:w-4\/5 {
    width: 80%;
  }

  .xxl\:w-1\/6 {
    width: 16.666667%;
  }

  .xxl\:w-2\/6 {
    width: 33.333333%;
  }

  .xxl\:w-3\/6 {
    width: 50%;
  }

  .xxl\:w-4\/6 {
    width: 66.666667%;
  }

  .xxl\:w-5\/6 {
    width: 83.333333%;
  }

  .xxl\:w-1\/12 {
    width: 8.333333%;
  }

  .xxl\:w-2\/12 {
    width: 16.666667%;
  }

  .xxl\:w-3\/12 {
    width: 25%;
  }

  .xxl\:w-4\/12 {
    width: 33.333333%;
  }

  .xxl\:w-5\/12 {
    width: 41.666667%;
  }

  .xxl\:w-6\/12 {
    width: 50%;
  }

  .xxl\:w-7\/12 {
    width: 58.333333%;
  }

  .xxl\:w-8\/12 {
    width: 66.666667%;
  }

  .xxl\:w-9\/12 {
    width: 75%;
  }

  .xxl\:w-10\/12 {
    width: 83.333333%;
  }

  .xxl\:w-11\/12 {
    width: 91.666667%;
  }

  .xxl\:w-full {
    width: 100%;
  }

  .xxl\:w-screen {
    width: 100vw;
  }

  .xxl\:z-0 {
    z-index: 0;
  }

  .xxl\:z-10 {
    z-index: 10;
  }

  .xxl\:z-20 {
    z-index: 20;
  }

  .xxl\:z-30 {
    z-index: 30;
  }

  .xxl\:z-40 {
    z-index: 40;
  }

  .xxl\:z-50 {
    z-index: 50;
  }

  .xxl\:z-auto {
    z-index: auto;
  }

  .xxl\:gap-0 {
    grid-gap: 0;
    gap: 0;
  }

  .xxl\:gap-1 {
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  .xxl\:gap-2 {
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .xxl\:gap-3 {
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  .xxl\:gap-4 {
    grid-gap: 1rem;
    gap: 1rem;
  }

  .xxl\:gap-5 {
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  .xxl\:gap-6 {
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  .xxl\:gap-8 {
    grid-gap: 2rem;
    gap: 2rem;
  }

  .xxl\:gap-10 {
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  .xxl\:gap-12 {
    grid-gap: 3rem;
    gap: 3rem;
  }

  .xxl\:gap-16 {
    grid-gap: 4rem;
    gap: 4rem;
  }

  .xxl\:gap-20 {
    grid-gap: 5rem;
    gap: 5rem;
  }

  .xxl\:gap-24 {
    grid-gap: 6rem;
    gap: 6rem;
  }

  .xxl\:gap-32 {
    grid-gap: 8rem;
    gap: 8rem;
  }

  .xxl\:gap-40 {
    grid-gap: 10rem;
    gap: 10rem;
  }

  .xxl\:gap-48 {
    grid-gap: 12rem;
    gap: 12rem;
  }

  .xxl\:gap-56 {
    grid-gap: 14rem;
    gap: 14rem;
  }

  .xxl\:gap-64 {
    grid-gap: 16rem;
    gap: 16rem;
  }

  .xxl\:gap-px {
    grid-gap: 1px;
    gap: 1px;
  }

  .xxl\:col-gap-0 {
    grid-column-gap: 0;
    column-gap: 0;
  }

  .xxl\:col-gap-1 {
    grid-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }

  .xxl\:col-gap-2 {
    grid-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .xxl\:col-gap-3 {
    grid-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  .xxl\:col-gap-4 {
    grid-column-gap: 1rem;
    column-gap: 1rem;
  }

  .xxl\:col-gap-5 {
    grid-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .xxl\:col-gap-6 {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .xxl\:col-gap-8 {
    grid-column-gap: 2rem;
    column-gap: 2rem;
  }

  .xxl\:col-gap-10 {
    grid-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .xxl\:col-gap-12 {
    grid-column-gap: 3rem;
    column-gap: 3rem;
  }

  .xxl\:col-gap-16 {
    grid-column-gap: 4rem;
    column-gap: 4rem;
  }

  .xxl\:col-gap-20 {
    grid-column-gap: 5rem;
    column-gap: 5rem;
  }

  .xxl\:col-gap-24 {
    grid-column-gap: 6rem;
    column-gap: 6rem;
  }

  .xxl\:col-gap-32 {
    grid-column-gap: 8rem;
    column-gap: 8rem;
  }

  .xxl\:col-gap-40 {
    grid-column-gap: 10rem;
    column-gap: 10rem;
  }

  .xxl\:col-gap-48 {
    grid-column-gap: 12rem;
    column-gap: 12rem;
  }

  .xxl\:col-gap-56 {
    grid-column-gap: 14rem;
    column-gap: 14rem;
  }

  .xxl\:col-gap-64 {
    grid-column-gap: 16rem;
    column-gap: 16rem;
  }

  .xxl\:col-gap-px {
    grid-column-gap: 1px;
    column-gap: 1px;
  }

  .xxl\:gap-x-0 {
    grid-column-gap: 0;
    column-gap: 0;
  }

  .xxl\:gap-x-1 {
    grid-column-gap: 0.25rem;
    column-gap: 0.25rem;
  }

  .xxl\:gap-x-2 {
    grid-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .xxl\:gap-x-3 {
    grid-column-gap: 0.75rem;
    column-gap: 0.75rem;
  }

  .xxl\:gap-x-4 {
    grid-column-gap: 1rem;
    column-gap: 1rem;
  }

  .xxl\:gap-x-5 {
    grid-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .xxl\:gap-x-6 {
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .xxl\:gap-x-8 {
    grid-column-gap: 2rem;
    column-gap: 2rem;
  }

  .xxl\:gap-x-10 {
    grid-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }

  .xxl\:gap-x-12 {
    grid-column-gap: 3rem;
    column-gap: 3rem;
  }

  .xxl\:gap-x-16 {
    grid-column-gap: 4rem;
    column-gap: 4rem;
  }

  .xxl\:gap-x-20 {
    grid-column-gap: 5rem;
    column-gap: 5rem;
  }

  .xxl\:gap-x-24 {
    grid-column-gap: 6rem;
    column-gap: 6rem;
  }

  .xxl\:gap-x-32 {
    grid-column-gap: 8rem;
    column-gap: 8rem;
  }

  .xxl\:gap-x-40 {
    grid-column-gap: 10rem;
    column-gap: 10rem;
  }

  .xxl\:gap-x-48 {
    grid-column-gap: 12rem;
    column-gap: 12rem;
  }

  .xxl\:gap-x-56 {
    grid-column-gap: 14rem;
    column-gap: 14rem;
  }

  .xxl\:gap-x-64 {
    grid-column-gap: 16rem;
    column-gap: 16rem;
  }

  .xxl\:gap-x-px {
    grid-column-gap: 1px;
    column-gap: 1px;
  }

  .xxl\:row-gap-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

  .xxl\:row-gap-1 {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .xxl\:row-gap-2 {
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .xxl\:row-gap-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .xxl\:row-gap-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .xxl\:row-gap-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .xxl\:row-gap-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .xxl\:row-gap-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .xxl\:row-gap-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .xxl\:row-gap-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .xxl\:row-gap-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .xxl\:row-gap-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .xxl\:row-gap-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .xxl\:row-gap-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .xxl\:row-gap-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .xxl\:row-gap-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .xxl\:row-gap-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .xxl\:row-gap-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .xxl\:row-gap-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .xxl\:gap-y-0 {
    grid-row-gap: 0;
    row-gap: 0;
  }

  .xxl\:gap-y-1 {
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .xxl\:gap-y-2 {
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .xxl\:gap-y-3 {
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .xxl\:gap-y-4 {
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .xxl\:gap-y-5 {
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .xxl\:gap-y-6 {
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .xxl\:gap-y-8 {
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .xxl\:gap-y-10 {
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .xxl\:gap-y-12 {
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .xxl\:gap-y-16 {
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .xxl\:gap-y-20 {
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .xxl\:gap-y-24 {
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .xxl\:gap-y-32 {
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .xxl\:gap-y-40 {
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .xxl\:gap-y-48 {
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .xxl\:gap-y-56 {
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .xxl\:gap-y-64 {
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .xxl\:gap-y-px {
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .xxl\:grid-flow-row {
    grid-auto-flow: row;
  }

  .xxl\:grid-flow-col {
    grid-auto-flow: column;
  }

  .xxl\:grid-flow-row-dense {
    grid-auto-flow: row dense;
  }

  .xxl\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }

  .xxl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .xxl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xxl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xxl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xxl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xxl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xxl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .xxl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .xxl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .xxl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .xxl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .xxl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .xxl\:grid-cols-none {
    grid-template-columns: none;
  }

  .xxl\:auto-cols-auto {
    grid-auto-columns: auto;
  }

  .xxl\:auto-cols-min {
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
  }

  .xxl\:auto-cols-max {
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
  }

  .xxl\:auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .xxl\:col-auto {
    grid-column: auto;
  }

  .xxl\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .xxl\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .xxl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xxl\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xxl\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .xxl\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .xxl\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .xxl\:col-span-8 {
    grid-column: span 8 / span 8;
  }

  .xxl\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .xxl\:col-span-10 {
    grid-column: span 10 / span 10;
  }

  .xxl\:col-span-11 {
    grid-column: span 11 / span 11;
  }

  .xxl\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .xxl\:col-span-full {
    grid-column: 1 / -1;
  }

  .xxl\:col-start-1 {
    grid-column-start: 1;
  }

  .xxl\:col-start-2 {
    grid-column-start: 2;
  }

  .xxl\:col-start-3 {
    grid-column-start: 3;
  }

  .xxl\:col-start-4 {
    grid-column-start: 4;
  }

  .xxl\:col-start-5 {
    grid-column-start: 5;
  }

  .xxl\:col-start-6 {
    grid-column-start: 6;
  }

  .xxl\:col-start-7 {
    grid-column-start: 7;
  }

  .xxl\:col-start-8 {
    grid-column-start: 8;
  }

  .xxl\:col-start-9 {
    grid-column-start: 9;
  }

  .xxl\:col-start-10 {
    grid-column-start: 10;
  }

  .xxl\:col-start-11 {
    grid-column-start: 11;
  }

  .xxl\:col-start-12 {
    grid-column-start: 12;
  }

  .xxl\:col-start-13 {
    grid-column-start: 13;
  }

  .xxl\:col-start-auto {
    grid-column-start: auto;
  }

  .xxl\:col-end-1 {
    grid-column-end: 1;
  }

  .xxl\:col-end-2 {
    grid-column-end: 2;
  }

  .xxl\:col-end-3 {
    grid-column-end: 3;
  }

  .xxl\:col-end-4 {
    grid-column-end: 4;
  }

  .xxl\:col-end-5 {
    grid-column-end: 5;
  }

  .xxl\:col-end-6 {
    grid-column-end: 6;
  }

  .xxl\:col-end-7 {
    grid-column-end: 7;
  }

  .xxl\:col-end-8 {
    grid-column-end: 8;
  }

  .xxl\:col-end-9 {
    grid-column-end: 9;
  }

  .xxl\:col-end-10 {
    grid-column-end: 10;
  }

  .xxl\:col-end-11 {
    grid-column-end: 11;
  }

  .xxl\:col-end-12 {
    grid-column-end: 12;
  }

  .xxl\:col-end-13 {
    grid-column-end: 13;
  }

  .xxl\:col-end-auto {
    grid-column-end: auto;
  }

  .xxl\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .xxl\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .xxl\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .xxl\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .xxl\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .xxl\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .xxl\:grid-rows-none {
    grid-template-rows: none;
  }

  .xxl\:auto-rows-auto {
    grid-auto-rows: auto;
  }

  .xxl\:auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
  }

  .xxl\:auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }

  .xxl\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }

  .xxl\:row-auto {
    grid-row: auto;
  }

  .xxl\:row-span-1 {
    grid-row: span 1 / span 1;
  }

  .xxl\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .xxl\:row-span-3 {
    grid-row: span 3 / span 3;
  }

  .xxl\:row-span-4 {
    grid-row: span 4 / span 4;
  }

  .xxl\:row-span-5 {
    grid-row: span 5 / span 5;
  }

  .xxl\:row-span-6 {
    grid-row: span 6 / span 6;
  }

  .xxl\:row-span-full {
    grid-row: 1 / -1;
  }

  .xxl\:row-start-1 {
    grid-row-start: 1;
  }

  .xxl\:row-start-2 {
    grid-row-start: 2;
  }

  .xxl\:row-start-3 {
    grid-row-start: 3;
  }

  .xxl\:row-start-4 {
    grid-row-start: 4;
  }

  .xxl\:row-start-5 {
    grid-row-start: 5;
  }

  .xxl\:row-start-6 {
    grid-row-start: 6;
  }

  .xxl\:row-start-7 {
    grid-row-start: 7;
  }

  .xxl\:row-start-auto {
    grid-row-start: auto;
  }

  .xxl\:row-end-1 {
    grid-row-end: 1;
  }

  .xxl\:row-end-2 {
    grid-row-end: 2;
  }

  .xxl\:row-end-3 {
    grid-row-end: 3;
  }

  .xxl\:row-end-4 {
    grid-row-end: 4;
  }

  .xxl\:row-end-5 {
    grid-row-end: 5;
  }

  .xxl\:row-end-6 {
    grid-row-end: 6;
  }

  .xxl\:row-end-7 {
    grid-row-end: 7;
  }

  .xxl\:row-end-auto {
    grid-row-end: auto;
  }

  .xxl\:transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    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));
  }

  .xxl\:transform-none {
    transform: none;
  }

  .xxl\:origin-center {
    transform-origin: center;
  }

  .xxl\:origin-top {
    transform-origin: top;
  }

  .xxl\:origin-top-right {
    transform-origin: top right;
  }

  .xxl\:origin-right {
    transform-origin: right;
  }

  .xxl\:origin-bottom-right {
    transform-origin: bottom right;
  }

  .xxl\:origin-bottom {
    transform-origin: bottom;
  }

  .xxl\:origin-bottom-left {
    transform-origin: bottom left;
  }

  .xxl\:origin-left {
    transform-origin: left;
  }

  .xxl\:origin-top-left {
    transform-origin: top left;
  }

  .xxl\:scale-0 {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .xxl\:scale-50 {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .xxl\:scale-75 {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .xxl\:scale-90 {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .xxl\:scale-95 {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .xxl\:scale-100 {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .xxl\:scale-105 {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .xxl\:scale-110 {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .xxl\:scale-125 {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .xxl\:scale-150 {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .xxl\:scale-x-0 {
    --transform-scale-x: 0;
  }

  .xxl\:scale-x-50 {
    --transform-scale-x: .5;
  }

  .xxl\:scale-x-75 {
    --transform-scale-x: .75;
  }

  .xxl\:scale-x-90 {
    --transform-scale-x: .9;
  }

  .xxl\:scale-x-95 {
    --transform-scale-x: .95;
  }

  .xxl\:scale-x-100 {
    --transform-scale-x: 1;
  }

  .xxl\:scale-x-105 {
    --transform-scale-x: 1.05;
  }

  .xxl\:scale-x-110 {
    --transform-scale-x: 1.1;
  }

  .xxl\:scale-x-125 {
    --transform-scale-x: 1.25;
  }

  .xxl\:scale-x-150 {
    --transform-scale-x: 1.5;
  }

  .xxl\:scale-y-0 {
    --transform-scale-y: 0;
  }

  .xxl\:scale-y-50 {
    --transform-scale-y: .5;
  }

  .xxl\:scale-y-75 {
    --transform-scale-y: .75;
  }

  .xxl\:scale-y-90 {
    --transform-scale-y: .9;
  }

  .xxl\:scale-y-95 {
    --transform-scale-y: .95;
  }

  .xxl\:scale-y-100 {
    --transform-scale-y: 1;
  }

  .xxl\:scale-y-105 {
    --transform-scale-y: 1.05;
  }

  .xxl\:scale-y-110 {
    --transform-scale-y: 1.1;
  }

  .xxl\:scale-y-125 {
    --transform-scale-y: 1.25;
  }

  .xxl\:scale-y-150 {
    --transform-scale-y: 1.5;
  }

  .xxl\:hover\:scale-0:hover {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .xxl\:hover\:scale-50:hover {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .xxl\:hover\:scale-75:hover {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .xxl\:hover\:scale-90:hover {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .xxl\:hover\:scale-95:hover {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .xxl\:hover\:scale-100:hover {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .xxl\:hover\:scale-105:hover {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .xxl\:hover\:scale-110:hover {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .xxl\:hover\:scale-125:hover {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .xxl\:hover\:scale-150:hover {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .xxl\:hover\:scale-x-0:hover {
    --transform-scale-x: 0;
  }

  .xxl\:hover\:scale-x-50:hover {
    --transform-scale-x: .5;
  }

  .xxl\:hover\:scale-x-75:hover {
    --transform-scale-x: .75;
  }

  .xxl\:hover\:scale-x-90:hover {
    --transform-scale-x: .9;
  }

  .xxl\:hover\:scale-x-95:hover {
    --transform-scale-x: .95;
  }

  .xxl\:hover\:scale-x-100:hover {
    --transform-scale-x: 1;
  }

  .xxl\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05;
  }

  .xxl\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1;
  }

  .xxl\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25;
  }

  .xxl\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5;
  }

  .xxl\:hover\:scale-y-0:hover {
    --transform-scale-y: 0;
  }

  .xxl\:hover\:scale-y-50:hover {
    --transform-scale-y: .5;
  }

  .xxl\:hover\:scale-y-75:hover {
    --transform-scale-y: .75;
  }

  .xxl\:hover\:scale-y-90:hover {
    --transform-scale-y: .9;
  }

  .xxl\:hover\:scale-y-95:hover {
    --transform-scale-y: .95;
  }

  .xxl\:hover\:scale-y-100:hover {
    --transform-scale-y: 1;
  }

  .xxl\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05;
  }

  .xxl\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1;
  }

  .xxl\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25;
  }

  .xxl\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5;
  }

  .xxl\:focus\:scale-0:focus {
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .xxl\:focus\:scale-50:focus {
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .xxl\:focus\:scale-75:focus {
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .xxl\:focus\:scale-90:focus {
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .xxl\:focus\:scale-95:focus {
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .xxl\:focus\:scale-100:focus {
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .xxl\:focus\:scale-105:focus {
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .xxl\:focus\:scale-110:focus {
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .xxl\:focus\:scale-125:focus {
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .xxl\:focus\:scale-150:focus {
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .xxl\:focus\:scale-x-0:focus {
    --transform-scale-x: 0;
  }

  .xxl\:focus\:scale-x-50:focus {
    --transform-scale-x: .5;
  }

  .xxl\:focus\:scale-x-75:focus {
    --transform-scale-x: .75;
  }

  .xxl\:focus\:scale-x-90:focus {
    --transform-scale-x: .9;
  }

  .xxl\:focus\:scale-x-95:focus {
    --transform-scale-x: .95;
  }

  .xxl\:focus\:scale-x-100:focus {
    --transform-scale-x: 1;
  }

  .xxl\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05;
  }

  .xxl\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1;
  }

  .xxl\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25;
  }

  .xxl\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5;
  }

  .xxl\:focus\:scale-y-0:focus {
    --transform-scale-y: 0;
  }

  .xxl\:focus\:scale-y-50:focus {
    --transform-scale-y: .5;
  }

  .xxl\:focus\:scale-y-75:focus {
    --transform-scale-y: .75;
  }

  .xxl\:focus\:scale-y-90:focus {
    --transform-scale-y: .9;
  }

  .xxl\:focus\:scale-y-95:focus {
    --transform-scale-y: .95;
  }

  .xxl\:focus\:scale-y-100:focus {
    --transform-scale-y: 1;
  }

  .xxl\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05;
  }

  .xxl\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1;
  }

  .xxl\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25;
  }

  .xxl\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5;
  }

  .xxl\:rotate-0 {
    --transform-rotate: 0;
  }

  .xxl\:rotate-1 {
    --transform-rotate: 1deg;
  }

  .xxl\:rotate-2 {
    --transform-rotate: 2deg;
  }

  .xxl\:rotate-3 {
    --transform-rotate: 3deg;
  }

  .xxl\:rotate-6 {
    --transform-rotate: 6deg;
  }

  .xxl\:rotate-12 {
    --transform-rotate: 12deg;
  }

  .xxl\:rotate-45 {
    --transform-rotate: 45deg;
  }

  .xxl\:rotate-90 {
    --transform-rotate: 90deg;
  }

  .xxl\:rotate-180 {
    --transform-rotate: 180deg;
  }

  .xxl\:-rotate-180 {
    --transform-rotate: -180deg;
  }

  .xxl\:-rotate-90 {
    --transform-rotate: -90deg;
  }

  .xxl\:-rotate-45 {
    --transform-rotate: -45deg;
  }

  .xxl\:-rotate-12 {
    --transform-rotate: -12deg;
  }

  .xxl\:-rotate-6 {
    --transform-rotate: -6deg;
  }

  .xxl\:-rotate-3 {
    --transform-rotate: -3deg;
  }

  .xxl\:-rotate-2 {
    --transform-rotate: -2deg;
  }

  .xxl\:-rotate-1 {
    --transform-rotate: -1deg;
  }

  .xxl\:hover\:rotate-0:hover {
    --transform-rotate: 0;
  }

  .xxl\:hover\:rotate-1:hover {
    --transform-rotate: 1deg;
  }

  .xxl\:hover\:rotate-2:hover {
    --transform-rotate: 2deg;
  }

  .xxl\:hover\:rotate-3:hover {
    --transform-rotate: 3deg;
  }

  .xxl\:hover\:rotate-6:hover {
    --transform-rotate: 6deg;
  }

  .xxl\:hover\:rotate-12:hover {
    --transform-rotate: 12deg;
  }

  .xxl\:hover\:rotate-45:hover {
    --transform-rotate: 45deg;
  }

  .xxl\:hover\:rotate-90:hover {
    --transform-rotate: 90deg;
  }

  .xxl\:hover\:rotate-180:hover {
    --transform-rotate: 180deg;
  }

  .xxl\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg;
  }

  .xxl\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg;
  }

  .xxl\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg;
  }

  .xxl\:hover\:-rotate-12:hover {
    --transform-rotate: -12deg;
  }

  .xxl\:hover\:-rotate-6:hover {
    --transform-rotate: -6deg;
  }

  .xxl\:hover\:-rotate-3:hover {
    --transform-rotate: -3deg;
  }

  .xxl\:hover\:-rotate-2:hover {
    --transform-rotate: -2deg;
  }

  .xxl\:hover\:-rotate-1:hover {
    --transform-rotate: -1deg;
  }

  .xxl\:focus\:rotate-0:focus {
    --transform-rotate: 0;
  }

  .xxl\:focus\:rotate-1:focus {
    --transform-rotate: 1deg;
  }

  .xxl\:focus\:rotate-2:focus {
    --transform-rotate: 2deg;
  }

  .xxl\:focus\:rotate-3:focus {
    --transform-rotate: 3deg;
  }

  .xxl\:focus\:rotate-6:focus {
    --transform-rotate: 6deg;
  }

  .xxl\:focus\:rotate-12:focus {
    --transform-rotate: 12deg;
  }

  .xxl\:focus\:rotate-45:focus {
    --transform-rotate: 45deg;
  }

  .xxl\:focus\:rotate-90:focus {
    --transform-rotate: 90deg;
  }

  .xxl\:focus\:rotate-180:focus {
    --transform-rotate: 180deg;
  }

  .xxl\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg;
  }

  .xxl\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg;
  }

  .xxl\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg;
  }

  .xxl\:focus\:-rotate-12:focus {
    --transform-rotate: -12deg;
  }

  .xxl\:focus\:-rotate-6:focus {
    --transform-rotate: -6deg;
  }

  .xxl\:focus\:-rotate-3:focus {
    --transform-rotate: -3deg;
  }

  .xxl\:focus\:-rotate-2:focus {
    --transform-rotate: -2deg;
  }

  .xxl\:focus\:-rotate-1:focus {
    --transform-rotate: -1deg;
  }

  .xxl\:translate-x-0 {
    --transform-translate-x: 0;
  }

  .xxl\:translate-x-1 {
    --transform-translate-x: 0.25rem;
  }

  .xxl\:translate-x-2 {
    --transform-translate-x: 0.5rem;
  }

  .xxl\:translate-x-3 {
    --transform-translate-x: 0.75rem;
  }

  .xxl\:translate-x-4 {
    --transform-translate-x: 1rem;
  }

  .xxl\:translate-x-5 {
    --transform-translate-x: 1.25rem;
  }

  .xxl\:translate-x-6 {
    --transform-translate-x: 1.5rem;
  }

  .xxl\:translate-x-8 {
    --transform-translate-x: 2rem;
  }

  .xxl\:translate-x-10 {
    --transform-translate-x: 2.5rem;
  }

  .xxl\:translate-x-12 {
    --transform-translate-x: 3rem;
  }

  .xxl\:translate-x-16 {
    --transform-translate-x: 4rem;
  }

  .xxl\:translate-x-20 {
    --transform-translate-x: 5rem;
  }

  .xxl\:translate-x-24 {
    --transform-translate-x: 6rem;
  }

  .xxl\:translate-x-32 {
    --transform-translate-x: 8rem;
  }

  .xxl\:translate-x-40 {
    --transform-translate-x: 10rem;
  }

  .xxl\:translate-x-48 {
    --transform-translate-x: 12rem;
  }

  .xxl\:translate-x-56 {
    --transform-translate-x: 14rem;
  }

  .xxl\:translate-x-64 {
    --transform-translate-x: 16rem;
  }

  .xxl\:translate-x-px {
    --transform-translate-x: 1px;
  }

  .xxl\:-translate-x-1 {
    --transform-translate-x: -0.25rem;
  }

  .xxl\:-translate-x-2 {
    --transform-translate-x: -0.5rem;
  }

  .xxl\:-translate-x-3 {
    --transform-translate-x: -0.75rem;
  }

  .xxl\:-translate-x-4 {
    --transform-translate-x: -1rem;
  }

  .xxl\:-translate-x-5 {
    --transform-translate-x: -1.25rem;
  }

  .xxl\:-translate-x-6 {
    --transform-translate-x: -1.5rem;
  }

  .xxl\:-translate-x-8 {
    --transform-translate-x: -2rem;
  }

  .xxl\:-translate-x-10 {
    --transform-translate-x: -2.5rem;
  }

  .xxl\:-translate-x-12 {
    --transform-translate-x: -3rem;
  }

  .xxl\:-translate-x-16 {
    --transform-translate-x: -4rem;
  }

  .xxl\:-translate-x-20 {
    --transform-translate-x: -5rem;
  }

  .xxl\:-translate-x-24 {
    --transform-translate-x: -6rem;
  }

  .xxl\:-translate-x-32 {
    --transform-translate-x: -8rem;
  }

  .xxl\:-translate-x-40 {
    --transform-translate-x: -10rem;
  }

  .xxl\:-translate-x-48 {
    --transform-translate-x: -12rem;
  }

  .xxl\:-translate-x-56 {
    --transform-translate-x: -14rem;
  }

  .xxl\:-translate-x-64 {
    --transform-translate-x: -16rem;
  }

  .xxl\:-translate-x-px {
    --transform-translate-x: -1px;
  }

  .xxl\:-translate-x-full {
    --transform-translate-x: -100%;
  }

  .xxl\:-translate-x-1\/2 {
    --transform-translate-x: -50%;
  }

  .xxl\:translate-x-1\/2 {
    --transform-translate-x: 50%;
  }

  .xxl\:translate-x-full {
    --transform-translate-x: 100%;
  }

  .xxl\:translate-y-0 {
    --transform-translate-y: 0;
  }

  .xxl\:translate-y-1 {
    --transform-translate-y: 0.25rem;
  }

  .xxl\:translate-y-2 {
    --transform-translate-y: 0.5rem;
  }

  .xxl\:translate-y-3 {
    --transform-translate-y: 0.75rem;
  }

  .xxl\:translate-y-4 {
    --transform-translate-y: 1rem;
  }

  .xxl\:translate-y-5 {
    --transform-translate-y: 1.25rem;
  }

  .xxl\:translate-y-6 {
    --transform-translate-y: 1.5rem;
  }

  .xxl\:translate-y-8 {
    --transform-translate-y: 2rem;
  }

  .xxl\:translate-y-10 {
    --transform-translate-y: 2.5rem;
  }

  .xxl\:translate-y-12 {
    --transform-translate-y: 3rem;
  }

  .xxl\:translate-y-16 {
    --transform-translate-y: 4rem;
  }

  .xxl\:translate-y-20 {
    --transform-translate-y: 5rem;
  }

  .xxl\:translate-y-24 {
    --transform-translate-y: 6rem;
  }

  .xxl\:translate-y-32 {
    --transform-translate-y: 8rem;
  }

  .xxl\:translate-y-40 {
    --transform-translate-y: 10rem;
  }

  .xxl\:translate-y-48 {
    --transform-translate-y: 12rem;
  }

  .xxl\:translate-y-56 {
    --transform-translate-y: 14rem;
  }

  .xxl\:translate-y-64 {
    --transform-translate-y: 16rem;
  }

  .xxl\:translate-y-px {
    --transform-translate-y: 1px;
  }

  .xxl\:-translate-y-1 {
    --transform-translate-y: -0.25rem;
  }

  .xxl\:-translate-y-2 {
    --transform-translate-y: -0.5rem;
  }

  .xxl\:-translate-y-3 {
    --transform-translate-y: -0.75rem;
  }

  .xxl\:-translate-y-4 {
    --transform-translate-y: -1rem;
  }

  .xxl\:-translate-y-5 {
    --transform-translate-y: -1.25rem;
  }

  .xxl\:-translate-y-6 {
    --transform-translate-y: -1.5rem;
  }

  .xxl\:-translate-y-8 {
    --transform-translate-y: -2rem;
  }

  .xxl\:-translate-y-10 {
    --transform-translate-y: -2.5rem;
  }

  .xxl\:-translate-y-12 {
    --transform-translate-y: -3rem;
  }

  .xxl\:-translate-y-16 {
    --transform-translate-y: -4rem;
  }

  .xxl\:-translate-y-20 {
    --transform-translate-y: -5rem;
  }

  .xxl\:-translate-y-24 {
    --transform-translate-y: -6rem;
  }

  .xxl\:-translate-y-32 {
    --transform-translate-y: -8rem;
  }

  .xxl\:-translate-y-40 {
    --transform-translate-y: -10rem;
  }

  .xxl\:-translate-y-48 {
    --transform-translate-y: -12rem;
  }

  .xxl\:-translate-y-56 {
    --transform-translate-y: -14rem;
  }

  .xxl\:-translate-y-64 {
    --transform-translate-y: -16rem;
  }

  .xxl\:-translate-y-px {
    --transform-translate-y: -1px;
  }

  .xxl\:-translate-y-full {
    --transform-translate-y: -100%;
  }

  .xxl\:-translate-y-1\/2 {
    --transform-translate-y: -50%;
  }

  .xxl\:translate-y-1\/2 {
    --transform-translate-y: 50%;
  }

  .xxl\:translate-y-full {
    --transform-translate-y: 100%;
  }

  .xxl\:hover\:translate-x-0:hover {
    --transform-translate-x: 0;
  }

  .xxl\:hover\:translate-x-1:hover {
    --transform-translate-x: 0.25rem;
  }

  .xxl\:hover\:translate-x-2:hover {
    --transform-translate-x: 0.5rem;
  }

  .xxl\:hover\:translate-x-3:hover {
    --transform-translate-x: 0.75rem;
  }

  .xxl\:hover\:translate-x-4:hover {
    --transform-translate-x: 1rem;
  }

  .xxl\:hover\:translate-x-5:hover {
    --transform-translate-x: 1.25rem;
  }

  .xxl\:hover\:translate-x-6:hover {
    --transform-translate-x: 1.5rem;
  }

  .xxl\:hover\:translate-x-8:hover {
    --transform-translate-x: 2rem;
  }

  .xxl\:hover\:translate-x-10:hover {
    --transform-translate-x: 2.5rem;
  }

  .xxl\:hover\:translate-x-12:hover {
    --transform-translate-x: 3rem;
  }

  .xxl\:hover\:translate-x-16:hover {
    --transform-translate-x: 4rem;
  }

  .xxl\:hover\:translate-x-20:hover {
    --transform-translate-x: 5rem;
  }

  .xxl\:hover\:translate-x-24:hover {
    --transform-translate-x: 6rem;
  }

  .xxl\:hover\:translate-x-32:hover {
    --transform-translate-x: 8rem;
  }

  .xxl\:hover\:translate-x-40:hover {
    --transform-translate-x: 10rem;
  }

  .xxl\:hover\:translate-x-48:hover {
    --transform-translate-x: 12rem;
  }

  .xxl\:hover\:translate-x-56:hover {
    --transform-translate-x: 14rem;
  }

  .xxl\:hover\:translate-x-64:hover {
    --transform-translate-x: 16rem;
  }

  .xxl\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px;
  }

  .xxl\:hover\:-translate-x-1:hover {
    --transform-translate-x: -0.25rem;
  }

  .xxl\:hover\:-translate-x-2:hover {
    --transform-translate-x: -0.5rem;
  }

  .xxl\:hover\:-translate-x-3:hover {
    --transform-translate-x: -0.75rem;
  }

  .xxl\:hover\:-translate-x-4:hover {
    --transform-translate-x: -1rem;
  }

  .xxl\:hover\:-translate-x-5:hover {
    --transform-translate-x: -1.25rem;
  }

  .xxl\:hover\:-translate-x-6:hover {
    --transform-translate-x: -1.5rem;
  }

  .xxl\:hover\:-translate-x-8:hover {
    --transform-translate-x: -2rem;
  }

  .xxl\:hover\:-translate-x-10:hover {
    --transform-translate-x: -2.5rem;
  }

  .xxl\:hover\:-translate-x-12:hover {
    --transform-translate-x: -3rem;
  }

  .xxl\:hover\:-translate-x-16:hover {
    --transform-translate-x: -4rem;
  }

  .xxl\:hover\:-translate-x-20:hover {
    --transform-translate-x: -5rem;
  }

  .xxl\:hover\:-translate-x-24:hover {
    --transform-translate-x: -6rem;
  }

  .xxl\:hover\:-translate-x-32:hover {
    --transform-translate-x: -8rem;
  }

  .xxl\:hover\:-translate-x-40:hover {
    --transform-translate-x: -10rem;
  }

  .xxl\:hover\:-translate-x-48:hover {
    --transform-translate-x: -12rem;
  }

  .xxl\:hover\:-translate-x-56:hover {
    --transform-translate-x: -14rem;
  }

  .xxl\:hover\:-translate-x-64:hover {
    --transform-translate-x: -16rem;
  }

  .xxl\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px;
  }

  .xxl\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100%;
  }

  .xxl\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50%;
  }

  .xxl\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50%;
  }

  .xxl\:hover\:translate-x-full:hover {
    --transform-translate-x: 100%;
  }

  .xxl\:hover\:translate-y-0:hover {
    --transform-translate-y: 0;
  }

  .xxl\:hover\:translate-y-1:hover {
    --transform-translate-y: 0.25rem;
  }

  .xxl\:hover\:translate-y-2:hover {
    --transform-translate-y: 0.5rem;
  }

  .xxl\:hover\:translate-y-3:hover {
    --transform-translate-y: 0.75rem;
  }

  .xxl\:hover\:translate-y-4:hover {
    --transform-translate-y: 1rem;
  }

  .xxl\:hover\:translate-y-5:hover {
    --transform-translate-y: 1.25rem;
  }

  .xxl\:hover\:translate-y-6:hover {
    --transform-translate-y: 1.5rem;
  }

  .xxl\:hover\:translate-y-8:hover {
    --transform-translate-y: 2rem;
  }

  .xxl\:hover\:translate-y-10:hover {
    --transform-translate-y: 2.5rem;
  }

  .xxl\:hover\:translate-y-12:hover {
    --transform-translate-y: 3rem;
  }

  .xxl\:hover\:translate-y-16:hover {
    --transform-translate-y: 4rem;
  }

  .xxl\:hover\:translate-y-20:hover {
    --transform-translate-y: 5rem;
  }

  .xxl\:hover\:translate-y-24:hover {
    --transform-translate-y: 6rem;
  }

  .xxl\:hover\:translate-y-32:hover {
    --transform-translate-y: 8rem;
  }

  .xxl\:hover\:translate-y-40:hover {
    --transform-translate-y: 10rem;
  }

  .xxl\:hover\:translate-y-48:hover {
    --transform-translate-y: 12rem;
  }

  .xxl\:hover\:translate-y-56:hover {
    --transform-translate-y: 14rem;
  }

  .xxl\:hover\:translate-y-64:hover {
    --transform-translate-y: 16rem;
  }

  .xxl\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px;
  }

  .xxl\:hover\:-translate-y-1:hover {
    --transform-translate-y: -0.25rem;
  }

  .xxl\:hover\:-translate-y-2:hover {
    --transform-translate-y: -0.5rem;
  }

  .xxl\:hover\:-translate-y-3:hover {
    --transform-translate-y: -0.75rem;
  }

  .xxl\:hover\:-translate-y-4:hover {
    --transform-translate-y: -1rem;
  }

  .xxl\:hover\:-translate-y-5:hover {
    --transform-translate-y: -1.25rem;
  }

  .xxl\:hover\:-translate-y-6:hover {
    --transform-translate-y: -1.5rem;
  }

  .xxl\:hover\:-translate-y-8:hover {
    --transform-translate-y: -2rem;
  }

  .xxl\:hover\:-translate-y-10:hover {
    --transform-translate-y: -2.5rem;
  }

  .xxl\:hover\:-translate-y-12:hover {
    --transform-translate-y: -3rem;
  }

  .xxl\:hover\:-translate-y-16:hover {
    --transform-translate-y: -4rem;
  }

  .xxl\:hover\:-translate-y-20:hover {
    --transform-translate-y: -5rem;
  }

  .xxl\:hover\:-translate-y-24:hover {
    --transform-translate-y: -6rem;
  }

  .xxl\:hover\:-translate-y-32:hover {
    --transform-translate-y: -8rem;
  }

  .xxl\:hover\:-translate-y-40:hover {
    --transform-translate-y: -10rem;
  }

  .xxl\:hover\:-translate-y-48:hover {
    --transform-translate-y: -12rem;
  }

  .xxl\:hover\:-translate-y-56:hover {
    --transform-translate-y: -14rem;
  }

  .xxl\:hover\:-translate-y-64:hover {
    --transform-translate-y: -16rem;
  }

  .xxl\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px;
  }

  .xxl\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100%;
  }

  .xxl\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50%;
  }

  .xxl\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50%;
  }

  .xxl\:hover\:translate-y-full:hover {
    --transform-translate-y: 100%;
  }

  .xxl\:focus\:translate-x-0:focus {
    --transform-translate-x: 0;
  }

  .xxl\:focus\:translate-x-1:focus {
    --transform-translate-x: 0.25rem;
  }

  .xxl\:focus\:translate-x-2:focus {
    --transform-translate-x: 0.5rem;
  }

  .xxl\:focus\:translate-x-3:focus {
    --transform-translate-x: 0.75rem;
  }

  .xxl\:focus\:translate-x-4:focus {
    --transform-translate-x: 1rem;
  }

  .xxl\:focus\:translate-x-5:focus {
    --transform-translate-x: 1.25rem;
  }

  .xxl\:focus\:translate-x-6:focus {
    --transform-translate-x: 1.5rem;
  }

  .xxl\:focus\:translate-x-8:focus {
    --transform-translate-x: 2rem;
  }

  .xxl\:focus\:translate-x-10:focus {
    --transform-translate-x: 2.5rem;
  }

  .xxl\:focus\:translate-x-12:focus {
    --transform-translate-x: 3rem;
  }

  .xxl\:focus\:translate-x-16:focus {
    --transform-translate-x: 4rem;
  }

  .xxl\:focus\:translate-x-20:focus {
    --transform-translate-x: 5rem;
  }

  .xxl\:focus\:translate-x-24:focus {
    --transform-translate-x: 6rem;
  }

  .xxl\:focus\:translate-x-32:focus {
    --transform-translate-x: 8rem;
  }

  .xxl\:focus\:translate-x-40:focus {
    --transform-translate-x: 10rem;
  }

  .xxl\:focus\:translate-x-48:focus {
    --transform-translate-x: 12rem;
  }

  .xxl\:focus\:translate-x-56:focus {
    --transform-translate-x: 14rem;
  }

  .xxl\:focus\:translate-x-64:focus {
    --transform-translate-x: 16rem;
  }

  .xxl\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px;
  }

  .xxl\:focus\:-translate-x-1:focus {
    --transform-translate-x: -0.25rem;
  }

  .xxl\:focus\:-translate-x-2:focus {
    --transform-translate-x: -0.5rem;
  }

  .xxl\:focus\:-translate-x-3:focus {
    --transform-translate-x: -0.75rem;
  }

  .xxl\:focus\:-translate-x-4:focus {
    --transform-translate-x: -1rem;
  }

  .xxl\:focus\:-translate-x-5:focus {
    --transform-translate-x: -1.25rem;
  }

  .xxl\:focus\:-translate-x-6:focus {
    --transform-translate-x: -1.5rem;
  }

  .xxl\:focus\:-translate-x-8:focus {
    --transform-translate-x: -2rem;
  }

  .xxl\:focus\:-translate-x-10:focus {
    --transform-translate-x: -2.5rem;
  }

  .xxl\:focus\:-translate-x-12:focus {
    --transform-translate-x: -3rem;
  }

  .xxl\:focus\:-translate-x-16:focus {
    --transform-translate-x: -4rem;
  }

  .xxl\:focus\:-translate-x-20:focus {
    --transform-translate-x: -5rem;
  }

  .xxl\:focus\:-translate-x-24:focus {
    --transform-translate-x: -6rem;
  }

  .xxl\:focus\:-translate-x-32:focus {
    --transform-translate-x: -8rem;
  }

  .xxl\:focus\:-translate-x-40:focus {
    --transform-translate-x: -10rem;
  }

  .xxl\:focus\:-translate-x-48:focus {
    --transform-translate-x: -12rem;
  }

  .xxl\:focus\:-translate-x-56:focus {
    --transform-translate-x: -14rem;
  }

  .xxl\:focus\:-translate-x-64:focus {
    --transform-translate-x: -16rem;
  }

  .xxl\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px;
  }

  .xxl\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100%;
  }

  .xxl\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50%;
  }

  .xxl\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50%;
  }

  .xxl\:focus\:translate-x-full:focus {
    --transform-translate-x: 100%;
  }

  .xxl\:focus\:translate-y-0:focus {
    --transform-translate-y: 0;
  }

  .xxl\:focus\:translate-y-1:focus {
    --transform-translate-y: 0.25rem;
  }

  .xxl\:focus\:translate-y-2:focus {
    --transform-translate-y: 0.5rem;
  }

  .xxl\:focus\:translate-y-3:focus {
    --transform-translate-y: 0.75rem;
  }

  .xxl\:focus\:translate-y-4:focus {
    --transform-translate-y: 1rem;
  }

  .xxl\:focus\:translate-y-5:focus {
    --transform-translate-y: 1.25rem;
  }

  .xxl\:focus\:translate-y-6:focus {
    --transform-translate-y: 1.5rem;
  }

  .xxl\:focus\:translate-y-8:focus {
    --transform-translate-y: 2rem;
  }

  .xxl\:focus\:translate-y-10:focus {
    --transform-translate-y: 2.5rem;
  }

  .xxl\:focus\:translate-y-12:focus {
    --transform-translate-y: 3rem;
  }

  .xxl\:focus\:translate-y-16:focus {
    --transform-translate-y: 4rem;
  }

  .xxl\:focus\:translate-y-20:focus {
    --transform-translate-y: 5rem;
  }

  .xxl\:focus\:translate-y-24:focus {
    --transform-translate-y: 6rem;
  }

  .xxl\:focus\:translate-y-32:focus {
    --transform-translate-y: 8rem;
  }

  .xxl\:focus\:translate-y-40:focus {
    --transform-translate-y: 10rem;
  }

  .xxl\:focus\:translate-y-48:focus {
    --transform-translate-y: 12rem;
  }

  .xxl\:focus\:translate-y-56:focus {
    --transform-translate-y: 14rem;
  }

  .xxl\:focus\:translate-y-64:focus {
    --transform-translate-y: 16rem;
  }

  .xxl\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px;
  }

  .xxl\:focus\:-translate-y-1:focus {
    --transform-translate-y: -0.25rem;
  }

  .xxl\:focus\:-translate-y-2:focus {
    --transform-translate-y: -0.5rem;
  }

  .xxl\:focus\:-translate-y-3:focus {
    --transform-translate-y: -0.75rem;
  }

  .xxl\:focus\:-translate-y-4:focus {
    --transform-translate-y: -1rem;
  }

  .xxl\:focus\:-translate-y-5:focus {
    --transform-translate-y: -1.25rem;
  }

  .xxl\:focus\:-translate-y-6:focus {
    --transform-translate-y: -1.5rem;
  }

  .xxl\:focus\:-translate-y-8:focus {
    --transform-translate-y: -2rem;
  }

  .xxl\:focus\:-translate-y-10:focus {
    --transform-translate-y: -2.5rem;
  }

  .xxl\:focus\:-translate-y-12:focus {
    --transform-translate-y: -3rem;
  }

  .xxl\:focus\:-translate-y-16:focus {
    --transform-translate-y: -4rem;
  }

  .xxl\:focus\:-translate-y-20:focus {
    --transform-translate-y: -5rem;
  }

  .xxl\:focus\:-translate-y-24:focus {
    --transform-translate-y: -6rem;
  }

  .xxl\:focus\:-translate-y-32:focus {
    --transform-translate-y: -8rem;
  }

  .xxl\:focus\:-translate-y-40:focus {
    --transform-translate-y: -10rem;
  }

  .xxl\:focus\:-translate-y-48:focus {
    --transform-translate-y: -12rem;
  }

  .xxl\:focus\:-translate-y-56:focus {
    --transform-translate-y: -14rem;
  }

  .xxl\:focus\:-translate-y-64:focus {
    --transform-translate-y: -16rem;
  }

  .xxl\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px;
  }

  .xxl\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100%;
  }

  .xxl\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50%;
  }

  .xxl\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50%;
  }

  .xxl\:focus\:translate-y-full:focus {
    --transform-translate-y: 100%;
  }

  .xxl\:skew-x-0 {
    --transform-skew-x: 0;
  }

  .xxl\:skew-x-1 {
    --transform-skew-x: 1deg;
  }

  .xxl\:skew-x-2 {
    --transform-skew-x: 2deg;
  }

  .xxl\:skew-x-3 {
    --transform-skew-x: 3deg;
  }

  .xxl\:skew-x-6 {
    --transform-skew-x: 6deg;
  }

  .xxl\:skew-x-12 {
    --transform-skew-x: 12deg;
  }

  .xxl\:-skew-x-12 {
    --transform-skew-x: -12deg;
  }

  .xxl\:-skew-x-6 {
    --transform-skew-x: -6deg;
  }

  .xxl\:-skew-x-3 {
    --transform-skew-x: -3deg;
  }

  .xxl\:-skew-x-2 {
    --transform-skew-x: -2deg;
  }

  .xxl\:-skew-x-1 {
    --transform-skew-x: -1deg;
  }

  .xxl\:skew-y-0 {
    --transform-skew-y: 0;
  }

  .xxl\:skew-y-1 {
    --transform-skew-y: 1deg;
  }

  .xxl\:skew-y-2 {
    --transform-skew-y: 2deg;
  }

  .xxl\:skew-y-3 {
    --transform-skew-y: 3deg;
  }

  .xxl\:skew-y-6 {
    --transform-skew-y: 6deg;
  }

  .xxl\:skew-y-12 {
    --transform-skew-y: 12deg;
  }

  .xxl\:-skew-y-12 {
    --transform-skew-y: -12deg;
  }

  .xxl\:-skew-y-6 {
    --transform-skew-y: -6deg;
  }

  .xxl\:-skew-y-3 {
    --transform-skew-y: -3deg;
  }

  .xxl\:-skew-y-2 {
    --transform-skew-y: -2deg;
  }

  .xxl\:-skew-y-1 {
    --transform-skew-y: -1deg;
  }

  .xxl\:hover\:skew-x-0:hover {
    --transform-skew-x: 0;
  }

  .xxl\:hover\:skew-x-1:hover {
    --transform-skew-x: 1deg;
  }

  .xxl\:hover\:skew-x-2:hover {
    --transform-skew-x: 2deg;
  }

  .xxl\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg;
  }

  .xxl\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg;
  }

  .xxl\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg;
  }

  .xxl\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg;
  }

  .xxl\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg;
  }

  .xxl\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg;
  }

  .xxl\:hover\:-skew-x-2:hover {
    --transform-skew-x: -2deg;
  }

  .xxl\:hover\:-skew-x-1:hover {
    --transform-skew-x: -1deg;
  }

  .xxl\:hover\:skew-y-0:hover {
    --transform-skew-y: 0;
  }

  .xxl\:hover\:skew-y-1:hover {
    --transform-skew-y: 1deg;
  }

  .xxl\:hover\:skew-y-2:hover {
    --transform-skew-y: 2deg;
  }

  .xxl\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg;
  }

  .xxl\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg;
  }

  .xxl\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg;
  }

  .xxl\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg;
  }

  .xxl\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg;
  }

  .xxl\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg;
  }

  .xxl\:hover\:-skew-y-2:hover {
    --transform-skew-y: -2deg;
  }

  .xxl\:hover\:-skew-y-1:hover {
    --transform-skew-y: -1deg;
  }

  .xxl\:focus\:skew-x-0:focus {
    --transform-skew-x: 0;
  }

  .xxl\:focus\:skew-x-1:focus {
    --transform-skew-x: 1deg;
  }

  .xxl\:focus\:skew-x-2:focus {
    --transform-skew-x: 2deg;
  }

  .xxl\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg;
  }

  .xxl\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg;
  }

  .xxl\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg;
  }

  .xxl\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg;
  }

  .xxl\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg;
  }

  .xxl\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg;
  }

  .xxl\:focus\:-skew-x-2:focus {
    --transform-skew-x: -2deg;
  }

  .xxl\:focus\:-skew-x-1:focus {
    --transform-skew-x: -1deg;
  }

  .xxl\:focus\:skew-y-0:focus {
    --transform-skew-y: 0;
  }

  .xxl\:focus\:skew-y-1:focus {
    --transform-skew-y: 1deg;
  }

  .xxl\:focus\:skew-y-2:focus {
    --transform-skew-y: 2deg;
  }

  .xxl\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg;
  }

  .xxl\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg;
  }

  .xxl\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg;
  }

  .xxl\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg;
  }

  .xxl\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg;
  }

  .xxl\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg;
  }

  .xxl\:focus\:-skew-y-2:focus {
    --transform-skew-y: -2deg;
  }

  .xxl\:focus\:-skew-y-1:focus {
    --transform-skew-y: -1deg;
  }

  .xxl\:transition-none {
    transition-property: none;
  }

  .xxl\:transition-all {
    transition-property: all;
  }

  .xxl\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  .xxl\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
  }

  .xxl\:transition-opacity {
    transition-property: opacity;
  }

  .xxl\:transition-shadow {
    transition-property: box-shadow;
  }

  .xxl\:transition-transform {
    transition-property: transform;
  }

  .xxl\:ease-linear {
    transition-timing-function: linear;
  }

  .xxl\:ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .xxl\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .xxl\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .xxl\:duration-75 {
    transition-duration: 75ms;
  }

  .xxl\:duration-100 {
    transition-duration: 100ms;
  }

  .xxl\:duration-150 {
    transition-duration: 150ms;
  }

  .xxl\:duration-200 {
    transition-duration: 200ms;
  }

  .xxl\:duration-300 {
    transition-duration: 300ms;
  }

  .xxl\:duration-500 {
    transition-duration: 500ms;
  }

  .xxl\:duration-700 {
    transition-duration: 700ms;
  }

  .xxl\:duration-1000 {
    transition-duration: 1000ms;
  }

  .xxl\:delay-75 {
    transition-delay: 75ms;
  }

  .xxl\:delay-100 {
    transition-delay: 100ms;
  }

  .xxl\:delay-150 {
    transition-delay: 150ms;
  }

  .xxl\:delay-200 {
    transition-delay: 200ms;
  }

  .xxl\:delay-300 {
    transition-delay: 300ms;
  }

  .xxl\:delay-500 {
    transition-delay: 500ms;
  }

  .xxl\:delay-700 {
    transition-delay: 700ms;
  }

  .xxl\:delay-1000 {
    transition-delay: 1000ms;
  }

  .xxl\:animate-none {
    animation: none;
  }

  .xxl\:animate-spin {
    animation: spin 1s linear infinite;
  }

  .xxl\:animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .xxl\:animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .xxl\:animate-bounce {
    animation: bounce 1s infinite;
  }
}

.admin-dashboard{
  position:fixed;
  transform:translateY(-100%);
  transition:all 0.3s ease-out;
  width:100%
}

.admin-dashboard>.wrapper{
  margin:0 auto;
  max-width:1440px;
  padding-bottom:3rem
}

.admin-dashboard a{
  color:#718096
}

.admin-dashboard a:hover{
  color:#23b7fb;
  text-decoration:none
}

.admin-dashboard .icon-link .icon{
  fill:#718096;
  height:15px;
  position:relative;
  top:1px;
  width:15px
}

.admin-dashboard .icon-link:hover .icon{
  fill:#23b7fb
}

.admin-dashboard .icon-bug{
  fill:rgba(255,255,255,0.5);
  height:20px;
  left:65%;
  position:absolute;
  top:50%;
  transform:translate(-50%, -10%) rotate(135deg);
  transform-origin:center center;
  transition:transform 1s ease-out;
  width:20px
}

.admin-dashboard .toggle{
  bottom:-16px;
  content:'';
  cursor:pointer;
  height:50px;
  left:50%;
  position:absolute;
  outline:none;
  transform:translateX(-50%) rotate(45deg);
  transition:all 0.1s ease-out;
  width:50px
}

.admin-dashboard .toggle:hover{
  bottom:-25px
}

.admin-dashboard .toggle:hover .icon-bug{
  fill:rgba(255,255,255,0.7)
}

.admin-dashboard.is-visible{
  transform:translateY(0)
}

.admin-dashboard.is-visible .toggle:hover{
  bottom:-16px
}

.admin-dashboard.is-visible .icon-bug{
  transform:translate(-50%, -10%) rotate(675deg)
}

.admin-dashboard .admin-dashboard-title::before{
  content:'';
  background-color:#718096;
  display:block;
  height:4px;
  position:absolute;
  top:40%;
  width:100%
}

.admin-dashboard .panel>.wrapper{
  padding:1.5rem;
  padding-left:2.5rem;
  position:relative
}

.admin-dashboard .panel ul li{
  margin-bottom:0
}

.admin-dashboard .panel ul li+li{
  margin-top:0.75rem
}

.admin-dashboard .panel p,.admin-dashboard .panel ul,.admin-dashboard .panel ol{
  color:#718096;
  font-size:14px
}

.admin-dashboard .panel-title .icon{
  fill:#718096;
  height:18px;
  position:absolute;
  top:27px;
  left:14px;
  width:18px
}

.chrome>.wrapper{
  background:#f7fafc;
  box-shadow:none
}

.chrome.-lock{
  position:fixed
}

.chrome.-plain .wrapper{
  background:none;
  box-shadow:none
}

.main{
  position:relative
}

.container.-framed{
  margin-top:1.5rem;
  overflow:hidden;
  padding:3rem 0;
  position:relative
}

.container.-framed>.wrapper{
  width:100%
}

@media (min-width: 760px){
  .container.-framed{
    max-width:560px;
    margin:3rem auto
  }

  .container.-framed>.wrapper{
    margin-left:0
  }
}

.navigation+.container.-framed{
  margin-top:0
}

.container .container__block.-centered{
  text-align:center
}

.container .container__block.-centered .form-item{
  text-align:left
}

@media (min-width: 760px){
  .container .container__block.-centered{
    float:none;
    max-width:600px;
    margin:1.5rem auto
  }

  .container .container__block.-centered .field-label{
    text-align:left
  }
}

.flash-message{
  background-color:#2d3748;
  display:none;
  margin:0 auto;
  max-width:1440px;
  position:relative
}

.flash-message.is-visible{
  display:block
}

.flash-message .flash-content{
  color:#edf2f7;
  grid-column:full-start / -2
}

.flash-message .flash-message-close{
  cursor:pointer;
  height:35px;
  position:absolute;
  right:6px;
  top:6px;
  width:35px
}

@media (min-width: 760px){
  .flash-message .flash-message-close{
    right:16px;
    top:16px
  }
}

.flash-message .icon-close{
  fill:#cbd5e0
}

.flash-message .icon-close:hover{
  fill:#edf2f7
}

@font-face{
  font-family:'League Gothic';

  src:url(/next/assets/29c587e6cf1705132b046c5f2bd321df.woff) format("woff");

  font-weight:400;

  font-style:normal
}

@font-face{
  font-family:'Source Sans Pro';

  src:url(/next/assets/063baf84a53cb42775b59f6fea7bc57c.woff) format("woff2"),url(/next/assets/063baf84a53cb42775b59f6fea7bc57c.woff) format("woff");

  font-weight:400;

  font-style:normal
}

@font-face{
  font-family:'Source Sans Pro';

  src:url(/next/assets/e6793b9524d4f536e51b6250b230700c.woff) format("woff2"),url(/next/assets/e6793b9524d4f536e51b6250b230700c.woff) format("woff");

  font-weight:700;

  font-style:normal
}

@font-face{
  font-family:'Source Sans Pro';

  src:url(/next/assets/1d60f0daa0d8ebb53c3aa6f8be46978d.woff) format("woff2"),url(/next/assets/1d60f0daa0d8ebb53c3aa6f8be46978d.woff) format("woff");

  font-weight:400;

  font-style:italic
}

@font-face{
  font-family:'Source Sans Pro';

  src:url(/next/assets/baacb5ac72c8834fc15e2b9d409f4259.woff) format("woff2"),url(/next/assets/baacb5ac72c8834fc15e2b9d409f4259.woff) format("woff");

  font-weight:700;

  font-style:italic
}

.gallery-grid-sextet,.gallery-grid-quintet,.gallery-grid-quartet,.gallery-grid-triad,.gallery-grid-duo{
  display:grid;
  grid-template-columns:1fr;
  grid-row-gap:0.75rem;
  padding:0 0.75rem;
  overflow:hidden
}

@media (min-width: 425px){
  .gallery-grid-sextet,.gallery-grid-quintet,.gallery-grid-quartet,.gallery-grid-triad,.gallery-grid-duo{
    grid-template-columns:1fr 1fr;
    grid-column-gap:0.75rem;
    grid-row-gap:0.75rem
  }
}

@media (min-width: 760px){
  .gallery-grid-quintet{
    grid-template-columns:repeat(3, 1fr)
  }
}

@media (min-width: 960px){
  .gallery-grid-quintet{
    grid-template-columns:repeat(4, 1fr)
  }
}

@media (min-width: 1060px){
  .gallery-grid-quintet{
    grid-template-columns:repeat(5, 1fr);
    grid-column-gap:1.5rem;
    grid-row-gap:1.5rem
  }
}

@media (min-width: 760px){
  .gallery-grid-quartet{
    grid-template-columns:repeat(2, 1fr)
  }
}

@media (min-width: 960px){
  .gallery-grid-quartet{
    grid-template-columns:repeat(3, 1fr)
  }
}

@media (min-width: 1060px){
  .gallery-grid-quartet{
    grid-template-columns:repeat(4, 1fr);
    grid-column-gap:1.5rem;
    grid-row-gap:1.5rem
  }
}

@media (min-width: 760px){
  .gallery-grid-triad{
    grid-template-columns:repeat(1, 1fr)
  }
}

@media (min-width: 960px){
  .gallery-grid-triad{
    grid-template-columns:repeat(2, 1fr)
  }
}

@media (min-width: 1060px){
  .gallery-grid-triad{
    grid-template-columns:repeat(3, 1fr);
    grid-column-gap:1.5rem;
    grid-row-gap:1.5rem
  }
}

@media (min-width: 960px){
  .gallery-grid-duo{
    grid-template-columns:repeat(2, 1fr)
  }
}

@media (min-width: 1060px){
  .gallery-grid-duo{
    grid-template-columns:repeat(2, 1fr);
    grid-column-gap:1.5rem;
    grid-row-gap:1.5rem
  }
}

@media (min-width: 425px){
  .gallery-grid-sextet{
    grid-template-columns:repeat(3, 1fr)
  }
}

@media (min-width: 760px){
  .gallery-grid-sextet{
    grid-template-columns:repeat(3, 1fr)
  }
}

@media (min-width: 960px){
  .gallery-grid-sextet{
    grid-template-columns:repeat(6, 1fr)
  }
}

@media (min-width: 1060px){
  .gallery-grid-sextet{
    grid-template-columns:repeat(6, 1fr);
    grid-column-gap:1.5rem;
    grid-row-gap:1.5rem
  }
}

.gallery-item>.wrapper{
  display:block
}

.gallery-item a:hover{
  text-decoration:none
}

.gallery-item__meta{
  margin-top:0.75rem
}

.gallery-item__title{
  color:inherit;
  font-size:18px;
  font-weight:700;
  margin-bottom:4px
}

@media (min-width: 425px){
  .gallery-item__title{
    font-size:14.4px
  }
}

@media (min-width: 760px){
  .gallery-item__title{
    font-size:18px
  }
}

@media (min-width: 1060px){
  .gallery-item__title{
    font-size:14.4px
  }
}

@media (min-width: 1300px){
  .gallery-item__title{
    font-size:18px
  }
}

.gallery-item__tagline{
  font-size:18px;
  font-weight:400;
  line-height:1.3
}

@media (min-width: 425px){
  .gallery-item__tagline{
    font-size:14.4px
  }
}

@media (min-width: 760px){
  .gallery-item__tagline{
    font-size:18px
  }
}

@media (min-width: 1060px){
  .gallery-item__tagline{
    font-size:14.4px
  }
}

@media (min-width: 1300px){
  .gallery-item__tagline{
    font-size:18px
  }
}

.site-navigation{
  background-color:#fff;
  border-bottom:1px solid #e2e8f0;
  position:relative;
  z-index:500
}

.site-navigation>.wrapper{
  padding:16px 0 0
}

@media (min-width: 760px){
  .site-navigation>.wrapper{
    padding:24px 48px 0
  }
}

.menu-nav__item>a{
  color:#1a202c;
  display:block;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  text-decoration:none
}

@media (min-width: 360px){
  .menu-nav__item>a{
    font-size:14px
  }
}

@media (min-width: 960px){
  .menu-nav__item>a{
    font-size:18px
  }
}

.menu-subnav{
  background-color:white;
  border-top:1px solid #e2e8f0;
  box-shadow:0 15px 10px -8px rgba(0,0,0,0.5);
  left:0;
  min-height:50vh;
  position:absolute;
  top:100%;
  width:100%
}

@media (min-width: 960px){
  .menu-subnav{
    min-height:50vh
  }
}

.menu-subnav .wrapper{
  position:relative
}

.menu-subnav__section{
  padding:24px 0;
  position:relative
}

.menu-subnav__section:first-of-type{
  padding-top:12px
}

@media (min-width: 960px){
  .menu-subnav__section:first-of-type{
    padding-top:0
  }
}

@media (min-width: 960px){
  .menu-subnav__section{
    padding-top:0
  }
}

.menu-subnav__section+.menu-subnav__section::before{
  background-color:#edf2f7;
  content:'';
  display:block;
  height:1px;
  left:-12px;
  position:absolute;
  top:0;
  width:100vw
}

@media (min-width: 760px){
  .menu-subnav__section+.menu-subnav__section::before{
    left:-48px
  }
}

@media (min-width: 960px){
  .menu-subnav__section+.menu-subnav__section::before{
    display:none
  }
}

.menu-subnav__links a{
  color:black;
  display:block;
  font-weight:400;
  padding:8px 0;
  text-decoration:none
}

.menu-subnav__links a:hover{
  text-decoration:underline
}

@media (min-width: 960px){
  .menu-subnav__links a{
    padding:6px 0
  }
}

.menu-subnav__links>h1{
  margin-bottom:0;
  color:black;
  font-size:22px;
  font-weight:bold;
  padding:0 0 12px
}

@media (min-width: 960px){
  .menu-subnav__links>h1{
    font-size:18px
  }
}

@media (min-width: 1060px){
  .menu-subnav__links>h1{
    font-size:22px
  }
}

.underlay{
  background-color:rgba(255,255,255,0.5);
  content:'';
  display:block;
  height:100%;
  max-width:1440px;
  position:fixed;
  top:0;
  width:100%;
  z-index:-1
}

.logo-nav{
  grid-column:full-start / span 1;
  padding:0 0 0 16px
}

.logo-nav>a{
  display:inline-block
}

@media (min-width: 760px){
  .logo-nav{
    padding:0
  }
}

.main-nav{
  align-items:center;
  border-top:1px solid #e2e8f0;
  display:flex;
  grid-column:full-start / full-end;
  grid-row:2 / 3
}

@media (min-width: 760px){
  .main-nav{
    align-items:flex-start;
    border-top:0;
    grid-column:2 / span 4;
    grid-row:auto
  }
}

@media (min-width: 960px){
  .main-nav{
    grid-column:2 / span 7
  }
}

.main-nav .menu-nav__item:hover,.main-nav .menu-nav__item:active,.main-nav .menu-nav__item.is-active{
  box-shadow:inset 0 -4px 0 0 #fcce2f
}

.main-nav .menu-nav__item>a{
  padding:16px;
  white-space:nowrap
}

@media (min-width: 760px){
  .main-nav .menu-nav__item>a{
    padding:16px 10px 40px
  }
}

@media (min-width: 960px){
  .main-nav .menu-nav__item>a{
    padding-left:16px;
    padding-right:16px
  }
}

.main-nav__arrow{
  bottom:1px;
  display:inline-block;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid #a0aec0;
  height:0;
  margin-left:5px;
  position:relative;
  width:0
}

.main-subnav__links-causes{
  grid-column:full-start / full-end
}

@media (min-width: 960px){
  .main-subnav__links-causes{
    grid-column:wide-start / span 3
  }
}

.main-subnav__links-benefits{
  grid-column:full-start / full-end
}

@media (min-width: 960px){
  .main-subnav__links-benefits{
    grid-column:wide-start / span 2
  }
}

.main-subnav__links-campaigns{
  grid-column:full-start / full-end
}

@media (min-width: 960px){
  .main-subnav__links-campaigns{
    grid-column:narrow-start / span 2
  }
}

.main-subnav__featured{
  grid-column:full-start / full-end
}

@media (min-width: 960px){
  .main-subnav__featured{
    grid-column:7 / wide-end
  }
}

.main-subnav__feature{
  display:block;
  font-weight:400;
  text-decoration:none
}

.main-subnav__feature:active,.main-subnav__feature:hover{
  text-decoration:none
}

.main-subnav__feature:active .main-subnav__feature-link,.main-subnav__feature:hover .main-subnav__feature-link{
  text-decoration:underline
}

.main-subnav__feature-title{
  font-size:22px
}

.main-subnav__feature-link{
  color:#23b7fb;
  font-weight:700;
  margin-top:0
}

.main-subnav__feature-link:active,.main-subnav__feature-link:hover{
  text-decoration:underline
}

.utility-nav{
  align-items:flex-start;
  display:flex;
  grid-column:2 / span full-end;
  justify-content:flex-end;
  margin:0;
  padding:0 16px 16px 0
}

@media (min-width: 760px){
  .utility-nav{
    grid-column:6 / full-end;
    padding:0
  }
}

@media (min-width: 960px){
  .utility-nav{
    grid-column:9 / full-end
  }
}

.utility-nav__search-icon{
  padding:6px 10px
}

@media (min-width: 960px){
  .utility-nav__search-icon{
    padding-bottom:8px;
    padding-top:6px
  }
}

.utility-nav__search-icon .wrapper{
  background-color:transparent;
  border-radius:100px;
  padding:6px;
  pointer-events:none
}

.utility-nav__search-icon img{
  height:25px;
  width:25px
}

@media (min-width: 960px){
  .utility-nav__search-icon img{
    height:28px;
    width:28px
  }
}

.utility-nav__search-icon.is-active .wrapper{
  background-color:#e2e8f0
}

.utility-nav__auth{
  border-left:1px solid #e2e8f0
}

.utility-nav__auth>a{
  padding:16px
}

@media (min-width: 960px){
  .utility-nav__auth>a{
    padding-right:3px
  }
}

.utility-nav__join{
  position:relative;
  top:-1px
}

.utility-nav__join>a{
  border:1px solid black;
  border-radius:4px;
  padding:16px
}

.utility-nav__account-profile{
  border-left:1px solid #e2e8f0
}

.utility-nav__account-profile-icon{
  padding:12px 16px 12px
}

@media (min-width: 960px){
  .utility-nav__account-profile-icon{
    padding:12px 3px 14px 16px
  }
}

.utility-nav__account-profile-icon>img{
  height:25px;
  width:25px
}

@media (min-width: 960px){
  .utility-nav__account-profile-icon>img{
    height:28px;
    width:28px
  }
}

.utility-subnav .search{
  align-items:center;
  background-color:#e2e8f0;
  border-radius:4px;
  display:flex;
  grid-column:full-start / full-end;
  margin:0 50px 32px 0;
  padding:5px 5px 5px 10px
}

@media (min-width: 960px){
  .utility-subnav .search{
    grid-column:full-start / span 6;
    margin:0 0 32px
  }
}

.utility-subnav .search>img{
  height:20px;
  width:20px
}

.utility-subnav .search>input[type='search']{
  background-color:transparent;
  border:0 none;
  font-size:18px;
  line-height:1;
  margin-left:3px;
  padding:5px;
  width:100%;
  -webkit-appearance:none
}

.utility-subnav .search>input[type='search']:focus{
  outline:none
}

.utility-subnav .search>input[type='search']:focus:-ms-input-placeholder{
  color:#cbd5e0
}

.utility-subnav .search>input[type='search']:focus::placeholder{
  color:#cbd5e0
}

.utility-subnav .search>input[type='search']:-ms-input-placeholder{
  color:#a0aec0
}

.utility-subnav .search>input[type='search']::placeholder{
  color:#a0aec0
}

.utility-subnav .top-searches{
  grid-column:full-start / full-end
}

.utility-subnav .top-searches>h1{
  color:#a0aec0;
  font-size:18px;
  font-weight:400;
  margin-bottom:16px;
  text-transform:uppercase
}

.utility-subnav .top-searches__link-list{
  padding-bottom:16px
}

.utility-subnav .top-searches__link-list>li+li{
  margin-top:16px
}

.utility-subnav .top-searches__link-list a{
  color:#1a202c;
  font-weight:400;
  text-decoration:underline
}

.btn__close--subnav{
  padding:16px;
  position:absolute;
  right:6px;
  top:6px
}

@media (min-width: 760px){
  .btn__close--subnav{
    right:20px;
    top:20px
  }
}

@media (min-width: 960px){
  .btn__close--subnav{
    right:44px
  }
}

.modal-portal{
  background-color:rgba(34,34,34,0.9);
  display:none;
  overflow-y:auto;
  z-index:10000
}

.modal-portal.is-active{
  display:block;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%
}

.modal-portal>.wrapper{
  align-items:center;
  background-color:rgba(0,0,0,0.3);
  display:flex;
  height:100%;
  justify-content:center;
  overflow-y:auto;
  padding:0.75rem;
  position:relative;
  width:100%
}

@media (min-width: 760px){
  .modal-portal>.wrapper{
    padding:1.5rem
  }
}

.modal{
  margin:auto;
  min-width:250px;
  max-width:800px;
  position:relative
}

@media (min-width: 760px){
  .modal{
    min-width:400px
  }
}

.modal__close{
  color:#1a202c;
  cursor:pointer;
  display:block;
  font-size:34px;
  height:50px;
  line-height:34px;
  position:absolute;
  right:0;
  text-align:center;
  top:0;
  width:50px;
  z-index:9999
}

.modal__close:focus{
  outline:thin dotted
}

.modal__close.-white{
  color:#fff
}

.modal.badge{
  background-color:#731daa
}

@media (min-width: 760px){
  .modal.badge{
    min-width:600px
  }
}

.modal.-inverted .modal__close{
  color:#fff
}

.modal.-scholarship__info{
  max-width:1116px
}

.gallery-video-preview-container{
  top:50%;
  transform:translateY(-50%)
}

.figure.-small>.figure__media{
  width:50px
}

.figure.-small>.figure__media img{
  width:100%
}

.figure.-large>.figure__media{
  width:200px
}

.figure.-large>.figure__media img{
  width:100%
}

.figure.-left.-center.-small{
  margin-bottom:0
}

.figure.-right-collapse,.figure.-left-collapse{
  text-align:left
}

@media (min-width: 760px){
  .figure.-right-collapse>.figure__media,.figure.-left-collapse>.figure__media{
    margin-right:12px;
    margin-bottom:0
  }

  .figure.-right-collapse>.figure__body,.figure.-left-collapse>.figure__body{
    overflow:hidden
  }
}

@media (min-width: 760px){
  .figure.-right-collapse>.figure__media{
    float:right
  }

  .figure.-left-collapse>.figure__media{
    float:left
  }
}

@media (min-width: 760px){
  .figure.-one-third.figure.-right-collapse>.figure__media{
    margin-left:1.5rem
  }

  .figure.-one-third.figure.-left-collapse>.figure__media{
    margin-right:1.5rem
  }
}

.figure.-one-third.figure>.figure__media{
  width:33%
}

@media (max-width: 759px){
  .figure.-one-third.figure>.figure__media{
    width:100%
  }
}

.gallery-block .figure .figure__body{
  text-align:left
}

.gallery-block .figure .figure__body h4{
  font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media (max-width: 759px){
  .gallery-block .figure .figure__media img{
    margin-left:0
  }
}

@media (max-width: 759px){
  .figure.badge>.figure__media{
    width:150px
  }
}

@media (min-width: 760px){
  .figure.badge>.figure__body{
    margin:0 auto;
    max-width:80%
  }
}

.video-preview-container{
  z-index:99;
  width:100%;
  background:#000;
  transition:opacity 0.5s ease 0s;
  opacity:1
}

.video-preview-container .video-preview-play{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:99
}

.video-preview-container .video-preview-play:hover{
  cursor:pointer
}

.video-preview-container .video-preview-play img{
  width:50px;
  height:50px
}

.video-preview-container .edit-icon{
  position:absolute;
  top:10px;
  right:10px;
  display:flex;
  width:48px;
  height:48px;
  border-radius:50%;
  background-color:white;
  z-index:999
}

.video-preview-container .edit-icon img{
  position:absolute;
  left:14px;
  top:12px
}

.byline .figure{
  width:auto;
  display:inline-block
}

.byline .share{
  vertical-align:top;
  float:right
}

.byline--page-author{
  padding:0.5rem 0
}

@media (min-width: 760px){
  .byline--page-author{
    float:left;
    padding:0 1.5rem
  }
}

.cta-register-banner{
  background:#983ac9 url(/next/assets/a8094667458ed6a3b5fa8d6269d9bbcd.svg);
  background-repeat:repeat;
  background-size:cover
}

.cta-register-banner h3,.cta-register-banner p{
  text-shadow:2px 2px #983ac9
}

.cta-register-banner .cta-register-banner__content{
  background-repeat:no-repeat;
  padding-top:200px;
  background-size:90%;
  background-position-x:250%;
  background-position-y:10%
}

@media (min-width: 390px){
  .cta-register-banner .cta-register-banner__content{
    padding-top:220px;
    background-size:70%;
    background-position-x:100%;
    background-position-y:20%
  }
}

@media (min-width: 500px){
  .cta-register-banner .cta-register-banner__content{
    background-size:55%;
    background-position-y:10%
  }
}

@media (min-width: 640px){
  .cta-register-banner .cta-register-banner__content{
    background-size:45%;
    background-position-y:15%
  }
}

@media (min-width: 760px){
  .cta-register-banner{
    background:#983ac9 url(/next/assets/cdfacf1d24b39797d64d674c10f72efe.svg)
  }

  .cta-register-banner .cta-register-banner__content{
    padding-top:16px;
    background-size:auto;
    background-position-x:inherit;
    padding-left:250px
  }
}

.cta-register-banner .button.-attached{
  text-transform:uppercase
}

.affirmation .markdown{
  color:#1a202c
}

.affirmation .close-button{
  color:#23b7fb;
  cursor:pointer
}

.affiliate-promotion{
  display:table;
  margin-left:auto;
  margin-right:auto
}

@media (min-width: 960px){
  .affiliate-promotion{
    margin-left:0;
    margin-right:0
  }
}

.affiliate-promotion img{
  max-height:50px
}

.affiliate-promotion .__copy{
  display:table-cell;
  font-size:14.4px;
  font-weight:700;
  line-height:1;
  padding-right:0.75rem;
  text-transform:uppercase;
  vertical-align:middle;
  white-space:nowrap
}

@media (min-width: 960px){
  .affiliate-promotion .__copy{
    font-size:18px
  }
}

.affiliate-promotion .__image{
  display:table-cell;
  vertical-align:middle
}

.scholarship-info-block{
  background-image:url(/next/assets/1828ff79a289f0575cad2ff28d9c6ca0.svg);
  background-size:cover
}

.section-header h1.section-header__title.-underlined>span{
  border-bottom:5px solid #fcce2f
}

.section-block__content>h1,.section-block__content>h2,.section-block__content>h3,.section-block__content>h4,.section-block__content>h5,.section-block__content>h6,.section-block__content>p{
  text-align:center
}

.section-block__content>h1{
  margin-bottom:1.5rem
}

@media (min-width: 760px){
  .section-block__content>h1{
    font-size:60px
  }

  .section-block__content>h1 span{
    border-bottom:5px solid #fcce2f
  }
}

.section-block__content>p{
  font-size:21px
}

.cta-template{
  color:#fff
}

@media (min-width: 760px){
  .cta-template{
    padding:12px 24px
  }
}

.cta-template .cta-template__title{
  color:#fcce2f;
  font-size:28.125px;
  font-weight:bold
}

.cta-template .cta-template__content p{
  line-height:1.2;
  font-family:"League Gothic", Impact, "Franklin Gothic Bold", "Arial Black", sans-serif;
  font-size:48px
}

@media (min-width: 960px){
  .short-link-share .link-area{
    display:flex
  }
}

.short-link-share .link-area .link-bar{
  display:flex;
  flex:1
}

.short-link-share .link-area .link-bar .link{
  padding:8px;
  color:#444;
  overflow:scroll;
  padding-right:0;
  white-space:nowrap;
  border-radius:4px 0 0 4px;
  border-right:0
}

.short-link-share .link-area .link-bar .link-copy-button{
  background-color:#322baa;
  display:flex;
  max-width:162px;
  border-radius:0 4px 4px 0;
  cursor:pointer;
  align-items:center;
  justify-content:center
}

.short-link-share .link-area .link-bar .link-copy-button:hover{
  background-color:#615BC4
}

.share-tray{
  margin-top:72px;
  text-align:center
}

@media (min-width: 425px){
  .share-tray{
    margin-top:0.75rem
  }
}

.share-tray .-icon{
  float:none
}

@media (min-width: 425px){
  .share-tray .-icon{
    float:right
  }
}

.share{
  color:#fff;
  width:100%;
  padding:0
}

.share.-black,.share.-blue{
  line-height:1.3;
  padding:0.65em 1em;
  cursor:pointer;
  text-align:center;
  text-transform:uppercase;
  border-radius:4px;
  font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:700;
  font-size:22.5px;
  width:100%
}

.share.-blue{
  color:#fff;
  background-color:#23b7fb
}

.share.-blue:hover{
  background:#55c7fc
}

.share.-black{
  color:#1a202c;
  background-color:#fff;
  border:1px solid #1a202c
}

.share.-black:hover{
  color:#fff;
  background-color:#1a202c
}

.share.-icon{
  width:auto;
  display:inline-block;
  color:#edf2f7;
  margin-left:6px;
  margin-right:6px
}

@media (min-width: 760px){
  .share.-icon{
    margin-left:0.75rem;
    margin-right:0.75rem
  }
}

.share.-icon:hover,.share.-icon:active,.share.-icon:focus{
  color:#718096;
  cursor:pointer
}

.share .social-icon{
  color:inherit
}

.share .social-icon:after{
  font-size:24px;
  font-weight:800;
  margin-left:8px
}


.post-gallery-block-filter{
  max-width:450px
}

.post-gallery-block-filter .select select{
  border-width:1px;
  border-style:solid;
  --border-opacity:1;
  border-color:#cbd5e0;
  border-color:rgba(203, 213, 224, var(--border-opacity))
}

.post-desc{
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden
}

.read-more-btn{
  margin:0;
  padding:0;
  border:none;
  text-decoration:underline;
  font-weight:600;
  border-radius:4px
}

.read-more-btn:hover{
  text-decoration:none;
  font-weight:700;
  color:#4943B7
}

.read-more-btn:focus{
  text-decoration:none;
  outline:none;
  background-color:#4943B7;
  color:#fff;
  border-radius:4px
}

.read-more-btn:active{
  text-decoration:none;
  color:#1c1e84;
  background-color:transparent
}

.modal__close{
  font-size:48px;
  display:flex;
  right:24px;
  height:auto;
  line-height:48px;
  width:auto;
  top:12px
}

.modal .vote-info{
  padding:68px 24px
}

.modal .vote-info .content{
  gap:40px;
  margin-top:44px
}

.modal .vote-info .content .media-container{
  gap:40px
}

@media (min-width: 960px){
  .modal{
    max-width:1236px
  }

  .modal__close{
    right:44px;
    top:34px
  }

  .modal .vote-info{
    padding:106px 100px
  }

  .modal .vote-info .content{
    margin-top:40px
  }

  .modal .vote-info .content>div{
    width:452px
  }
}


.post-gallery-block-filter{
  max-width:450px
}

.post-gallery-block-filter .select select{
  border-width:1px;
  border-style:solid;
  --border-opacity:1;
  border-color:#cbd5e0;
  border-color:rgba(203, 213, 224, var(--border-opacity))
}

.form-validation{
  border-bottom:2px solid #edf2f7
}

.form-validation.-error{
  color:#ff4747
}

.form-validation.-error p{
  color:#ff4747
}

.form-validation.-success{
  color:green
}

.form-validation.-success p{
  color:green
}

.text-submission-action .text-submission-texarea{
  height:138px
}

.media-uploader-container.file-loaded .video-preview-container{
  z-index:99;
  width:100%;
  background:#718096
}

.media-uploader-container.file-loaded .video-preview-container .video-preview-play{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:99
}

.media-uploader-container.file-loaded .video-preview-container .video-preview-play:hover{
  cursor:pointer
}

.media-uploader-container.file-loaded .video-preview-container .video-preview-play img{
  width:50px;
  height:50px
}

.media-uploader-container.file-loaded .video-preview-container .edit-icon{
  position:absolute;
  top:10px;
  right:10px;
  display:flex;
  width:48px;
  height:48px;
  border-radius:50%;
  background-color:white;
  z-index:999
}

.media-uploader-container.file-loaded .video-preview-container .edit-icon img{
  position:absolute;
  left:14px;
  top:12px
}

@media (min-width: 960px){
  .photo-submission-action{
    float:left;
    padding-right:0.75rem;
    width:66.6666666666666%
  }
}

.photo-submission-information{
  margin-top:1.5rem
}

@media (min-width: 960px){
  .photo-submission-information{
    float:right;
    margin-top:0;
    padding-left:0.75rem;
    width:33.3333333333333%
  }
}

@media (min-width: 760px){
  .photo-submission-form>.wrapper{
    display:flex;
    position:relative
  }

  .photo-submission-form>.wrapper::after{
    background-color:#edf2f7;
    content:'';
    display:block;
    height:calc(100% - 12px);
    position:absolute;
    top:0.75rem;
    left:50%;
    width:1px;
    z-index:10
  }
}

.photo-submission-form .field-label{
  height:auto
}

.photo-submission-form .text-field{
  display:block
}

.photo-submission-form textarea{
  min-height:120px
}

@media (min-width: 760px){
  .photo-submission-form textarea{
    flex:1
  }
}

@media (min-width: 760px){
  .photo-submission-form .form-section{
    flex:1
  }
}

.photo-submission-form .form-section>.wrapper{
  border-bottom:1px solid #edf2f7
}

@media (min-width: 760px){
  .photo-submission-form .form-section>.wrapper{
    border-bottom:0 none;
    display:flex;
    flex-direction:column;
    height:100%;
    padding-bottom:0
  }
}

.photo-submission-form .form-item{
  margin-bottom:0
}

@media (min-width: 760px){
  .photo-submission-form .form-item.stretched{
    display:flex;
    flex-direction:column;
    height:100%
  }
}

.photo-submission-form .form-item+.form-item{
  margin-top:1.5rem
}

.petition-submission-action .petition-textarea{
  height:122px
}

.petition-submission-action .affirmation-message{
  color:#02983a;
  font-size:22.5px
}

.petition-submission-action .petition-signature-label,.petition-submission-action .petition-signature{
  font-size:21px
}

@media (min-width: 960px){
  .video-submission-action{
    float:left;
    padding-right:0.75rem;
    width:66.6666666666666%
  }
}

.video-submission-information{
  margin-top:1.5rem
}

@media (min-width: 960px){
  .video-submission-information{
    float:right;
    margin-top:0;
    padding-left:0.75rem;
    width:33.3333333333333%
  }
}

@media (min-width: 760px){
  .video-submission-form>.wrapper{
    display:flex;
    position:relative
  }

  .video-submission-form>.wrapper::after{
    background-color:#edf2f7;
    content:'';
    display:block;
    height:calc(100% - 12px);
    position:absolute;
    top:0.75rem;
    left:50%;
    width:1px;
    z-index:10
  }
}

.video-submission-form .field-label{
  height:auto
}

.video-submission-form .text-field{
  display:block
}

.video-submission-form textarea{
  min-height:120px
}

@media (min-width: 760px){
  .video-submission-form textarea{
    flex:1
  }
}

@media (min-width: 760px){
  .video-submission-form .form-section{
    flex:1
  }
}

.video-submission-form .form-section>.wrapper{
  border-bottom:1px solid #edf2f7
}

@media (min-width: 760px){
  .video-submission-form .form-section>.wrapper{
    border-bottom:0 none;
    display:flex;
    flex-direction:column;
    height:100%;
    padding-bottom:0
  }
}

.video-submission-form .form-item{
  margin-bottom:0
}

@media (min-width: 760px){
  .video-submission-form .form-item.stretched{
    display:flex;
    flex-direction:column;
    height:100%
  }
}

.video-submission-form .form-item+.form-item{
  margin-top:1.5rem
}

.quiz__heading{
  color:#fcce2f;
  font-size:28.125px;
  font-weight:700;
  text-transform:uppercase
}

.quiz__title{
  font-family:"League Gothic", Impact, "Franklin Gothic Bold", "Arial Black", sans-serif;
  font-size:54.93164px;
  text-transform:uppercase;
  margin-bottom:1.5rem
}

.question{
  margin:1.5rem 0
}

.question .question__title{
  color:#fff;
  font-family:"League Gothic", Impact, "Franklin Gothic Bold", "Arial Black", sans-serif;
  font-size:35.15625px;
  font-weight:normal;
  letter-spacing:2px
}

@media (min-width: 760px){
  .question .question__title{
    font-size:54.93164px;
    padding:1.5rem
  }
}

.question__choices{
  margin-top:1.5rem;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start
}

.choice{
  margin-bottom:0.75rem;
  font-weight:700;
  text-decoration:none;
  width:100%;
  outline:0
}

.choice.background-image{
  flex:0 0 33%;
  padding:0 0.75rem 0.75rem 0
}

@media (max-width: 759px){
  .choice.background-image{
    flex:0 0 50%
  }
}

.choice:hover{
  cursor:pointer
}

.choice:focus{
  outline:0
}

.choice .-active{
  border-color:#23b7fb;
  border-width:2px
}

.quiz-conclusion{
  margin-bottom:1.5rem
}

.quiz-conclusion .conclusion__item{
  display:inline-block;
  vertical-align:middle;
  box-sizing:border-box
}

@media (max-width: 759px){
  .quiz-conclusion .conclusion__item{
    width:100%
  }
}

@media (min-width: 760px){
  .quiz-conclusion .conclusion__item.-one-third{
    width:50%
  }

  .quiz-conclusion .conclusion__item.-two-thirds{
    width:50%
  }
}

.quiz-conclusion .conclusion__item button{
  width:100%;
  min-height:65px
}

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

.text-content em,.text-content i{
  font-style:italic
}

.text-content>h1+p,.text-content>h2+p,.text-content>h3+p,.text-content>h4+p,.text-content>h5+p,.text-content>h6+p,.text-content>p+p,.text-content>p+ul,.text-content>p+ol,.text-content>ul+p,.text-content>ul+ul,.text-content>ul+ol,.text-content>ol+p,.text-content>ol+ol,.text-content>ol+ul{
  margin-top:0.75rem
}

.text-content>p+.component-entry{
  margin-top:1.5rem
}

.text-content>h1{
  color:#1a202c;
  font-family:"League Gothic", Impact, "Franklin Gothic Bold", "Arial Black", sans-serif;
  font-size:42px;
  font-weight:400;
  line-height:1.4;
  text-transform:uppercase
}

.text-content>h2,.text-content>h3,.text-content>h4{
  color:#1a202c;
  font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:700
}

.text-content>h2{
  font-size:35.15625px
}

.text-content>h3{
  font-size:28.125px
}

.text-content>h4{
  font-size:18px
}

.text-content>ul,.text-content>ol{
  text-align:left
}

.text-content>blockquote{
  position:relative;
  text-align:left;
  margin:1.5rem 0
}

.text-content>blockquote:before{
  content:'';
  height:102%;
  left:0;
  top:-1%;
  width:4px;
  background:#30e3da;
  position:absolute
}

.text-content>blockquote p{
  font-size:22.5px;
  margin-left:1.5rem
}

.markdown p{
  color:inherit
}

.markdown h1+p,.markdown h2+p,.markdown h3+p,.markdown h4+p,.markdown h5+p,.markdown h6+p,.markdown p+p,.markdown p+ul,.markdown p+ol,.markdown ul+p,.markdown ul+ul,.markdown ul+ol,.markdown ol+p,.markdown ol+ol,.markdown ol+ul{
  margin-top:0.75rem
}

.markdown.is-success{
  color:#02983a
}

.markdown code{
  font-family:"Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
  font-size:18px;
  display:block
}

.markdown blockquote p{
  font-size:22.5px
}

.markdown pre,.markdown blockquote{
  position:relative;
  margin:1.5rem 0
}

.markdown pre p,.markdown pre ul,.markdown pre code,.markdown blockquote p,.markdown blockquote ul,.markdown blockquote code{
  margin-left:1.5rem
}

.markdown pre:before,.markdown blockquote:before{
  content:'';
  height:102%;
  left:0;
  top:-1%;
  width:4px;
  background:#30e3da;
  position:absolute
}

.markdown strong{
  font-weight:700
}

.markdown a{
  font-weight:inherit;
  font-style:inherit
}

.markdown h1{
  font-family:"League Gothic", Impact, "Franklin Gothic Bold", "Arial Black", sans-serif;
  font-size:42px;
  font-weight:400;
  text-transform:uppercase;
  color:#1a202c
}

.markdown h2,.markdown h3,.markdown h4{
  font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:700;
  color:#1a202c
}

.markdown h2{
  font-size:42px
}

.markdown h3{
  font-size:27px
}

.markdown h4{
  font-size:18px
}

.markdown table{
  border-collapse:collapse;
  border-spacing:0;
  background-color:#fff;
  margin:32px 0;
  border:1px solid #edf2f7;
  max-width:100%;
  overflow:scroll
}

.markdown th,.markdown td{
  padding:16px;
  padding-right:32px
}

.markdown th{
  font-weight:700;
  text-align:left;
  background-color:#332baa;
  color:#fff;
  border:none
}

.markdown tbody tr:nth-child(even){
  background-color:#f4f9ff
}

.markdown hr{
  background-color:#4e2b63;
  border:none;
  height:5px;
  margin:60px auto;
  width:33.333333333%
}

.markdown details{
  padding-bottom:1rem
}

.markdown details>*:not(summary){
  padding-top:0.5rem
}

.markdown summary{
  font-weight:700;
  font-size:18px;
  cursor:pointer
}

.footnotes .footnotes-list,.footnotes .footnote-item p{
  font-size:14.4px;
  color:#718096;
  overflow-wrap:break-word
}

.carousel{
  overflow:hidden
}

.carousel .inner{
  white-space:nowrap;
  transition:transform 0.3s
}

.carousel .inner .carousel-item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:normal
}

.notification-list{
  position:fixed;
  bottom:0;
  left:0;
  width:25%;
  min-width:300px;
  z-index:300
}

.notification{
  position:relative;
  width:100%;
  margin:0.75rem
}

.notification.-error{
  color:#fff;
  background:#ff4747
}

.notification .notification__content{
  padding:0.75rem 1.5rem;
  margin-right:0.75rem
}

.notification .notification__content p{
  color:inherit
}

.notification .notification__close{
  background-color:transparent;
  border:0 none;
  color:inherit;
  font-size:32px;
  position:absolute;
  right:0.75rem;
  top:0.75rem
}

.notification .notification__close:focus{
  outline:transparent 0 none
}

.notification .notification__close:hover{
  cursor:pointer
}

.slideshow .slideshow__button{
  width:100%
}

.page-navigation{
  position:relative;
  background-color:#fff;
  border-top:solid 1px #e2e8f0;
  border-bottom:solid 1px #e2e8f0
}

@media (min-width: 760px){
  .page-navigation{
    position:sticky;
    top:0;
    z-index:100
  }
}

.page-navigation.-no-fade::before{
  display:none
}

.page-navigation::before{
  content:'';
  background:linear-gradient(to right, rgba(247,250,252,0) 0%, #f7fafc 75%);
  height:100%;
  display:block;
  pointer-events:none;
  position:absolute;
  right:0;
  width:35px;
  z-index:10
}

@media (min-width: 760px){
  .page-navigation::before{
    display:none
  }
}

.page-navigation .nav-items{
  float:left;
  overflow-x:auto;
  overflow-y:hidden;
  position:relative;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch
}

.page-navigation .nav-link{
  color:#718096;
  display:inline-block;
  margin:0px 0.75rem;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  border-bottom:4px solid transparent
}

.page-navigation .nav-link:hover{
  color:#615BC4;
  text-decoration:none;
  border-bottom:4px solid #615BC4
}

.page-navigation .nav-link.is-active{
  color:#322baa;
  border-bottom:4px solid #322baa
}

@media (min-width: 900px){
  .page-navigation.is-stuck .nav-button{
    opacity:1;
    transform:translateY(0)
  }
}

.cause-filter{
  display:grid;
  grid-template-columns:1fr;
  padding:0 0.75rem;
  overflow:hidden
}

@media (min-width: 425px){
  .cause-filter{
    grid-template-columns:1fr 1fr;
    grid-column-gap:0.75rem
  }
}

@media (min-width: 760px){
  .cause-filter{
    grid-template-columns:repeat(2, 1fr)
  }
}

@media (min-width: 960px){
  .cause-filter{
    grid-template-columns:repeat(3, 1fr)
  }
}

@media (min-width: 1060px){
  .cause-filter{
    grid-template-columns:repeat(4, 1fr);
    grid-column-gap:1.5rem
  }
}

.story-page .lede-banner{
  align-items:center;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  min-height:500px
}

.story-page .lede-banner>.wrapper{
  grid-column:1 / -1;
  padding:0 0.75rem
}

@media (min-width: 760px){
  .story-page .lede-banner>.wrapper{
    grid-column:2 / -2
  }
}

@media (min-width: 960px){
  .story-page .lede-banner>.wrapper{
    grid-column:3 / -3
  }
}

@media (min-width: 760px){
  .story-page .lede-banner{
    min-height:610px
  }
}

.story-page .lede-banner .lede-banner__headline-title{
  font-family:"League Gothic", Impact, "Franklin Gothic Bold", "Arial Black", sans-serif;
  font-size:97px;
  font-weight:normal;
  line-height:1;
  margin:0.75rem 0
}

@media (min-width: 760px){
  .story-page .lede-banner .lede-banner__headline-title{
    font-size:123px
  }
}

.story-page .lede-banner .lede-banner__headline-subtitle{
  font-size:30px;
  margin:0.75rem 0
}

.story-section{
  padding:0.75rem 0
}

@media (min-width: 760px){
  .story-section{
    padding:1.5rem 0
  }
}

.cta-banner{
  background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTkyMCAxMDgwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzlkMWM2ZTt9LmNscy0ye2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aCk7fS5jbHMtM3tmaWxsOiNiMDM5N2Q7fTwvc3R5bGU+PGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iLTM1LjExIiB5PSItMTkuNzUiIHdpZHRoPSIxOTkwLjIyIiBoZWlnaHQ9IjExMTkuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTkyMCAxMDgwKSByb3RhdGUoLTE4MCkiLz48L2NsaXBQYXRoPjwvZGVmcz48dGl0bGU+cGF0dGVybjwvdGl0bGU+PGcgaWQ9ImJhY2tncm91bmRfY29sb3JzIiBkYXRhLW5hbWU9ImJhY2tncm91bmQgY29sb3JzIj48cmVjdCBjbGFzcz0iY2xzLTEiIHg9Ii0zNS4xMSIgeT0iLTE5Ljc1IiB3aWR0aD0iMTk5MC4yMiIgaGVpZ2h0PSIxMTE5LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MjAgMTA4MCkgcm90YXRlKC0xODApIi8+PGcgY2xhc3M9ImNscy0yIj48cmVjdCBjbGFzcz0iY2xzLTEiIHg9Ii0zNS4xMSIgeT0iLTE5Ljc1IiB3aWR0aD0iMTk5MC4yMiIgaGVpZ2h0PSIxMTE5LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5MjAgMTA4MCkgcm90YXRlKC0xODApIi8+PC9nPjwvZz48ZyBpZD0icGF0dGVybnMiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTS04Ni4xNy01My4yNEMtNDItOSw0LjMsMjIuMiw1NS4yOCw0Mi4yOGM0NC4zNSwxNy40OCw4Ni4xOSwyNC4xNiwxMjMuMSwzMC4wNUMyNDQsODIuOCwyOTUuNzQsOTEuMDcsMzYwLjUxLDE1NS44NVM0MzMuNTYsMjcyLjQxLDQ0NCwzMzhjNS44OSwzNi45MSwxMi41Nyw3OC43NSwzMC4wNSwxMjMuMSwyMC4wOCw1MSw1MS4zMyw5Ny4yNSw5NS41MiwxNDEuNDRTNjYwLjA2LDY3OCw3MTEuMDUsNjk4LjA1YzQ0LjM1LDE3LjQ3LDg2LjE5LDI0LjE1LDEyMy4xLDMwLjA1LDY1LjU3LDEwLjQ3LDExNy4zNSwxOC43NCwxODIuMTMsODMuNTFzNzMsMTE2LjU3LDgzLjUxLDE4Mi4xM2M1LjksMzYuOTEsMTIuNTgsNzguNzUsMzAsMTIzLjEsMjAuMDgsNTEsNTEuMzMsOTcuMjUsOTUuNTIsMTQxLjQ0czkwLjQ2LDc1LjQ0LDE0MS40NSw5NS41M2M0NC4zNSwxNy40Nyw4Ni4xOSwyNC4xNSwxMjMuMSwzMCw2NS41NiwxMC40NywxMTcuMzUsMTguNzQsMTgyLjEzLDgzLjUxbDEwNi4wNi0xMDYuMDZjLTQ0LjE5LTQ0LjItOTAuNDYtNzUuNDQtMTQxLjQ0LTk1LjUzLTQ0LjM1LTE3LjQ3LTg2LjE5LTI0LjE1LTEyMy4xLTMwLTY1LjU3LTEwLjQ3LTExNy4zNi0xOC43NC0xODIuMTMtODMuNTFzLTczLTExNi41Ni04My41MS0xODIuMTNjLTUuOS0zNi45MS0xMi41OC03OC43NS0zMC4wNS0xMjMuMS0yMC4wOC01MS01MS4zMy05Ny4yNS05NS41Mi0xNDEuNDRTMTAzMS44OSw2MzAuMTEsOTgwLjksNjEwYy00NC4zNS0xNy40Ny04Ni4xOS0yNC4xNS0xMjMuMS0zMC02NS41Ny0xMC40Ny0xMTcuMzYtMTguNzQtMTgyLjEzLTgzLjUxcy03My0xMTYuNTctODMuNTItMTgyLjEzYy01Ljg5LTM2LjkyLTEyLjU3LTc4Ljc1LTMwLTEyMy4xQzU0MiwxNDAuMjQsNTEwLjc3LDk0LDQ2Ni41OCw0OS43OFMzNzYuMTItMjUuNjYsMzI1LjEzLTQ1Ljc1QzI4MC43OC02My4yMiwyMzktNjkuOSwyMDItNzUuNzksMTM2LjQ3LTg2LjI2LDg0LjY4LTk0LjUzLDE5LjktMTU5LjMxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTS0zMTEsMTcxLjYyYzQ0LjIsNDQuMTksOTAuNDcsNzUuNDQsMTQxLjQ1LDk1LjUyLDQ0LjM1LDE3LjQ3LDg2LjE5LDI0LjE2LDEyMy4xLDMwLjA1LDY1LjU3LDEwLjQ3LDExNy4zNiwxOC43NCwxODIuMTMsODMuNTJzNzMsMTE2LjU2LDgzLjUyLDE4Mi4xM2M1Ljg5LDM2LjkxLDEyLjU3LDc4Ljc1LDMwLjA1LDEyMy4xLDIwLjA4LDUxLDUxLjMzLDk3LjI1LDk1LjUyLDE0MS40NHM5MC40Niw3NS40NCwxNDEuNDUsOTUuNTNjNDQuMzUsMTcuNDcsODYuMTksMjQuMTUsMTIzLjEsMzAuMDUsNjUuNTcsMTAuNDcsMTE3LjM1LDE4Ljc0LDE4Mi4xMyw4My41MXM3MywxMTYuNTcsODMuNTEsMTgyLjEzYzUuOSwzNi45MSwxMi41OCw3OC43NSwzMC4wNSwxMjMuMSwyMC4wOCw1MSw1MS4zMyw5Ny4yNSw5NS41MiwxNDEuNDRzOTAuNDYsNzUuNDQsMTQxLjQ1LDk1LjUzYzQ0LjM1LDE3LjQ3LDg2LjE5LDI0LjE1LDEyMy4xLDMwLDY1LjU2LDEwLjQ3LDExNy4zNSwxOC43NCwxODIuMTMsODMuNTFsMTA2LjA2LTEwNi4wNmMtNDQuMTktNDQuMi05MC40Ni03NS40NC0xNDEuNDQtOTUuNTMtNDQuMzUtMTcuNDctODYuMTktMjQuMTUtMTIzLjEtMzAuMDUtNjUuNTctMTAuNDctMTE3LjM2LTE4Ljc0LTE4Mi4xMy04My41MXMtNzMtMTE2LjU2LTgzLjUxLTE4Mi4xM2MtNS45LTM2LjkxLTEyLjU4LTc4Ljc1LTMwLTEyMy4xLTIwLjA4LTUxLTUxLjMzLTk3LjI1LTk1LjUyLTE0MS40NFM4MDcsODU1LDc1Niw4MzQuODhjLTQ0LjM1LTE3LjQ3LTg2LjE5LTI0LjE1LTEyMy4xLTMwLTY1LjU3LTEwLjQ3LTExNy4zNi0xOC43NC0xODIuMTMtODMuNTFzLTczLjA1LTExNi41Ny04My41Mi0xODIuMTNjLTUuODktMzYuOTItMTIuNTctNzguNzUtMzAuMDUtMTIzLjEtMjAuMDgtNTEtNTEuMzMtOTcuMjYtOTUuNTItMTQxLjQ1cy05MC40Ni03NS40NC0xNDEuNDUtOTUuNTNjLTQ0LjM1LTE3LjQ3LTg2LjE4LTI0LjE1LTEyMy4xLTMwQy04OC4zOSwxMzguNi0xNDAuMTgsMTMwLjMzLTIwNSw2NS41NVoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0tNTM1Ljg5LDM5Ni40OGM0NC4yLDQ0LjE5LDkwLjQ3LDc1LjQ0LDE0MS40NSw5NS41Miw0NC4zNSwxNy40Nyw4Ni4xOSwyNC4xNiwxMjMuMSwzMCw2NS41NywxMC40NywxMTcuMzYsMTguNzQsMTgyLjEzLDgzLjUyUy0xNi4xNiw3MjIuMTMtNS42OSw3ODcuN0MuMiw4MjQuNjEsNi44OCw4NjYuNDUsMjQuMzYsOTEwLjhjMjAuMDgsNTEsNTEuMzMsOTcuMjUsOTUuNTIsMTQxLjQ0czkwLjQ2LDc1LjQ0LDE0MS40NSw5NS41M2M0NC4zNSwxNy40Nyw4Ni4xOSwyNC4xNSwxMjMuMSwzMCw2NS41NywxMC40NywxMTcuMzUsMTguNzQsMTgyLjEzLDgzLjUxczczLDExNi41Nyw4My41MSwxODIuMTNjNS45LDM2LjkxLDEyLjU4LDc4Ljc1LDMwLDEyMy4xLDIwLjA4LDUxLDUxLjMzLDk3LjI1LDk1LjUyLDE0MS40NHM5MC40Niw3NS40NCwxNDEuNDUsOTUuNTNjNDQuMzUsMTcuNDcsODYuMTksMjQuMTUsMTIzLjEsMzAsNjUuNTYsMTAuNDcsMTE3LjM1LDE4Ljc0LDE4Mi4xMyw4My41MUwxMzI4LjM4LDE4MTFjLTQ0LjE5LTQ0LjItOTAuNDYtNzUuNDQtMTQxLjQ0LTk1LjUzLTQ0LjM1LTE3LjQ3LTg2LjE5LTI0LjE1LTEyMy4xLTMwLTY1LjU3LTEwLjQ3LTExNy4zNi0xOC43NC0xODIuMTMtODMuNTFzLTczLTExNi41Ni04My41MS0xODIuMTNjLTUuOS0zNi45MS0xMi41OC03OC43NS0zMC4wNS0xMjMuMS0yMC4wOC01MS01MS4zMy05Ny4yNS05NS41Mi0xNDEuNDRzLTkwLjQ2LTc1LjQ0LTE0MS40NS05NS41M2MtNDQuMzUtMTcuNDctODYuMTktMjQuMTUtMTIzLjEtMzBDMzQyLjUxLDEwMTkuMjIsMjkwLjcyLDEwMTEsMjI2LDk0Ni4xOHMtNzMtMTE2LjU3LTgzLjUyLTE4Mi4xM2MtNS44OS0zNi45Mi0xMi41Ny03OC43NS0zMC4wNS0xMjMuMUM5Mi4zLDU5MCw2MS4wNSw1NDMuNjksMTYuODYsNDk5LjVTLTczLjYsNDI0LjA2LTEyNC41OSw0MDRjLTQ0LjM1LTE3LjQ3LTg2LjE4LTI0LjE1LTEyMy4xLTMwLTY1LjU2LTEwLjQ3LTExNy4zNS0xOC43NC0xODIuMTMtODMuNTJaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTM4LjY5LTI3OC4xYzQ0LjIsNDQuMTksOTAuNDcsNzUuNDQsMTQxLjQ1LDk1LjUyLDQ0LjM1LDE3LjQ4LDg2LjE5LDI0LjE2LDEyMy4xLDMwLjA1QzQ2OC44MS0xNDIuMDYsNTIwLjYtMTMzLjc5LDU4NS4zNy02OXM3MywxMTYuNTYsODMuNTIsMTgyLjEzYzUuODksMzYuOTEsMTIuNTcsNzguNzUsMzAuMDUsMTIzLjEsMjAuMDgsNTEsNTEuMzMsOTcuMjUsOTUuNTIsMTQxLjQ0czkwLjQ2LDc1LjQ0LDE0MS40NSw5NS41M2M0NC4zNSwxNy40Nyw4Ni4xOSwyNC4xNSwxMjMuMSwzMC4wNSw2NS41NiwxMC40NywxMTcuMzUsMTguNzQsMTgyLjEzLDgzLjUxczczLDExNi41Nyw4My41MSwxODIuMTNjNS45LDM2LjkxLDEyLjU4LDc4Ljc1LDMwLDEyMy4xLDIwLjA4LDUxLDUxLjMzLDk3LjI1LDk1LjUyLDE0MS40NHM5MC40Niw3NS40NCwxNDEuNDUsOTUuNTNjNDQuMzUsMTcuNDcsODYuMTksMjQuMTUsMTIzLjEsMzAsNjUuNTYsMTAuNDcsMTE3LjM1LDE4Ljc0LDE4Mi4xMyw4My41MUwyMDAzLDExMzYuNDVjLTQ0LjE5LTQ0LjItOTAuNDYtNzUuNDQtMTQxLjQ0LTk1LjUzLTQ0LjM1LTE3LjQ3LTg2LjE5LTI0LjE1LTEyMy4xLTMwLjA1LTY1LjU3LTEwLjQ3LTExNy4zNi0xOC43NC0xODIuMTMtODMuNTFzLTczLTExNi41Ni04My41MS0xODIuMTNjLTUuOS0zNi45MS0xMi41OC03OC43NS0zMC0xMjMuMS0yMC4wOC01MS01MS4zMy05Ny4yNS05NS41Mi0xNDEuNDRzLTkwLjQ2LTc1LjQ0LTE0MS40NS05NS41M2MtNDQuMzUtMTcuNDctODYuMTktMjQuMTUtMTIzLjEtMzAuMDUtNjUuNTctMTAuNDctMTE3LjM2LTE4Ljc0LTE4Mi4xMy04My41MVM4MjcuNDgsMTU1LDgxNyw4OS40N2MtNS44OS0zNi45Mi0xMi41Ny03OC43NS0zMC0xMjMuMS0yMC4wOC01MS01MS4zMy05Ny4yNi05NS41Mi0xNDEuNDVTNjAxLTI1MC41Miw1NTAtMjcwLjYxYy00NC4zNS0xNy40Ny04Ni4xOC0yNC4xNS0xMjMuMS0zMC02NS41Ni0xMC40Ny0xMTcuMzUtMTguNzQtMTgyLjEzLTgzLjUyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTM2My41NS01MDNDNDA3Ljc1LTQ1OC43Nyw0NTQtNDI3LjUyLDUwNS00MDcuNDRjNDQuMzUsMTcuNDgsODYuMTksMjQuMTYsMTIzLjEsMzAuMDUsNjUuNTcsMTAuNDcsMTE3LjM2LDE4Ljc0LDE4Mi4xMyw4My41MnM3MywxMTYuNTYsODMuNTIsMTgyLjEzYzUuODksMzYuOTEsMTIuNTcsNzguNzUsMzAsMTIzLjEsMjAuMDgsNTEsNTEuMzMsOTcuMjUsOTUuNTIsMTQxLjQ0czkwLjQ2LDc1LjQ0LDE0MS40NSw5NS41M2M0NC4zNSwxNy40Nyw4Ni4xOSwyNC4xNSwxMjMuMSwzMCw2NS41NiwxMC40NywxMTcuMzUsMTguNzQsMTgyLjEzLDgzLjUxczczLDExNi41Nyw4My41MSwxODIuMTNjNS45LDM2LjkxLDEyLjU4LDc4Ljc1LDMwLDEyMy4xLDIwLjA4LDUxLDUxLjMzLDk3LjI1LDk1LjUyLDE0MS40NHM5MC40Niw3NS40NCwxNDEuNDUsOTUuNTNjNDQuMzUsMTcuNDcsODYuMTksMjQuMTUsMTIzLjEsMzAsNjUuNTYsMTAuNDcsMTE3LjM1LDE4Ljc0LDE4Mi4xMyw4My41MWwxMDYuMDYtMTA2LjA2Yy00NC4xOS00NC4yLTkwLjQ2LTc1LjQ0LTE0MS40NC05NS41My00NC4zNS0xNy40Ny04Ni4xOS0yNC4xNS0xMjMuMS0zMC02NS41Ny0xMC40Ny0xMTcuMzYtMTguNzQtMTgyLjEzLTgzLjUxcy03My0xMTYuNTYtODMuNTEtMTgyLjEzYy01LjktMzYuOTEtMTIuNTgtNzguNzUtMzAuMDUtMTIzLjEtMjAuMDgtNTEtNTEuMzMtOTcuMjUtOTUuNTItMTQxLjQ0cy05MC40Ni03NS40NC0xNDEuNDUtOTUuNTNjLTQ0LjM1LTE3LjQ3LTg2LjE5LTI0LjE1LTEyMy4xLTMwLjA1LTY1LjU3LTEwLjQ3LTExNy4zNi0xOC43NC0xODIuMTMtODMuNTFzLTczLjA1LTExNi41Ny04My41Mi0xODIuMTNjLTUuODktMzYuOTItMTIuNTctNzguNzUtMzAtMTIzLjEtMjAuMDgtNTEtNTEuMzMtOTcuMjYtOTUuNTItMTQxLjQ1cy05MC40Ni03NS40NC0xNDEuNDUtOTUuNTNjLTQ0LjM1LTE3LjQ3LTg2LjE4LTI0LjE1LTEyMy4xLTMwQzU4Ni4xOS01MzYsNTM0LjQtNTQ0LjI1LDQ2OS42Mi02MDlaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNNTkxLjYyLTczMWM0NC4xOSw0NC4yLDkwLjQ2LDc1LjQ1LDE0MS40NCw5NS41Myw0NC4zNSwxNy40Nyw4Ni4xOSwyNC4xNSwxMjMuMSwzMCw2NS41NywxMC40NywxMTcuMzYsMTguNzQsMTgyLjEzLDgzLjUxczczLDExNi41Nyw4My41MiwxODIuMTRjNS44OSwzNi45MSwxMi41OCw3OC43NSwzMCwxMjMuMSwyMC4wOCw1MSw1MS4zMyw5Ny4yNSw5NS41MiwxNDEuNDRTMTMzNy44NC4xOCwxMzg4LjgzLDIwLjI3YzQ0LjM1LDE3LjQ3LDg2LjE5LDI0LjE1LDEyMy4xLDMwLjA1LDY1LjU3LDEwLjQ3LDExNy4zNSwxOC43NCwxODIuMTMsODMuNTFzNzMsMTE2LjU2LDgzLjUxLDE4Mi4xM2M1LjksMzYuOTEsMTIuNTgsNzguNzUsMzAsMTIzLjEsMjAuMDgsNTEsNTEuMzMsOTcuMjUsOTUuNTIsMTQxLjQ0czkwLjQ2LDc1LjQ0LDE0MS40NSw5NS41M2M0NC4zNSwxNy40Nyw4Ni4xOSwyNC4xNSwxMjMuMSwzMC4wNSw2NS41NiwxMC40NiwxMTcuMzUsMTguNzMsMTgyLjEzLDgzLjUxbDEwNi4wNy0xMDYuMDdjLTQ0LjItNDQuMTktOTAuNDYtNzUuNDQtMTQxLjQ1LTk1LjUyLTQ0LjM1LTE3LjQ3LTg2LjE5LTI0LjE1LTEyMy4xLTMwLTY1LjU3LTEwLjQ3LTExNy4zNS0xOC43NC0xODIuMTMtODMuNTFzLTczLTExNi41Ny04My41MS0xODIuMTNjLTUuOS0zNi45MS0xMi41OC03OC43NS0zMC0xMjMuMS0yMC4wOC01MS01MS4zMy05Ny4yNS05NS41Mi0xNDEuNDRzLTkwLjQ2LTc1LjQ0LTE0MS40NS05NS41M2MtNDQuMzUtMTcuNDctODYuMTktMjQuMTUtMTIzLjEtMzAtNjUuNTctMTAuNDctMTE3LjM1LTE4Ljc0LTE4Mi4xMy04My41MXMtNzMtMTE2LjU3LTgzLjUyLTE4Mi4xNGMtNS44OS0zNi45MS0xMi41Ny03OC43NS0zMC0xMjMuMS0yMC4wOS01MS01MS4zNC05Ny4yNS05NS41My0xNDEuNDRzLTkwLjQ2LTc1LjQ0LTE0MS40NS05NS41M2MtNDQuMzUtMTcuNDctODYuMTgtMjQuMTUtMTIzLjEtMzAuMDVDODE0LjI1LTc2NCw3NjIuNDYtNzcyLjMxLDY5Ny42OC04MzcuMDlaIi8+PC9nPjwvc3ZnPgo=);
  background-size:cover;
  text-align:center
}

@media (min-width: 760px){
  .cta-banner{
    text-align:inherit
  }
}

.cta-banner .cta-banner__button{
  width:100%
}

@media (min-width: 760px){
  .cta-banner .cta-banner__button{
    width:315px
  }
}

button.share-button{
  background-color:#322baa
}

button.share-button span{
  font-size:16px
}

button.share-button:hover{
  background-color:#4943B7
}

button.share-button:focus-visible,button.share-button:focus{
  background-color:#4943B7;
  outline:2px solid #4943B7
}

button.share-button:active{
  outline:none;
  background-color:#1c1e84
}

.sticky-social-share{
  text-align:center
}

.sticky-social-share .sticky-container{
  top:16px;
  gap:10px
}

.sticky-social-share .sticky-container p.title{
  color:#322baa
}

.sticky-social-share .sticky-container .share-buttons{
  gap:10px
}

.sticky-social-share .sticky-container .share-buttons button{
  background-color:#322baa
}

.sticky-social-share .sticky-container .share-buttons button:hover{
  background-color:#4943B7
}

.sticky-social-share .sticky-container .share-buttons button:focus-visible,.sticky-social-share .sticky-container .share-buttons button:focus{
  background-color:#4943B7;
  outline:2px solid #4943B7
}

.sticky-social-share .sticky-container .share-buttons button:active{
  outline:none;
  background-color:#1c1e84
}

.copy-link-notification{
  background-color:#f7fafc;
  border-radius:4px;
  left:calc(100% + 10px);
  top:50%;
  transform:translateY(-50%)
}

.copy-link-notification.mobile{
  left:50%;
  transform:translateX(-50%);
  top:calc(100% + 5px)
}

.cta-popover{
  background:url(/next/assets/1828ff79a289f0575cad2ff28d9c6ca0.svg);
  background-size:cover;
  box-shadow:0px 2px 5px 0px rgba(0,0,0,0.25);
  position:fixed;
  bottom:0.75rem;
  right:0;
  margin:0 0.75rem;
  max-width:500px;
  z-index:200
}

@media (min-width: 760px){
  .cta-popover{
    bottom:inherit;
    top:120px;
    max-width:400px
  }
}

@media (min-width: 1440px){
  .cta-popover{
    right:calc((100vw - 1440px) / 2)
  }
}

.cta-popover .cta-popover__title{
  max-width:90%
}

.cta-popover .cta-popover__button{
  width:100%
}

@media (min-width: 760px){
  .cta-popover .cta-popover__button{
    width:130px
  }
}


/*# sourceMappingURL=app-8cbbeee14452ea8cbd24.css.map*/