/*! 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::-moz-placeholder, textarea::-moz-placeholder {
    color: #a0aec0;
  }
  
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #a0aec0;
  }
  
  input::placeholder,
  textarea::placeholder {
    color: #a0aec0;
  }
  
  button,
  [role="button"] {
    cursor: pointer;
  }
  
  table {
    border-collapse: collapse;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  
  /**
   * Reset links to optimize for opt-in styling instead of
   * opt-out.
   */
  
  a {
    color: inherit;
    text-decoration: inherit;
  }
  
  /**
   * Reset form element properties that are easy to forget to
   * style explicitly so you don't inadvertently introduce
   * styles that deviate from your design system. These styles
   * supplement a partial reset that is already applied by
   * normalize.css.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    padding: 0;
    line-height: inherit;
    color: inherit;
  }
  
  /**
   * Use the configured 'mono' font family for elements that
   * are expected to be rendered with a monospace font, falling
   * back to the system monospace stack if there is no configured
   * 'mono' font family.
   */
  
  pre,
  code,
  kbd,
  samp {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }
  
  /**
   * Make replaced elements `display: block` by default as that's
   * the behavior you want almost all of the time. Inspired by
   * CSS Remedy, with `svg` added as well.
   *
   * https://github.com/mozdevs/cssremedy/issues/14
   */
  
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  
  /**
   * Constrain images and videos to the parent width and preserve
   * their instrinsic aspect ratio.
   *
   * https://github.com/mozdevs/cssremedy/issues/14
   */
  
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  
  .container {
    width: 100%;
  }
  
  @media (min-width: 500px) {
    .container {
      max-width: 500px;
    }
  }
  
  @media (min-width: 640px) {
    .container {
      max-width: 640px;
    }
  }
  
  @media (min-width: 768px) {
    .container {
      max-width: 768px;
    }
  }
  
  @media (min-width: 1024px) {
    .container {
      max-width: 1024px;
    }
  }
  
  @media (min-width: 1280px) {
    .container {
      max-width: 1280px;
    }
  }
  
  .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-current > :not(template) ~ :not(template) {
    border-color: currentColor;
  }
  
  .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-red-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--divide-opacity));
  }
  
  .divide-red-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--divide-opacity));
  }
  
  .divide-red-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--divide-opacity));
  }
  
  .divide-red-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--divide-opacity));
  }
  
  .divide-red-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--divide-opacity));
  }
  
  .divide-red-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--divide-opacity));
  }
  
  .divide-red-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--divide-opacity));
  }
  
  .divide-red-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--divide-opacity));
  }
  
  .divide-red-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--divide-opacity));
  }
  
  .divide-orange-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--divide-opacity));
  }
  
  .divide-orange-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--divide-opacity));
  }
  
  .divide-orange-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--divide-opacity));
  }
  
  .divide-orange-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--divide-opacity));
  }
  
  .divide-orange-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--divide-opacity));
  }
  
  .divide-orange-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--divide-opacity));
  }
  
  .divide-orange-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--divide-opacity));
  }
  
  .divide-orange-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--divide-opacity));
  }
  
  .divide-orange-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--divide-opacity));
  }
  
  .divide-yellow-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--divide-opacity));
  }
  
  .divide-yellow-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--divide-opacity));
  }
  
  .divide-yellow-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--divide-opacity));
  }
  
  .divide-yellow-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--divide-opacity));
  }
  
  .divide-yellow-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--divide-opacity));
  }
  
  .divide-yellow-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--divide-opacity));
  }
  
  .divide-yellow-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--divide-opacity));
  }
  
  .divide-yellow-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--divide-opacity));
  }
  
  .divide-yellow-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--divide-opacity));
  }
  
  .divide-green-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--divide-opacity));
  }
  
  .divide-green-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--divide-opacity));
  }
  
  .divide-green-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--divide-opacity));
  }
  
  .divide-green-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--divide-opacity));
  }
  
  .divide-green-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--divide-opacity));
  }
  
  .divide-green-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--divide-opacity));
  }
  
  .divide-green-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--divide-opacity));
  }
  
  .divide-green-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--divide-opacity));
  }
  
  .divide-green-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--divide-opacity));
  }
  
  .divide-teal-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--divide-opacity));
  }
  
  .divide-teal-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--divide-opacity));
  }
  
  .divide-teal-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--divide-opacity));
  }
  
  .divide-teal-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--divide-opacity));
  }
  
  .divide-teal-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--divide-opacity));
  }
  
  .divide-teal-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--divide-opacity));
  }
  
  .divide-teal-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--divide-opacity));
  }
  
  .divide-teal-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--divide-opacity));
  }
  
  .divide-teal-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--divide-opacity));
  }
  
  .divide-blue-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--divide-opacity));
  }
  
  .divide-blue-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--divide-opacity));
  }
  
  .divide-blue-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--divide-opacity));
  }
  
  .divide-blue-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--divide-opacity));
  }
  
  .divide-blue-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--divide-opacity));
  }
  
  .divide-blue-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--divide-opacity));
  }
  
  .divide-blue-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--divide-opacity));
  }
  
  .divide-blue-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--divide-opacity));
  }
  
  .divide-blue-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--divide-opacity));
  }
  
  .divide-indigo-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--divide-opacity));
  }
  
  .divide-indigo-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--divide-opacity));
  }
  
  .divide-indigo-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--divide-opacity));
  }
  
  .divide-indigo-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--divide-opacity));
  }
  
  .divide-indigo-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--divide-opacity));
  }
  
  .divide-indigo-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--divide-opacity));
  }
  
  .divide-indigo-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--divide-opacity));
  }
  
  .divide-indigo-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--divide-opacity));
  }
  
  .divide-indigo-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--divide-opacity));
  }
  
  .divide-purple-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--divide-opacity));
  }
  
  .divide-purple-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--divide-opacity));
  }
  
  .divide-purple-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--divide-opacity));
  }
  
  .divide-purple-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--divide-opacity));
  }
  
  .divide-purple-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--divide-opacity));
  }
  
  .divide-purple-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--divide-opacity));
  }
  
  .divide-purple-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--divide-opacity));
  }
  
  .divide-purple-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--divide-opacity));
  }
  
  .divide-purple-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--divide-opacity));
  }
  
  .divide-pink-100 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--divide-opacity));
  }
  
  .divide-pink-200 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--divide-opacity));
  }
  
  .divide-pink-300 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--divide-opacity));
  }
  
  .divide-pink-400 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--divide-opacity));
  }
  
  .divide-pink-500 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--divide-opacity));
  }
  
  .divide-pink-600 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--divide-opacity));
  }
  
  .divide-pink-700 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--divide-opacity));
  }
  
  .divide-pink-800 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--divide-opacity));
  }
  
  .divide-pink-900 > :not(template) ~ :not(template) {
    --divide-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, 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;
       -moz-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-current {
    background-color: currentColor;
  }
  
  .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-red-100 {
    --bg-opacity: 1;
    background-color: #fff5f5;
    background-color: rgba(255, 245, 245, var(--bg-opacity));
  }
  
  .bg-red-200 {
    --bg-opacity: 1;
    background-color: #fed7d7;
    background-color: rgba(254, 215, 215, var(--bg-opacity));
  }
  
  .bg-red-300 {
    --bg-opacity: 1;
    background-color: #feb2b2;
    background-color: rgba(254, 178, 178, var(--bg-opacity));
  }
  
  .bg-red-400 {
    --bg-opacity: 1;
    background-color: #fc8181;
    background-color: rgba(252, 129, 129, var(--bg-opacity));
  }
  
  .bg-red-500 {
    --bg-opacity: 1;
    background-color: #f56565;
    background-color: rgba(245, 101, 101, var(--bg-opacity));
  }
  
  .bg-red-600 {
    --bg-opacity: 1;
    background-color: #e53e3e;
    background-color: rgba(229, 62, 62, var(--bg-opacity));
  }
  
  .bg-red-700 {
    --bg-opacity: 1;
    background-color: #c53030;
    background-color: rgba(197, 48, 48, var(--bg-opacity));
  }
  
  .bg-red-800 {
    --bg-opacity: 1;
    background-color: #9b2c2c;
    background-color: rgba(155, 44, 44, var(--bg-opacity));
  }
  
  .bg-red-900 {
    --bg-opacity: 1;
    background-color: #742a2a;
    background-color: rgba(116, 42, 42, var(--bg-opacity));
  }
  
  .bg-orange-100 {
    --bg-opacity: 1;
    background-color: #fffaf0;
    background-color: rgba(255, 250, 240, var(--bg-opacity));
  }
  
  .bg-orange-200 {
    --bg-opacity: 1;
    background-color: #feebc8;
    background-color: rgba(254, 235, 200, var(--bg-opacity));
  }
  
  .bg-orange-300 {
    --bg-opacity: 1;
    background-color: #fbd38d;
    background-color: rgba(251, 211, 141, var(--bg-opacity));
  }
  
  .bg-orange-400 {
    --bg-opacity: 1;
    background-color: #f6ad55;
    background-color: rgba(246, 173, 85, var(--bg-opacity));
  }
  
  .bg-orange-500 {
    --bg-opacity: 1;
    background-color: #ed8936;
    background-color: rgba(237, 137, 54, var(--bg-opacity));
  }
  
  .bg-orange-600 {
    --bg-opacity: 1;
    background-color: #dd6b20;
    background-color: rgba(221, 107, 32, var(--bg-opacity));
  }
  
  .bg-orange-700 {
    --bg-opacity: 1;
    background-color: #c05621;
    background-color: rgba(192, 86, 33, var(--bg-opacity));
  }
  
  .bg-orange-800 {
    --bg-opacity: 1;
    background-color: #9c4221;
    background-color: rgba(156, 66, 33, var(--bg-opacity));
  }
  
  .bg-orange-900 {
    --bg-opacity: 1;
    background-color: #7b341e;
    background-color: rgba(123, 52, 30, var(--bg-opacity));
  }
  
  .bg-yellow-100 {
    --bg-opacity: 1;
    background-color: #fffff0;
    background-color: rgba(255, 255, 240, var(--bg-opacity));
  }
  
  .bg-yellow-200 {
    --bg-opacity: 1;
    background-color: #fefcbf;
    background-color: rgba(254, 252, 191, var(--bg-opacity));
  }
  
  .bg-yellow-300 {
    --bg-opacity: 1;
    background-color: #faf089;
    background-color: rgba(250, 240, 137, var(--bg-opacity));
  }
  
  .bg-yellow-400 {
    --bg-opacity: 1;
    background-color: #f6e05e;
    background-color: rgba(246, 224, 94, var(--bg-opacity));
  }
  
  .bg-yellow-500 {
    --bg-opacity: 1;
    background-color: #ecc94b;
    background-color: rgba(236, 201, 75, var(--bg-opacity));
  }
  
  .bg-yellow-600 {
    --bg-opacity: 1;
    background-color: #d69e2e;
    background-color: rgba(214, 158, 46, var(--bg-opacity));
  }
  
  .bg-yellow-700 {
    --bg-opacity: 1;
    background-color: #b7791f;
    background-color: rgba(183, 121, 31, var(--bg-opacity));
  }
  
  .bg-yellow-800 {
    --bg-opacity: 1;
    background-color: #975a16;
    background-color: rgba(151, 90, 22, var(--bg-opacity));
  }
  
  .bg-yellow-900 {
    --bg-opacity: 1;
    background-color: #744210;
    background-color: rgba(116, 66, 16, var(--bg-opacity));
  }
  
  .bg-green-100 {
    --bg-opacity: 1;
    background-color: #f0fff4;
    background-color: rgba(240, 255, 244, var(--bg-opacity));
  }
  
  .bg-green-200 {
    --bg-opacity: 1;
    background-color: #c6f6d5;
    background-color: rgba(198, 246, 213, var(--bg-opacity));
  }
  
  .bg-green-300 {
    --bg-opacity: 1;
    background-color: #9ae6b4;
    background-color: rgba(154, 230, 180, var(--bg-opacity));
  }
  
  .bg-green-400 {
    --bg-opacity: 1;
    background-color: #68d391;
    background-color: rgba(104, 211, 145, var(--bg-opacity));
  }
  
  .bg-green-500 {
    --bg-opacity: 1;
    background-color: #48bb78;
    background-color: rgba(72, 187, 120, var(--bg-opacity));
  }
  
  .bg-green-600 {
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56, 161, 105, var(--bg-opacity));
  }
  
  .bg-green-700 {
    --bg-opacity: 1;
    background-color: #2f855a;
    background-color: rgba(47, 133, 90, var(--bg-opacity));
  }
  
  .bg-green-800 {
    --bg-opacity: 1;
    background-color: #276749;
    background-color: rgba(39, 103, 73, var(--bg-opacity));
  }
  
  .bg-green-900 {
    --bg-opacity: 1;
    background-color: #22543d;
    background-color: rgba(34, 84, 61, var(--bg-opacity));
  }
  
  .bg-teal-100 {
    --bg-opacity: 1;
    background-color: #e6fffa;
    background-color: rgba(230, 255, 250, var(--bg-opacity));
  }
  
  .bg-teal-200 {
    --bg-opacity: 1;
    background-color: #b2f5ea;
    background-color: rgba(178, 245, 234, var(--bg-opacity));
  }
  
  .bg-teal-300 {
    --bg-opacity: 1;
    background-color: #81e6d9;
    background-color: rgba(129, 230, 217, var(--bg-opacity));
  }
  
  .bg-teal-400 {
    --bg-opacity: 1;
    background-color: #4fd1c5;
    background-color: rgba(79, 209, 197, var(--bg-opacity));
  }
  
  .bg-teal-500 {
    --bg-opacity: 1;
    background-color: #38b2ac;
    background-color: rgba(56, 178, 172, var(--bg-opacity));
  }
  
  .bg-teal-600 {
    --bg-opacity: 1;
    background-color: #319795;
    background-color: rgba(49, 151, 149, var(--bg-opacity));
  }
  
  .bg-teal-700 {
    --bg-opacity: 1;
    background-color: #2c7a7b;
    background-color: rgba(44, 122, 123, var(--bg-opacity));
  }
  
  .bg-teal-800 {
    --bg-opacity: 1;
    background-color: #285e61;
    background-color: rgba(40, 94, 97, var(--bg-opacity));
  }
  
  .bg-teal-900 {
    --bg-opacity: 1;
    background-color: #234e52;
    background-color: rgba(35, 78, 82, var(--bg-opacity));
  }
  
  .bg-blue-100 {
    --bg-opacity: 1;
    background-color: #ebf8ff;
    background-color: rgba(235, 248, 255, var(--bg-opacity));
  }
  
  .bg-blue-200 {
    --bg-opacity: 1;
    background-color: #bee3f8;
    background-color: rgba(190, 227, 248, var(--bg-opacity));
  }
  
  .bg-blue-300 {
    --bg-opacity: 1;
    background-color: #90cdf4;
    background-color: rgba(144, 205, 244, var(--bg-opacity));
  }
  
  .bg-blue-400 {
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity));
  }
  
  .bg-blue-500 {
    --bg-opacity: 1;
    background-color: #4299e1;
    background-color: rgba(66, 153, 225, var(--bg-opacity));
  }
  
  .bg-blue-600 {
    --bg-opacity: 1;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity));
  }
  
  .bg-blue-700 {
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
  }
  
  .bg-blue-800 {
    --bg-opacity: 1;
    background-color: #2c5282;
    background-color: rgba(44, 82, 130, var(--bg-opacity));
  }
  
  .bg-blue-900 {
    --bg-opacity: 1;
    background-color: #2a4365;
    background-color: rgba(42, 67, 101, var(--bg-opacity));
  }
  
  .bg-indigo-100 {
    --bg-opacity: 1;
    background-color: #ebf4ff;
    background-color: rgba(235, 244, 255, var(--bg-opacity));
  }
  
  .bg-indigo-200 {
    --bg-opacity: 1;
    background-color: #c3dafe;
    background-color: rgba(195, 218, 254, var(--bg-opacity));
  }
  
  .bg-indigo-300 {
    --bg-opacity: 1;
    background-color: #a3bffa;
    background-color: rgba(163, 191, 250, var(--bg-opacity));
  }
  
  .bg-indigo-400 {
    --bg-opacity: 1;
    background-color: #7f9cf5;
    background-color: rgba(127, 156, 245, var(--bg-opacity));
  }
  
  .bg-indigo-500 {
    --bg-opacity: 1;
    background-color: #667eea;
    background-color: rgba(102, 126, 234, var(--bg-opacity));
  }
  
  .bg-indigo-600 {
    --bg-opacity: 1;
    background-color: #5a67d8;
    background-color: rgba(90, 103, 216, var(--bg-opacity));
  }
  
  .bg-indigo-700 {
    --bg-opacity: 1;
    background-color: #4c51bf;
    background-color: rgba(76, 81, 191, var(--bg-opacity));
  }
  
  .bg-indigo-800 {
    --bg-opacity: 1;
    background-color: #434190;
    background-color: rgba(67, 65, 144, var(--bg-opacity));
  }
  
  .bg-indigo-900 {
    --bg-opacity: 1;
    background-color: #3c366b;
    background-color: rgba(60, 54, 107, var(--bg-opacity));
  }
  
  .bg-purple-100 {
    --bg-opacity: 1;
    background-color: #faf5ff;
    background-color: rgba(250, 245, 255, var(--bg-opacity));
  }
  
  .bg-purple-200 {
    --bg-opacity: 1;
    background-color: #e9d8fd;
    background-color: rgba(233, 216, 253, var(--bg-opacity));
  }
  
  .bg-purple-300 {
    --bg-opacity: 1;
    background-color: #d6bcfa;
    background-color: rgba(214, 188, 250, var(--bg-opacity));
  }
  
  .bg-purple-400 {
    --bg-opacity: 1;
    background-color: #b794f4;
    background-color: rgba(183, 148, 244, var(--bg-opacity));
  }
  
  .bg-purple-500 {
    --bg-opacity: 1;
    background-color: #9f7aea;
    background-color: rgba(159, 122, 234, var(--bg-opacity));
  }
  
  .bg-purple-600 {
    --bg-opacity: 1;
    background-color: #805ad5;
    background-color: rgba(128, 90, 213, var(--bg-opacity));
  }
  
  .bg-purple-700 {
    --bg-opacity: 1;
    background-color: #6b46c1;
    background-color: rgba(107, 70, 193, var(--bg-opacity));
  }
  
  .bg-purple-800 {
    --bg-opacity: 1;
    background-color: #553c9a;
    background-color: rgba(85, 60, 154, var(--bg-opacity));
  }
  
  .bg-purple-900 {
    --bg-opacity: 1;
    background-color: #44337a;
    background-color: rgba(68, 51, 122, var(--bg-opacity));
  }
  
  .bg-pink-100 {
    --bg-opacity: 1;
    background-color: #fff5f7;
    background-color: rgba(255, 245, 247, var(--bg-opacity));
  }
  
  .bg-pink-200 {
    --bg-opacity: 1;
    background-color: #fed7e2;
    background-color: rgba(254, 215, 226, var(--bg-opacity));
  }
  
  .bg-pink-300 {
    --bg-opacity: 1;
    background-color: #fbb6ce;
    background-color: rgba(251, 182, 206, var(--bg-opacity));
  }
  
  .bg-pink-400 {
    --bg-opacity: 1;
    background-color: #f687b3;
    background-color: rgba(246, 135, 179, var(--bg-opacity));
  }
  
  .bg-pink-500 {
    --bg-opacity: 1;
    background-color: #ed64a6;
    background-color: rgba(237, 100, 166, var(--bg-opacity));
  }
  
  .bg-pink-600 {
    --bg-opacity: 1;
    background-color: #d53f8c;
    background-color: rgba(213, 63, 140, var(--bg-opacity));
  }
  
  .bg-pink-700 {
    --bg-opacity: 1;
    background-color: #b83280;
    background-color: rgba(184, 50, 128, var(--bg-opacity));
  }
  
  .bg-pink-800 {
    --bg-opacity: 1;
    background-color: #97266d;
    background-color: rgba(151, 38, 109, var(--bg-opacity));
  }
  
  .bg-pink-900 {
    --bg-opacity: 1;
    background-color: #702459;
    background-color: rgba(112, 36, 89, var(--bg-opacity));
  }
  
  .hover\:bg-transparent:hover {
    background-color: transparent;
  }
  
  .hover\:bg-current:hover {
    background-color: currentColor;
  }
  
  .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-red-100:hover {
    --bg-opacity: 1;
    background-color: #fff5f5;
    background-color: rgba(255, 245, 245, var(--bg-opacity));
  }
  
  .hover\:bg-red-200:hover {
    --bg-opacity: 1;
    background-color: #fed7d7;
    background-color: rgba(254, 215, 215, var(--bg-opacity));
  }
  
  .hover\:bg-red-300:hover {
    --bg-opacity: 1;
    background-color: #feb2b2;
    background-color: rgba(254, 178, 178, var(--bg-opacity));
  }
  
  .hover\:bg-red-400:hover {
    --bg-opacity: 1;
    background-color: #fc8181;
    background-color: rgba(252, 129, 129, var(--bg-opacity));
  }
  
  .hover\:bg-red-500:hover {
    --bg-opacity: 1;
    background-color: #f56565;
    background-color: rgba(245, 101, 101, var(--bg-opacity));
  }
  
  .hover\:bg-red-600:hover {
    --bg-opacity: 1;
    background-color: #e53e3e;
    background-color: rgba(229, 62, 62, var(--bg-opacity));
  }
  
  .hover\:bg-red-700:hover {
    --bg-opacity: 1;
    background-color: #c53030;
    background-color: rgba(197, 48, 48, var(--bg-opacity));
  }
  
  .hover\:bg-red-800:hover {
    --bg-opacity: 1;
    background-color: #9b2c2c;
    background-color: rgba(155, 44, 44, var(--bg-opacity));
  }
  
  .hover\:bg-red-900:hover {
    --bg-opacity: 1;
    background-color: #742a2a;
    background-color: rgba(116, 42, 42, var(--bg-opacity));
  }
  
  .hover\:bg-orange-100:hover {
    --bg-opacity: 1;
    background-color: #fffaf0;
    background-color: rgba(255, 250, 240, var(--bg-opacity));
  }
  
  .hover\:bg-orange-200:hover {
    --bg-opacity: 1;
    background-color: #feebc8;
    background-color: rgba(254, 235, 200, var(--bg-opacity));
  }
  
  .hover\:bg-orange-300:hover {
    --bg-opacity: 1;
    background-color: #fbd38d;
    background-color: rgba(251, 211, 141, var(--bg-opacity));
  }
  
  .hover\:bg-orange-400:hover {
    --bg-opacity: 1;
    background-color: #f6ad55;
    background-color: rgba(246, 173, 85, var(--bg-opacity));
  }
  
  .hover\:bg-orange-500:hover {
    --bg-opacity: 1;
    background-color: #ed8936;
    background-color: rgba(237, 137, 54, var(--bg-opacity));
  }
  
  .hover\:bg-orange-600:hover {
    --bg-opacity: 1;
    background-color: #dd6b20;
    background-color: rgba(221, 107, 32, var(--bg-opacity));
  }
  
  .hover\:bg-orange-700:hover {
    --bg-opacity: 1;
    background-color: #c05621;
    background-color: rgba(192, 86, 33, var(--bg-opacity));
  }
  
  .hover\:bg-orange-800:hover {
    --bg-opacity: 1;
    background-color: #9c4221;
    background-color: rgba(156, 66, 33, var(--bg-opacity));
  }
  
  .hover\:bg-orange-900:hover {
    --bg-opacity: 1;
    background-color: #7b341e;
    background-color: rgba(123, 52, 30, var(--bg-opacity));
  }
  
  .hover\:bg-yellow-100:hover {
    --bg-opacity: 1;
    background-color: #fffff0;
    background-color: rgba(255, 255, 240, var(--bg-opacity));
  }
  
  .hover\:bg-yellow-200:hover {
    --bg-opacity: 1;
    background-color: #fefcbf;
    background-color: rgba(254, 252, 191, var(--bg-opacity));
  }
  
  .hover\:bg-yellow-300:hover {
    --bg-opacity: 1;
    background-color: #faf089;
    background-color: rgba(250, 240, 137, var(--bg-opacity));
  }
  
  .hover\:bg-yellow-400:hover {
    --bg-opacity: 1;
    background-color: #f6e05e;
    background-color: rgba(246, 224, 94, var(--bg-opacity));
  }
  
  .hover\:bg-yellow-500:hover {
    --bg-opacity: 1;
    background-color: #ecc94b;
    background-color: rgba(236, 201, 75, var(--bg-opacity));
  }
  
  .hover\:bg-yellow-600:hover {
    --bg-opacity: 1;
    background-color: #d69e2e;
    background-color: rgba(214, 158, 46, var(--bg-opacity));
  }
  
  .hover\:bg-yellow-700:hover {
    --bg-opacity: 1;
    background-color: #b7791f;
    background-color: rgba(183, 121, 31, var(--bg-opacity));
  }
  
  .hover\:bg-yellow-800:hover {
    --bg-opacity: 1;
    background-color: #975a16;
    background-color: rgba(151, 90, 22, var(--bg-opacity));
  }
  
  .hover\:bg-yellow-900:hover {
    --bg-opacity: 1;
    background-color: #744210;
    background-color: rgba(116, 66, 16, var(--bg-opacity));
  }
  
  .hover\:bg-green-100:hover {
    --bg-opacity: 1;
    background-color: #f0fff4;
    background-color: rgba(240, 255, 244, var(--bg-opacity));
  }
  
  .hover\:bg-green-200:hover {
    --bg-opacity: 1;
    background-color: #c6f6d5;
    background-color: rgba(198, 246, 213, var(--bg-opacity));
  }
  
  .hover\:bg-green-300:hover {
    --bg-opacity: 1;
    background-color: #9ae6b4;
    background-color: rgba(154, 230, 180, var(--bg-opacity));
  }
  
  .hover\:bg-green-400:hover {
    --bg-opacity: 1;
    background-color: #68d391;
    background-color: rgba(104, 211, 145, var(--bg-opacity));
  }
  
  .hover\:bg-green-500:hover {
    --bg-opacity: 1;
    background-color: #48bb78;
    background-color: rgba(72, 187, 120, var(--bg-opacity));
  }
  
  .hover\:bg-green-600:hover {
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56, 161, 105, var(--bg-opacity));
  }
  
  .hover\:bg-green-700:hover {
    --bg-opacity: 1;
    background-color: #2f855a;
    background-color: rgba(47, 133, 90, var(--bg-opacity));
  }
  
  .hover\:bg-green-800:hover {
    --bg-opacity: 1;
    background-color: #276749;
    background-color: rgba(39, 103, 73, var(--bg-opacity));
  }
  
  .hover\:bg-green-900:hover {
    --bg-opacity: 1;
    background-color: #22543d;
    background-color: rgba(34, 84, 61, var(--bg-opacity));
  }
  
  .hover\:bg-teal-100:hover {
    --bg-opacity: 1;
    background-color: #e6fffa;
    background-color: rgba(230, 255, 250, var(--bg-opacity));
  }
  
  .hover\:bg-teal-200:hover {
    --bg-opacity: 1;
    background-color: #b2f5ea;
    background-color: rgba(178, 245, 234, var(--bg-opacity));
  }
  
  .hover\:bg-teal-300:hover {
    --bg-opacity: 1;
    background-color: #81e6d9;
    background-color: rgba(129, 230, 217, var(--bg-opacity));
  }
  
  .hover\:bg-teal-400:hover {
    --bg-opacity: 1;
    background-color: #4fd1c5;
    background-color: rgba(79, 209, 197, var(--bg-opacity));
  }
  
  .hover\:bg-teal-500:hover {
    --bg-opacity: 1;
    background-color: #38b2ac;
    background-color: rgba(56, 178, 172, var(--bg-opacity));
  }
  
  .hover\:bg-teal-600:hover {
    --bg-opacity: 1;
    background-color: #319795;
    background-color: rgba(49, 151, 149, var(--bg-opacity));
  }
  
  .hover\:bg-teal-700:hover {
    --bg-opacity: 1;
    background-color: #2c7a7b;
    background-color: rgba(44, 122, 123, var(--bg-opacity));
  }
  
  .hover\:bg-teal-800:hover {
    --bg-opacity: 1;
    background-color: #285e61;
    background-color: rgba(40, 94, 97, var(--bg-opacity));
  }
  
  .hover\:bg-teal-900:hover {
    --bg-opacity: 1;
    background-color: #234e52;
    background-color: rgba(35, 78, 82, var(--bg-opacity));
  }
  
  .hover\:bg-blue-100:hover {
    --bg-opacity: 1;
    background-color: #ebf8ff;
    background-color: rgba(235, 248, 255, var(--bg-opacity));
  }
  
  .hover\:bg-blue-200:hover {
    --bg-opacity: 1;
    background-color: #bee3f8;
    background-color: rgba(190, 227, 248, var(--bg-opacity));
  }
  
  .hover\:bg-blue-300:hover {
    --bg-opacity: 1;
    background-color: #90cdf4;
    background-color: rgba(144, 205, 244, var(--bg-opacity));
  }
  
  .hover\:bg-blue-400:hover {
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity));
  }
  
  .hover\:bg-blue-500:hover {
    --bg-opacity: 1;
    background-color: #4299e1;
    background-color: rgba(66, 153, 225, var(--bg-opacity));
  }
  
  .hover\:bg-blue-600:hover {
    --bg-opacity: 1;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity));
  }
  
  .hover\:bg-blue-700:hover {
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
  }
  
  .hover\:bg-blue-800:hover {
    --bg-opacity: 1;
    background-color: #2c5282;
    background-color: rgba(44, 82, 130, var(--bg-opacity));
  }
  
  .hover\:bg-blue-900:hover {
    --bg-opacity: 1;
    background-color: #2a4365;
    background-color: rgba(42, 67, 101, var(--bg-opacity));
  }
  
  .hover\:bg-indigo-100:hover {
    --bg-opacity: 1;
    background-color: #ebf4ff;
    background-color: rgba(235, 244, 255, var(--bg-opacity));
  }
  
  .hover\:bg-indigo-200:hover {
    --bg-opacity: 1;
    background-color: #c3dafe;
    background-color: rgba(195, 218, 254, var(--bg-opacity));
  }
  
  .hover\:bg-indigo-300:hover {
    --bg-opacity: 1;
    background-color: #a3bffa;
    background-color: rgba(163, 191, 250, var(--bg-opacity));
  }
  
  .hover\:bg-indigo-400:hover {
    --bg-opacity: 1;
    background-color: #7f9cf5;
    background-color: rgba(127, 156, 245, var(--bg-opacity));
  }
  
  .hover\:bg-indigo-500:hover {
    --bg-opacity: 1;
    background-color: #667eea;
    background-color: rgba(102, 126, 234, var(--bg-opacity));
  }
  
  .hover\:bg-indigo-600:hover {
    --bg-opacity: 1;
    background-color: #5a67d8;
    background-color: rgba(90, 103, 216, var(--bg-opacity));
  }
  
  .hover\:bg-indigo-700:hover {
    --bg-opacity: 1;
    background-color: #4c51bf;
    background-color: rgba(76, 81, 191, var(--bg-opacity));
  }
  
  .hover\:bg-indigo-800:hover {
    --bg-opacity: 1;
    background-color: #434190;
    background-color: rgba(67, 65, 144, var(--bg-opacity));
  }
  
  .hover\:bg-indigo-900:hover {
    --bg-opacity: 1;
    background-color: #3c366b;
    background-color: rgba(60, 54, 107, var(--bg-opacity));
  }
  
  .hover\:bg-purple-100:hover {
    --bg-opacity: 1;
    background-color: #faf5ff;
    background-color: rgba(250, 245, 255, var(--bg-opacity));
  }
  
  .hover\:bg-purple-200:hover {
    --bg-opacity: 1;
    background-color: #e9d8fd;
    background-color: rgba(233, 216, 253, var(--bg-opacity));
  }
  
  .hover\:bg-purple-300:hover {
    --bg-opacity: 1;
    background-color: #d6bcfa;
    background-color: rgba(214, 188, 250, var(--bg-opacity));
  }
  
  .hover\:bg-purple-400:hover {
    --bg-opacity: 1;
    background-color: #b794f4;
    background-color: rgba(183, 148, 244, var(--bg-opacity));
  }
  
  .hover\:bg-purple-500:hover {
    --bg-opacity: 1;
    background-color: #9f7aea;
    background-color: rgba(159, 122, 234, var(--bg-opacity));
  }
  
  .hover\:bg-purple-600:hover {
    --bg-opacity: 1;
    background-color: #805ad5;
    background-color: rgba(128, 90, 213, var(--bg-opacity));
  }
  
  .hover\:bg-purple-700:hover {
    --bg-opacity: 1;
    background-color: #6b46c1;
    background-color: rgba(107, 70, 193, var(--bg-opacity));
  }
  
  .hover\:bg-purple-800:hover {
    --bg-opacity: 1;
    background-color: #553c9a;
    background-color: rgba(85, 60, 154, var(--bg-opacity));
  }
  
  .hover\:bg-purple-900:hover {
    --bg-opacity: 1;
    background-color: #44337a;
    background-color: rgba(68, 51, 122, var(--bg-opacity));
  }
  
  .hover\:bg-pink-100:hover {
    --bg-opacity: 1;
    background-color: #fff5f7;
    background-color: rgba(255, 245, 247, var(--bg-opacity));
  }
  
  .hover\:bg-pink-200:hover {
    --bg-opacity: 1;
    background-color: #fed7e2;
    background-color: rgba(254, 215, 226, var(--bg-opacity));
  }
  
  .hover\:bg-pink-300:hover {
    --bg-opacity: 1;
    background-color: #fbb6ce;
    background-color: rgba(251, 182, 206, var(--bg-opacity));
  }
  
  .hover\:bg-pink-400:hover {
    --bg-opacity: 1;
    background-color: #f687b3;
    background-color: rgba(246, 135, 179, var(--bg-opacity));
  }
  
  .hover\:bg-pink-500:hover {
    --bg-opacity: 1;
    background-color: #ed64a6;
    background-color: rgba(237, 100, 166, var(--bg-opacity));
  }
  
  .hover\:bg-pink-600:hover {
    --bg-opacity: 1;
    background-color: #d53f8c;
    background-color: rgba(213, 63, 140, var(--bg-opacity));
  }
  
  .hover\:bg-pink-700:hover {
    --bg-opacity: 1;
    background-color: #b83280;
    background-color: rgba(184, 50, 128, var(--bg-opacity));
  }
  
  .hover\:bg-pink-800:hover {
    --bg-opacity: 1;
    background-color: #97266d;
    background-color: rgba(151, 38, 109, var(--bg-opacity));
  }
  
  .hover\:bg-pink-900:hover {
    --bg-opacity: 1;
    background-color: #702459;
    background-color: rgba(112, 36, 89, var(--bg-opacity));
  }
  
  .focus\:bg-transparent:focus {
    background-color: transparent;
  }
  
  .focus\:bg-current:focus {
    background-color: currentColor;
  }
  
  .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-red-100:focus {
    --bg-opacity: 1;
    background-color: #fff5f5;
    background-color: rgba(255, 245, 245, var(--bg-opacity));
  }
  
  .focus\:bg-red-200:focus {
    --bg-opacity: 1;
    background-color: #fed7d7;
    background-color: rgba(254, 215, 215, var(--bg-opacity));
  }
  
  .focus\:bg-red-300:focus {
    --bg-opacity: 1;
    background-color: #feb2b2;
    background-color: rgba(254, 178, 178, var(--bg-opacity));
  }
  
  .focus\:bg-red-400:focus {
    --bg-opacity: 1;
    background-color: #fc8181;
    background-color: rgba(252, 129, 129, var(--bg-opacity));
  }
  
  .focus\:bg-red-500:focus {
    --bg-opacity: 1;
    background-color: #f56565;
    background-color: rgba(245, 101, 101, var(--bg-opacity));
  }
  
  .focus\:bg-red-600:focus {
    --bg-opacity: 1;
    background-color: #e53e3e;
    background-color: rgba(229, 62, 62, var(--bg-opacity));
  }
  
  .focus\:bg-red-700:focus {
    --bg-opacity: 1;
    background-color: #c53030;
    background-color: rgba(197, 48, 48, var(--bg-opacity));
  }
  
  .focus\:bg-red-800:focus {
    --bg-opacity: 1;
    background-color: #9b2c2c;
    background-color: rgba(155, 44, 44, var(--bg-opacity));
  }
  
  .focus\:bg-red-900:focus {
    --bg-opacity: 1;
    background-color: #742a2a;
    background-color: rgba(116, 42, 42, var(--bg-opacity));
  }
  
  .focus\:bg-orange-100:focus {
    --bg-opacity: 1;
    background-color: #fffaf0;
    background-color: rgba(255, 250, 240, var(--bg-opacity));
  }
  
  .focus\:bg-orange-200:focus {
    --bg-opacity: 1;
    background-color: #feebc8;
    background-color: rgba(254, 235, 200, var(--bg-opacity));
  }
  
  .focus\:bg-orange-300:focus {
    --bg-opacity: 1;
    background-color: #fbd38d;
    background-color: rgba(251, 211, 141, var(--bg-opacity));
  }
  
  .focus\:bg-orange-400:focus {
    --bg-opacity: 1;
    background-color: #f6ad55;
    background-color: rgba(246, 173, 85, var(--bg-opacity));
  }
  
  .focus\:bg-orange-500:focus {
    --bg-opacity: 1;
    background-color: #ed8936;
    background-color: rgba(237, 137, 54, var(--bg-opacity));
  }
  
  .focus\:bg-orange-600:focus {
    --bg-opacity: 1;
    background-color: #dd6b20;
    background-color: rgba(221, 107, 32, var(--bg-opacity));
  }
  
  .focus\:bg-orange-700:focus {
    --bg-opacity: 1;
    background-color: #c05621;
    background-color: rgba(192, 86, 33, var(--bg-opacity));
  }
  
  .focus\:bg-orange-800:focus {
    --bg-opacity: 1;
    background-color: #9c4221;
    background-color: rgba(156, 66, 33, var(--bg-opacity));
  }
  
  .focus\:bg-orange-900:focus {
    --bg-opacity: 1;
    background-color: #7b341e;
    background-color: rgba(123, 52, 30, var(--bg-opacity));
  }
  
  .focus\:bg-yellow-100:focus {
    --bg-opacity: 1;
    background-color: #fffff0;
    background-color: rgba(255, 255, 240, var(--bg-opacity));
  }
  
  .focus\:bg-yellow-200:focus {
    --bg-opacity: 1;
    background-color: #fefcbf;
    background-color: rgba(254, 252, 191, var(--bg-opacity));
  }
  
  .focus\:bg-yellow-300:focus {
    --bg-opacity: 1;
    background-color: #faf089;
    background-color: rgba(250, 240, 137, var(--bg-opacity));
  }
  
  .focus\:bg-yellow-400:focus {
    --bg-opacity: 1;
    background-color: #f6e05e;
    background-color: rgba(246, 224, 94, var(--bg-opacity));
  }
  
  .focus\:bg-yellow-500:focus {
    --bg-opacity: 1;
    background-color: #ecc94b;
    background-color: rgba(236, 201, 75, var(--bg-opacity));
  }
  
  .focus\:bg-yellow-600:focus {
    --bg-opacity: 1;
    background-color: #d69e2e;
    background-color: rgba(214, 158, 46, var(--bg-opacity));
  }
  
  .focus\:bg-yellow-700:focus {
    --bg-opacity: 1;
    background-color: #b7791f;
    background-color: rgba(183, 121, 31, var(--bg-opacity));
  }
  
  .focus\:bg-yellow-800:focus {
    --bg-opacity: 1;
    background-color: #975a16;
    background-color: rgba(151, 90, 22, var(--bg-opacity));
  }
  
  .focus\:bg-yellow-900:focus {
    --bg-opacity: 1;
    background-color: #744210;
    background-color: rgba(116, 66, 16, var(--bg-opacity));
  }
  
  .focus\:bg-green-100:focus {
    --bg-opacity: 1;
    background-color: #f0fff4;
    background-color: rgba(240, 255, 244, var(--bg-opacity));
  }
  
  .focus\:bg-green-200:focus {
    --bg-opacity: 1;
    background-color: #c6f6d5;
    background-color: rgba(198, 246, 213, var(--bg-opacity));
  }
  
  .focus\:bg-green-300:focus {
    --bg-opacity: 1;
    background-color: #9ae6b4;
    background-color: rgba(154, 230, 180, var(--bg-opacity));
  }
  
  .focus\:bg-green-400:focus {
    --bg-opacity: 1;
    background-color: #68d391;
    background-color: rgba(104, 211, 145, var(--bg-opacity));
  }
  
  .focus\:bg-green-500:focus {
    --bg-opacity: 1;
    background-color: #48bb78;
    background-color: rgba(72, 187, 120, var(--bg-opacity));
  }
  
  .focus\:bg-green-600:focus {
    --bg-opacity: 1;
    background-color: #38a169;
    background-color: rgba(56, 161, 105, var(--bg-opacity));
  }
  
  .focus\:bg-green-700:focus {
    --bg-opacity: 1;
    background-color: #2f855a;
    background-color: rgba(47, 133, 90, var(--bg-opacity));
  }
  
  .focus\:bg-green-800:focus {
    --bg-opacity: 1;
    background-color: #276749;
    background-color: rgba(39, 103, 73, var(--bg-opacity));
  }
  
  .focus\:bg-green-900:focus {
    --bg-opacity: 1;
    background-color: #22543d;
    background-color: rgba(34, 84, 61, var(--bg-opacity));
  }
  
  .focus\:bg-teal-100:focus {
    --bg-opacity: 1;
    background-color: #e6fffa;
    background-color: rgba(230, 255, 250, var(--bg-opacity));
  }
  
  .focus\:bg-teal-200:focus {
    --bg-opacity: 1;
    background-color: #b2f5ea;
    background-color: rgba(178, 245, 234, var(--bg-opacity));
  }
  
  .focus\:bg-teal-300:focus {
    --bg-opacity: 1;
    background-color: #81e6d9;
    background-color: rgba(129, 230, 217, var(--bg-opacity));
  }
  
  .focus\:bg-teal-400:focus {
    --bg-opacity: 1;
    background-color: #4fd1c5;
    background-color: rgba(79, 209, 197, var(--bg-opacity));
  }
  
  .focus\:bg-teal-500:focus {
    --bg-opacity: 1;
    background-color: #38b2ac;
    background-color: rgba(56, 178, 172, var(--bg-opacity));
  }
  
  .focus\:bg-teal-600:focus {
    --bg-opacity: 1;
    background-color: #319795;
    background-color: rgba(49, 151, 149, var(--bg-opacity));
  }
  
  .focus\:bg-teal-700:focus {
    --bg-opacity: 1;
    background-color: #2c7a7b;
    background-color: rgba(44, 122, 123, var(--bg-opacity));
  }
  
  .focus\:bg-teal-800:focus {
    --bg-opacity: 1;
    background-color: #285e61;
    background-color: rgba(40, 94, 97, var(--bg-opacity));
  }
  
  .focus\:bg-teal-900:focus {
    --bg-opacity: 1;
    background-color: #234e52;
    background-color: rgba(35, 78, 82, var(--bg-opacity));
  }
  
  .focus\:bg-blue-100:focus {
    --bg-opacity: 1;
    background-color: #ebf8ff;
    background-color: rgba(235, 248, 255, var(--bg-opacity));
  }
  
  .focus\:bg-blue-200:focus {
    --bg-opacity: 1;
    background-color: #bee3f8;
    background-color: rgba(190, 227, 248, var(--bg-opacity));
  }
  
  .focus\:bg-blue-300:focus {
    --bg-opacity: 1;
    background-color: #90cdf4;
    background-color: rgba(144, 205, 244, var(--bg-opacity));
  }
  
  .focus\:bg-blue-400:focus {
    --bg-opacity: 1;
    background-color: #63b3ed;
    background-color: rgba(99, 179, 237, var(--bg-opacity));
  }
  
  .focus\:bg-blue-500:focus {
    --bg-opacity: 1;
    background-color: #4299e1;
    background-color: rgba(66, 153, 225, var(--bg-opacity));
  }
  
  .focus\:bg-blue-600:focus {
    --bg-opacity: 1;
    background-color: #3182ce;
    background-color: rgba(49, 130, 206, var(--bg-opacity));
  }
  
  .focus\:bg-blue-700:focus {
    --bg-opacity: 1;
    background-color: #2b6cb0;
    background-color: rgba(43, 108, 176, var(--bg-opacity));
  }
  
  .focus\:bg-blue-800:focus {
    --bg-opacity: 1;
    background-color: #2c5282;
    background-color: rgba(44, 82, 130, var(--bg-opacity));
  }
  
  .focus\:bg-blue-900:focus {
    --bg-opacity: 1;
    background-color: #2a4365;
    background-color: rgba(42, 67, 101, var(--bg-opacity));
  }
  
  .focus\:bg-indigo-100:focus {
    --bg-opacity: 1;
    background-color: #ebf4ff;
    background-color: rgba(235, 244, 255, var(--bg-opacity));
  }
  
  .focus\:bg-indigo-200:focus {
    --bg-opacity: 1;
    background-color: #c3dafe;
    background-color: rgba(195, 218, 254, var(--bg-opacity));
  }
  
  .focus\:bg-indigo-300:focus {
    --bg-opacity: 1;
    background-color: #a3bffa;
    background-color: rgba(163, 191, 250, var(--bg-opacity));
  }
  
  .focus\:bg-indigo-400:focus {
    --bg-opacity: 1;
    background-color: #7f9cf5;
    background-color: rgba(127, 156, 245, var(--bg-opacity));
  }
  
  .focus\:bg-indigo-500:focus {
    --bg-opacity: 1;
    background-color: #667eea;
    background-color: rgba(102, 126, 234, var(--bg-opacity));
  }
  
  .focus\:bg-indigo-600:focus {
    --bg-opacity: 1;
    background-color: #5a67d8;
    background-color: rgba(90, 103, 216, var(--bg-opacity));
  }
  
  .focus\:bg-indigo-700:focus {
    --bg-opacity: 1;
    background-color: #4c51bf;
    background-color: rgba(76, 81, 191, var(--bg-opacity));
  }
  
  .focus\:bg-indigo-800:focus {
    --bg-opacity: 1;
    background-color: #434190;
    background-color: rgba(67, 65, 144, var(--bg-opacity));
  }
  
  .focus\:bg-indigo-900:focus {
    --bg-opacity: 1;
    background-color: #3c366b;
    background-color: rgba(60, 54, 107, var(--bg-opacity));
  }
  
  .focus\:bg-purple-100:focus {
    --bg-opacity: 1;
    background-color: #faf5ff;
    background-color: rgba(250, 245, 255, var(--bg-opacity));
  }
  
  .focus\:bg-purple-200:focus {
    --bg-opacity: 1;
    background-color: #e9d8fd;
    background-color: rgba(233, 216, 253, var(--bg-opacity));
  }
  
  .focus\:bg-purple-300:focus {
    --bg-opacity: 1;
    background-color: #d6bcfa;
    background-color: rgba(214, 188, 250, var(--bg-opacity));
  }
  
  .focus\:bg-purple-400:focus {
    --bg-opacity: 1;
    background-color: #b794f4;
    background-color: rgba(183, 148, 244, var(--bg-opacity));
  }
  
  .focus\:bg-purple-500:focus {
    --bg-opacity: 1;
    background-color: #9f7aea;
    background-color: rgba(159, 122, 234, var(--bg-opacity));
  }
  
  .focus\:bg-purple-600:focus {
    --bg-opacity: 1;
    background-color: #805ad5;
    background-color: rgba(128, 90, 213, var(--bg-opacity));
  }
  
  .focus\:bg-purple-700:focus {
    --bg-opacity: 1;
    background-color: #6b46c1;
    background-color: rgba(107, 70, 193, var(--bg-opacity));
  }
  
  .focus\:bg-purple-800:focus {
    --bg-opacity: 1;
    background-color: #553c9a;
    background-color: rgba(85, 60, 154, var(--bg-opacity));
  }
  
  .focus\:bg-purple-900:focus {
    --bg-opacity: 1;
    background-color: #44337a;
    background-color: rgba(68, 51, 122, var(--bg-opacity));
  }
  
  .focus\:bg-pink-100:focus {
    --bg-opacity: 1;
    background-color: #fff5f7;
    background-color: rgba(255, 245, 247, var(--bg-opacity));
  }
  
  .focus\:bg-pink-200:focus {
    --bg-opacity: 1;
    background-color: #fed7e2;
    background-color: rgba(254, 215, 226, var(--bg-opacity));
  }
  
  .focus\:bg-pink-300:focus {
    --bg-opacity: 1;
    background-color: #fbb6ce;
    background-color: rgba(251, 182, 206, var(--bg-opacity));
  }
  
  .focus\:bg-pink-400:focus {
    --bg-opacity: 1;
    background-color: #f687b3;
    background-color: rgba(246, 135, 179, var(--bg-opacity));
  }
  
  .focus\:bg-pink-500:focus {
    --bg-opacity: 1;
    background-color: #ed64a6;
    background-color: rgba(237, 100, 166, var(--bg-opacity));
  }
  
  .focus\:bg-pink-600:focus {
    --bg-opacity: 1;
    background-color: #d53f8c;
    background-color: rgba(213, 63, 140, var(--bg-opacity));
  }
  
  .focus\:bg-pink-700:focus {
    --bg-opacity: 1;
    background-color: #b83280;
    background-color: rgba(184, 50, 128, var(--bg-opacity));
  }
  
  .focus\:bg-pink-800:focus {
    --bg-opacity: 1;
    background-color: #97266d;
    background-color: rgba(151, 38, 109, var(--bg-opacity));
  }
  
  .focus\:bg-pink-900:focus {
    --bg-opacity: 1;
    background-color: #702459;
    background-color: rgba(112, 36, 89, 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-current {
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100 {
    --gradient-from-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }
  
  .from-red-200 {
    --gradient-from-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }
  
  .from-red-300 {
    --gradient-from-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }
  
  .from-red-400 {
    --gradient-from-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }
  
  .from-red-500 {
    --gradient-from-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }
  
  .from-red-600 {
    --gradient-from-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }
  
  .from-red-700 {
    --gradient-from-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }
  
  .from-red-800 {
    --gradient-from-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }
  
  .from-red-900 {
    --gradient-from-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }
  
  .from-orange-100 {
    --gradient-from-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }
  
  .from-orange-200 {
    --gradient-from-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }
  
  .from-orange-300 {
    --gradient-from-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }
  
  .from-orange-400 {
    --gradient-from-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }
  
  .from-orange-500 {
    --gradient-from-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }
  
  .from-orange-600 {
    --gradient-from-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }
  
  .from-orange-700 {
    --gradient-from-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }
  
  .from-orange-800 {
    --gradient-from-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }
  
  .from-orange-900 {
    --gradient-from-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }
  
  .from-yellow-100 {
    --gradient-from-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }
  
  .from-yellow-200 {
    --gradient-from-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }
  
  .from-yellow-300 {
    --gradient-from-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }
  
  .from-yellow-400 {
    --gradient-from-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }
  
  .from-yellow-500 {
    --gradient-from-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }
  
  .from-yellow-600 {
    --gradient-from-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }
  
  .from-yellow-700 {
    --gradient-from-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }
  
  .from-yellow-800 {
    --gradient-from-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }
  
  .from-yellow-900 {
    --gradient-from-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }
  
  .from-green-100 {
    --gradient-from-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }
  
  .from-green-200 {
    --gradient-from-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }
  
  .from-green-300 {
    --gradient-from-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }
  
  .from-green-400 {
    --gradient-from-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }
  
  .from-green-500 {
    --gradient-from-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }
  
  .from-green-600 {
    --gradient-from-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }
  
  .from-green-700 {
    --gradient-from-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }
  
  .from-green-800 {
    --gradient-from-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }
  
  .from-green-900 {
    --gradient-from-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }
  
  .from-teal-100 {
    --gradient-from-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }
  
  .from-teal-200 {
    --gradient-from-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }
  
  .from-teal-300 {
    --gradient-from-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }
  
  .from-teal-400 {
    --gradient-from-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }
  
  .from-teal-500 {
    --gradient-from-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }
  
  .from-teal-600 {
    --gradient-from-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }
  
  .from-teal-700 {
    --gradient-from-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }
  
  .from-teal-800 {
    --gradient-from-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }
  
  .from-teal-900 {
    --gradient-from-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }
  
  .from-blue-100 {
    --gradient-from-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }
  
  .from-blue-200 {
    --gradient-from-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }
  
  .from-blue-300 {
    --gradient-from-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }
  
  .from-blue-400 {
    --gradient-from-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }
  
  .from-blue-500 {
    --gradient-from-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }
  
  .from-blue-600 {
    --gradient-from-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }
  
  .from-blue-700 {
    --gradient-from-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }
  
  .from-blue-800 {
    --gradient-from-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }
  
  .from-blue-900 {
    --gradient-from-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }
  
  .from-indigo-100 {
    --gradient-from-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }
  
  .from-indigo-200 {
    --gradient-from-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }
  
  .from-indigo-300 {
    --gradient-from-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }
  
  .from-indigo-400 {
    --gradient-from-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }
  
  .from-indigo-500 {
    --gradient-from-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }
  
  .from-indigo-600 {
    --gradient-from-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }
  
  .from-indigo-700 {
    --gradient-from-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }
  
  .from-indigo-800 {
    --gradient-from-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }
  
  .from-indigo-900 {
    --gradient-from-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }
  
  .from-purple-100 {
    --gradient-from-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }
  
  .from-purple-200 {
    --gradient-from-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }
  
  .from-purple-300 {
    --gradient-from-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }
  
  .from-purple-400 {
    --gradient-from-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }
  
  .from-purple-500 {
    --gradient-from-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }
  
  .from-purple-600 {
    --gradient-from-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }
  
  .from-purple-700 {
    --gradient-from-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }
  
  .from-purple-800 {
    --gradient-from-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }
  
  .from-purple-900 {
    --gradient-from-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }
  
  .from-pink-100 {
    --gradient-from-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }
  
  .from-pink-200 {
    --gradient-from-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }
  
  .from-pink-300 {
    --gradient-from-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }
  
  .from-pink-400 {
    --gradient-from-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }
  
  .from-pink-500 {
    --gradient-from-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }
  
  .from-pink-600 {
    --gradient-from-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }
  
  .from-pink-700 {
    --gradient-from-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }
  
  .from-pink-800 {
    --gradient-from-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }
  
  .from-pink-900 {
    --gradient-from-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 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-current {
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100 {
    --gradient-via-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }
  
  .via-red-200 {
    --gradient-via-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }
  
  .via-red-300 {
    --gradient-via-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }
  
  .via-red-400 {
    --gradient-via-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }
  
  .via-red-500 {
    --gradient-via-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }
  
  .via-red-600 {
    --gradient-via-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }
  
  .via-red-700 {
    --gradient-via-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }
  
  .via-red-800 {
    --gradient-via-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }
  
  .via-red-900 {
    --gradient-via-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }
  
  .via-orange-100 {
    --gradient-via-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }
  
  .via-orange-200 {
    --gradient-via-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }
  
  .via-orange-300 {
    --gradient-via-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }
  
  .via-orange-400 {
    --gradient-via-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }
  
  .via-orange-500 {
    --gradient-via-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }
  
  .via-orange-600 {
    --gradient-via-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }
  
  .via-orange-700 {
    --gradient-via-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }
  
  .via-orange-800 {
    --gradient-via-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }
  
  .via-orange-900 {
    --gradient-via-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }
  
  .via-yellow-100 {
    --gradient-via-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }
  
  .via-yellow-200 {
    --gradient-via-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }
  
  .via-yellow-300 {
    --gradient-via-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }
  
  .via-yellow-400 {
    --gradient-via-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }
  
  .via-yellow-500 {
    --gradient-via-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }
  
  .via-yellow-600 {
    --gradient-via-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }
  
  .via-yellow-700 {
    --gradient-via-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }
  
  .via-yellow-800 {
    --gradient-via-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }
  
  .via-yellow-900 {
    --gradient-via-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }
  
  .via-green-100 {
    --gradient-via-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }
  
  .via-green-200 {
    --gradient-via-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }
  
  .via-green-300 {
    --gradient-via-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }
  
  .via-green-400 {
    --gradient-via-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }
  
  .via-green-500 {
    --gradient-via-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }
  
  .via-green-600 {
    --gradient-via-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }
  
  .via-green-700 {
    --gradient-via-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }
  
  .via-green-800 {
    --gradient-via-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }
  
  .via-green-900 {
    --gradient-via-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }
  
  .via-teal-100 {
    --gradient-via-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }
  
  .via-teal-200 {
    --gradient-via-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }
  
  .via-teal-300 {
    --gradient-via-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }
  
  .via-teal-400 {
    --gradient-via-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }
  
  .via-teal-500 {
    --gradient-via-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }
  
  .via-teal-600 {
    --gradient-via-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }
  
  .via-teal-700 {
    --gradient-via-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }
  
  .via-teal-800 {
    --gradient-via-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }
  
  .via-teal-900 {
    --gradient-via-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }
  
  .via-blue-100 {
    --gradient-via-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }
  
  .via-blue-200 {
    --gradient-via-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }
  
  .via-blue-300 {
    --gradient-via-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }
  
  .via-blue-400 {
    --gradient-via-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }
  
  .via-blue-500 {
    --gradient-via-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }
  
  .via-blue-600 {
    --gradient-via-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }
  
  .via-blue-700 {
    --gradient-via-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }
  
  .via-blue-800 {
    --gradient-via-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }
  
  .via-blue-900 {
    --gradient-via-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }
  
  .via-indigo-100 {
    --gradient-via-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }
  
  .via-indigo-200 {
    --gradient-via-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }
  
  .via-indigo-300 {
    --gradient-via-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }
  
  .via-indigo-400 {
    --gradient-via-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }
  
  .via-indigo-500 {
    --gradient-via-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }
  
  .via-indigo-600 {
    --gradient-via-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }
  
  .via-indigo-700 {
    --gradient-via-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }
  
  .via-indigo-800 {
    --gradient-via-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }
  
  .via-indigo-900 {
    --gradient-via-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }
  
  .via-purple-100 {
    --gradient-via-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }
  
  .via-purple-200 {
    --gradient-via-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }
  
  .via-purple-300 {
    --gradient-via-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }
  
  .via-purple-400 {
    --gradient-via-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }
  
  .via-purple-500 {
    --gradient-via-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }
  
  .via-purple-600 {
    --gradient-via-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }
  
  .via-purple-700 {
    --gradient-via-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }
  
  .via-purple-800 {
    --gradient-via-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }
  
  .via-purple-900 {
    --gradient-via-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }
  
  .via-pink-100 {
    --gradient-via-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }
  
  .via-pink-200 {
    --gradient-via-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }
  
  .via-pink-300 {
    --gradient-via-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }
  
  .via-pink-400 {
    --gradient-via-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }
  
  .via-pink-500 {
    --gradient-via-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }
  
  .via-pink-600 {
    --gradient-via-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }
  
  .via-pink-700 {
    --gradient-via-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }
  
  .via-pink-800 {
    --gradient-via-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }
  
  .via-pink-900 {
    --gradient-via-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }
  
  .to-transparent {
    --gradient-to-color: transparent;
  }
  
  .to-current {
    --gradient-to-color: currentColor;
  }
  
  .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-red-100 {
    --gradient-to-color: #fff5f5;
  }
  
  .to-red-200 {
    --gradient-to-color: #fed7d7;
  }
  
  .to-red-300 {
    --gradient-to-color: #feb2b2;
  }
  
  .to-red-400 {
    --gradient-to-color: #fc8181;
  }
  
  .to-red-500 {
    --gradient-to-color: #f56565;
  }
  
  .to-red-600 {
    --gradient-to-color: #e53e3e;
  }
  
  .to-red-700 {
    --gradient-to-color: #c53030;
  }
  
  .to-red-800 {
    --gradient-to-color: #9b2c2c;
  }
  
  .to-red-900 {
    --gradient-to-color: #742a2a;
  }
  
  .to-orange-100 {
    --gradient-to-color: #fffaf0;
  }
  
  .to-orange-200 {
    --gradient-to-color: #feebc8;
  }
  
  .to-orange-300 {
    --gradient-to-color: #fbd38d;
  }
  
  .to-orange-400 {
    --gradient-to-color: #f6ad55;
  }
  
  .to-orange-500 {
    --gradient-to-color: #ed8936;
  }
  
  .to-orange-600 {
    --gradient-to-color: #dd6b20;
  }
  
  .to-orange-700 {
    --gradient-to-color: #c05621;
  }
  
  .to-orange-800 {
    --gradient-to-color: #9c4221;
  }
  
  .to-orange-900 {
    --gradient-to-color: #7b341e;
  }
  
  .to-yellow-100 {
    --gradient-to-color: #fffff0;
  }
  
  .to-yellow-200 {
    --gradient-to-color: #fefcbf;
  }
  
  .to-yellow-300 {
    --gradient-to-color: #faf089;
  }
  
  .to-yellow-400 {
    --gradient-to-color: #f6e05e;
  }
  
  .to-yellow-500 {
    --gradient-to-color: #ecc94b;
  }
  
  .to-yellow-600 {
    --gradient-to-color: #d69e2e;
  }
  
  .to-yellow-700 {
    --gradient-to-color: #b7791f;
  }
  
  .to-yellow-800 {
    --gradient-to-color: #975a16;
  }
  
  .to-yellow-900 {
    --gradient-to-color: #744210;
  }
  
  .to-green-100 {
    --gradient-to-color: #f0fff4;
  }
  
  .to-green-200 {
    --gradient-to-color: #c6f6d5;
  }
  
  .to-green-300 {
    --gradient-to-color: #9ae6b4;
  }
  
  .to-green-400 {
    --gradient-to-color: #68d391;
  }
  
  .to-green-500 {
    --gradient-to-color: #48bb78;
  }
  
  .to-green-600 {
    --gradient-to-color: #38a169;
  }
  
  .to-green-700 {
    --gradient-to-color: #2f855a;
  }
  
  .to-green-800 {
    --gradient-to-color: #276749;
  }
  
  .to-green-900 {
    --gradient-to-color: #22543d;
  }
  
  .to-teal-100 {
    --gradient-to-color: #e6fffa;
  }
  
  .to-teal-200 {
    --gradient-to-color: #b2f5ea;
  }
  
  .to-teal-300 {
    --gradient-to-color: #81e6d9;
  }
  
  .to-teal-400 {
    --gradient-to-color: #4fd1c5;
  }
  
  .to-teal-500 {
    --gradient-to-color: #38b2ac;
  }
  
  .to-teal-600 {
    --gradient-to-color: #319795;
  }
  
  .to-teal-700 {
    --gradient-to-color: #2c7a7b;
  }
  
  .to-teal-800 {
    --gradient-to-color: #285e61;
  }
  
  .to-teal-900 {
    --gradient-to-color: #234e52;
  }
  
  .to-blue-100 {
    --gradient-to-color: #ebf8ff;
  }
  
  .to-blue-200 {
    --gradient-to-color: #bee3f8;
  }
  
  .to-blue-300 {
    --gradient-to-color: #90cdf4;
  }
  
  .to-blue-400 {
    --gradient-to-color: #63b3ed;
  }
  
  .to-blue-500 {
    --gradient-to-color: #4299e1;
  }
  
  .to-blue-600 {
    --gradient-to-color: #3182ce;
  }
  
  .to-blue-700 {
    --gradient-to-color: #2b6cb0;
  }
  
  .to-blue-800 {
    --gradient-to-color: #2c5282;
  }
  
  .to-blue-900 {
    --gradient-to-color: #2a4365;
  }
  
  .to-indigo-100 {
    --gradient-to-color: #ebf4ff;
  }
  
  .to-indigo-200 {
    --gradient-to-color: #c3dafe;
  }
  
  .to-indigo-300 {
    --gradient-to-color: #a3bffa;
  }
  
  .to-indigo-400 {
    --gradient-to-color: #7f9cf5;
  }
  
  .to-indigo-500 {
    --gradient-to-color: #667eea;
  }
  
  .to-indigo-600 {
    --gradient-to-color: #5a67d8;
  }
  
  .to-indigo-700 {
    --gradient-to-color: #4c51bf;
  }
  
  .to-indigo-800 {
    --gradient-to-color: #434190;
  }
  
  .to-indigo-900 {
    --gradient-to-color: #3c366b;
  }
  
  .to-purple-100 {
    --gradient-to-color: #faf5ff;
  }
  
  .to-purple-200 {
    --gradient-to-color: #e9d8fd;
  }
  
  .to-purple-300 {
    --gradient-to-color: #d6bcfa;
  }
  
  .to-purple-400 {
    --gradient-to-color: #b794f4;
  }
  
  .to-purple-500 {
    --gradient-to-color: #9f7aea;
  }
  
  .to-purple-600 {
    --gradient-to-color: #805ad5;
  }
  
  .to-purple-700 {
    --gradient-to-color: #6b46c1;
  }
  
  .to-purple-800 {
    --gradient-to-color: #553c9a;
  }
  
  .to-purple-900 {
    --gradient-to-color: #44337a;
  }
  
  .to-pink-100 {
    --gradient-to-color: #fff5f7;
  }
  
  .to-pink-200 {
    --gradient-to-color: #fed7e2;
  }
  
  .to-pink-300 {
    --gradient-to-color: #fbb6ce;
  }
  
  .to-pink-400 {
    --gradient-to-color: #f687b3;
  }
  
  .to-pink-500 {
    --gradient-to-color: #ed64a6;
  }
  
  .to-pink-600 {
    --gradient-to-color: #d53f8c;
  }
  
  .to-pink-700 {
    --gradient-to-color: #b83280;
  }
  
  .to-pink-800 {
    --gradient-to-color: #97266d;
  }
  
  .to-pink-900 {
    --gradient-to-color: #702459;
  }
  
  .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-current:hover {
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:hover {
    --gradient-from-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }
  
  .hover\:from-red-200:hover {
    --gradient-from-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }
  
  .hover\:from-red-300:hover {
    --gradient-from-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }
  
  .hover\:from-red-400:hover {
    --gradient-from-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }
  
  .hover\:from-red-500:hover {
    --gradient-from-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }
  
  .hover\:from-red-600:hover {
    --gradient-from-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }
  
  .hover\:from-red-700:hover {
    --gradient-from-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }
  
  .hover\:from-red-800:hover {
    --gradient-from-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }
  
  .hover\:from-red-900:hover {
    --gradient-from-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }
  
  .hover\:from-orange-100:hover {
    --gradient-from-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }
  
  .hover\:from-orange-200:hover {
    --gradient-from-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }
  
  .hover\:from-orange-300:hover {
    --gradient-from-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }
  
  .hover\:from-orange-400:hover {
    --gradient-from-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }
  
  .hover\:from-orange-500:hover {
    --gradient-from-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }
  
  .hover\:from-orange-600:hover {
    --gradient-from-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }
  
  .hover\:from-orange-700:hover {
    --gradient-from-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }
  
  .hover\:from-orange-800:hover {
    --gradient-from-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }
  
  .hover\:from-orange-900:hover {
    --gradient-from-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }
  
  .hover\:from-yellow-100:hover {
    --gradient-from-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }
  
  .hover\:from-yellow-200:hover {
    --gradient-from-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }
  
  .hover\:from-yellow-300:hover {
    --gradient-from-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }
  
  .hover\:from-yellow-400:hover {
    --gradient-from-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }
  
  .hover\:from-yellow-500:hover {
    --gradient-from-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }
  
  .hover\:from-yellow-600:hover {
    --gradient-from-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }
  
  .hover\:from-yellow-700:hover {
    --gradient-from-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }
  
  .hover\:from-yellow-800:hover {
    --gradient-from-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }
  
  .hover\:from-yellow-900:hover {
    --gradient-from-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }
  
  .hover\:from-green-100:hover {
    --gradient-from-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }
  
  .hover\:from-green-200:hover {
    --gradient-from-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }
  
  .hover\:from-green-300:hover {
    --gradient-from-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }
  
  .hover\:from-green-400:hover {
    --gradient-from-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }
  
  .hover\:from-green-500:hover {
    --gradient-from-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }
  
  .hover\:from-green-600:hover {
    --gradient-from-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }
  
  .hover\:from-green-700:hover {
    --gradient-from-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }
  
  .hover\:from-green-800:hover {
    --gradient-from-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }
  
  .hover\:from-green-900:hover {
    --gradient-from-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }
  
  .hover\:from-teal-100:hover {
    --gradient-from-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }
  
  .hover\:from-teal-200:hover {
    --gradient-from-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }
  
  .hover\:from-teal-300:hover {
    --gradient-from-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }
  
  .hover\:from-teal-400:hover {
    --gradient-from-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }
  
  .hover\:from-teal-500:hover {
    --gradient-from-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }
  
  .hover\:from-teal-600:hover {
    --gradient-from-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }
  
  .hover\:from-teal-700:hover {
    --gradient-from-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }
  
  .hover\:from-teal-800:hover {
    --gradient-from-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }
  
  .hover\:from-teal-900:hover {
    --gradient-from-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }
  
  .hover\:from-blue-100:hover {
    --gradient-from-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }
  
  .hover\:from-blue-200:hover {
    --gradient-from-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }
  
  .hover\:from-blue-300:hover {
    --gradient-from-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }
  
  .hover\:from-blue-400:hover {
    --gradient-from-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }
  
  .hover\:from-blue-500:hover {
    --gradient-from-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }
  
  .hover\:from-blue-600:hover {
    --gradient-from-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }
  
  .hover\:from-blue-700:hover {
    --gradient-from-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }
  
  .hover\:from-blue-800:hover {
    --gradient-from-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }
  
  .hover\:from-blue-900:hover {
    --gradient-from-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }
  
  .hover\:from-indigo-100:hover {
    --gradient-from-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }
  
  .hover\:from-indigo-200:hover {
    --gradient-from-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }
  
  .hover\:from-indigo-300:hover {
    --gradient-from-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }
  
  .hover\:from-indigo-400:hover {
    --gradient-from-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }
  
  .hover\:from-indigo-500:hover {
    --gradient-from-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }
  
  .hover\:from-indigo-600:hover {
    --gradient-from-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }
  
  .hover\:from-indigo-700:hover {
    --gradient-from-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }
  
  .hover\:from-indigo-800:hover {
    --gradient-from-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }
  
  .hover\:from-indigo-900:hover {
    --gradient-from-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }
  
  .hover\:from-purple-100:hover {
    --gradient-from-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }
  
  .hover\:from-purple-200:hover {
    --gradient-from-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }
  
  .hover\:from-purple-300:hover {
    --gradient-from-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }
  
  .hover\:from-purple-400:hover {
    --gradient-from-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }
  
  .hover\:from-purple-500:hover {
    --gradient-from-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }
  
  .hover\:from-purple-600:hover {
    --gradient-from-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }
  
  .hover\:from-purple-700:hover {
    --gradient-from-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }
  
  .hover\:from-purple-800:hover {
    --gradient-from-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }
  
  .hover\:from-purple-900:hover {
    --gradient-from-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }
  
  .hover\:from-pink-100:hover {
    --gradient-from-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }
  
  .hover\:from-pink-200:hover {
    --gradient-from-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }
  
  .hover\:from-pink-300:hover {
    --gradient-from-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }
  
  .hover\:from-pink-400:hover {
    --gradient-from-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }
  
  .hover\:from-pink-500:hover {
    --gradient-from-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }
  
  .hover\:from-pink-600:hover {
    --gradient-from-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }
  
  .hover\:from-pink-700:hover {
    --gradient-from-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }
  
  .hover\:from-pink-800:hover {
    --gradient-from-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }
  
  .hover\:from-pink-900:hover {
    --gradient-from-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 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-current:hover {
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:hover {
    --gradient-via-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }
  
  .hover\:via-red-200:hover {
    --gradient-via-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }
  
  .hover\:via-red-300:hover {
    --gradient-via-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }
  
  .hover\:via-red-400:hover {
    --gradient-via-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }
  
  .hover\:via-red-500:hover {
    --gradient-via-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }
  
  .hover\:via-red-600:hover {
    --gradient-via-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }
  
  .hover\:via-red-700:hover {
    --gradient-via-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }
  
  .hover\:via-red-800:hover {
    --gradient-via-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }
  
  .hover\:via-red-900:hover {
    --gradient-via-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }
  
  .hover\:via-orange-100:hover {
    --gradient-via-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }
  
  .hover\:via-orange-200:hover {
    --gradient-via-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }
  
  .hover\:via-orange-300:hover {
    --gradient-via-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }
  
  .hover\:via-orange-400:hover {
    --gradient-via-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }
  
  .hover\:via-orange-500:hover {
    --gradient-via-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }
  
  .hover\:via-orange-600:hover {
    --gradient-via-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }
  
  .hover\:via-orange-700:hover {
    --gradient-via-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }
  
  .hover\:via-orange-800:hover {
    --gradient-via-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }
  
  .hover\:via-orange-900:hover {
    --gradient-via-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }
  
  .hover\:via-yellow-100:hover {
    --gradient-via-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }
  
  .hover\:via-yellow-200:hover {
    --gradient-via-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }
  
  .hover\:via-yellow-300:hover {
    --gradient-via-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }
  
  .hover\:via-yellow-400:hover {
    --gradient-via-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }
  
  .hover\:via-yellow-500:hover {
    --gradient-via-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }
  
  .hover\:via-yellow-600:hover {
    --gradient-via-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }
  
  .hover\:via-yellow-700:hover {
    --gradient-via-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }
  
  .hover\:via-yellow-800:hover {
    --gradient-via-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }
  
  .hover\:via-yellow-900:hover {
    --gradient-via-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }
  
  .hover\:via-green-100:hover {
    --gradient-via-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }
  
  .hover\:via-green-200:hover {
    --gradient-via-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }
  
  .hover\:via-green-300:hover {
    --gradient-via-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }
  
  .hover\:via-green-400:hover {
    --gradient-via-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }
  
  .hover\:via-green-500:hover {
    --gradient-via-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }
  
  .hover\:via-green-600:hover {
    --gradient-via-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }
  
  .hover\:via-green-700:hover {
    --gradient-via-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }
  
  .hover\:via-green-800:hover {
    --gradient-via-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }
  
  .hover\:via-green-900:hover {
    --gradient-via-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }
  
  .hover\:via-teal-100:hover {
    --gradient-via-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }
  
  .hover\:via-teal-200:hover {
    --gradient-via-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }
  
  .hover\:via-teal-300:hover {
    --gradient-via-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }
  
  .hover\:via-teal-400:hover {
    --gradient-via-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }
  
  .hover\:via-teal-500:hover {
    --gradient-via-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }
  
  .hover\:via-teal-600:hover {
    --gradient-via-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }
  
  .hover\:via-teal-700:hover {
    --gradient-via-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }
  
  .hover\:via-teal-800:hover {
    --gradient-via-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }
  
  .hover\:via-teal-900:hover {
    --gradient-via-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }
  
  .hover\:via-blue-100:hover {
    --gradient-via-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }
  
  .hover\:via-blue-200:hover {
    --gradient-via-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }
  
  .hover\:via-blue-300:hover {
    --gradient-via-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }
  
  .hover\:via-blue-400:hover {
    --gradient-via-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }
  
  .hover\:via-blue-500:hover {
    --gradient-via-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }
  
  .hover\:via-blue-600:hover {
    --gradient-via-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }
  
  .hover\:via-blue-700:hover {
    --gradient-via-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }
  
  .hover\:via-blue-800:hover {
    --gradient-via-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }
  
  .hover\:via-blue-900:hover {
    --gradient-via-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }
  
  .hover\:via-indigo-100:hover {
    --gradient-via-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }
  
  .hover\:via-indigo-200:hover {
    --gradient-via-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }
  
  .hover\:via-indigo-300:hover {
    --gradient-via-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }
  
  .hover\:via-indigo-400:hover {
    --gradient-via-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }
  
  .hover\:via-indigo-500:hover {
    --gradient-via-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }
  
  .hover\:via-indigo-600:hover {
    --gradient-via-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }
  
  .hover\:via-indigo-700:hover {
    --gradient-via-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }
  
  .hover\:via-indigo-800:hover {
    --gradient-via-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }
  
  .hover\:via-indigo-900:hover {
    --gradient-via-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }
  
  .hover\:via-purple-100:hover {
    --gradient-via-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }
  
  .hover\:via-purple-200:hover {
    --gradient-via-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }
  
  .hover\:via-purple-300:hover {
    --gradient-via-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }
  
  .hover\:via-purple-400:hover {
    --gradient-via-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }
  
  .hover\:via-purple-500:hover {
    --gradient-via-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }
  
  .hover\:via-purple-600:hover {
    --gradient-via-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }
  
  .hover\:via-purple-700:hover {
    --gradient-via-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }
  
  .hover\:via-purple-800:hover {
    --gradient-via-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }
  
  .hover\:via-purple-900:hover {
    --gradient-via-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }
  
  .hover\:via-pink-100:hover {
    --gradient-via-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }
  
  .hover\:via-pink-200:hover {
    --gradient-via-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }
  
  .hover\:via-pink-300:hover {
    --gradient-via-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }
  
  .hover\:via-pink-400:hover {
    --gradient-via-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }
  
  .hover\:via-pink-500:hover {
    --gradient-via-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }
  
  .hover\:via-pink-600:hover {
    --gradient-via-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }
  
  .hover\:via-pink-700:hover {
    --gradient-via-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }
  
  .hover\:via-pink-800:hover {
    --gradient-via-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }
  
  .hover\:via-pink-900:hover {
    --gradient-via-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }
  
  .hover\:to-transparent:hover {
    --gradient-to-color: transparent;
  }
  
  .hover\:to-current:hover {
    --gradient-to-color: currentColor;
  }
  
  .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-red-100:hover {
    --gradient-to-color: #fff5f5;
  }
  
  .hover\:to-red-200:hover {
    --gradient-to-color: #fed7d7;
  }
  
  .hover\:to-red-300:hover {
    --gradient-to-color: #feb2b2;
  }
  
  .hover\:to-red-400:hover {
    --gradient-to-color: #fc8181;
  }
  
  .hover\:to-red-500:hover {
    --gradient-to-color: #f56565;
  }
  
  .hover\:to-red-600:hover {
    --gradient-to-color: #e53e3e;
  }
  
  .hover\:to-red-700:hover {
    --gradient-to-color: #c53030;
  }
  
  .hover\:to-red-800:hover {
    --gradient-to-color: #9b2c2c;
  }
  
  .hover\:to-red-900:hover {
    --gradient-to-color: #742a2a;
  }
  
  .hover\:to-orange-100:hover {
    --gradient-to-color: #fffaf0;
  }
  
  .hover\:to-orange-200:hover {
    --gradient-to-color: #feebc8;
  }
  
  .hover\:to-orange-300:hover {
    --gradient-to-color: #fbd38d;
  }
  
  .hover\:to-orange-400:hover {
    --gradient-to-color: #f6ad55;
  }
  
  .hover\:to-orange-500:hover {
    --gradient-to-color: #ed8936;
  }
  
  .hover\:to-orange-600:hover {
    --gradient-to-color: #dd6b20;
  }
  
  .hover\:to-orange-700:hover {
    --gradient-to-color: #c05621;
  }
  
  .hover\:to-orange-800:hover {
    --gradient-to-color: #9c4221;
  }
  
  .hover\:to-orange-900:hover {
    --gradient-to-color: #7b341e;
  }
  
  .hover\:to-yellow-100:hover {
    --gradient-to-color: #fffff0;
  }
  
  .hover\:to-yellow-200:hover {
    --gradient-to-color: #fefcbf;
  }
  
  .hover\:to-yellow-300:hover {
    --gradient-to-color: #faf089;
  }
  
  .hover\:to-yellow-400:hover {
    --gradient-to-color: #f6e05e;
  }
  
  .hover\:to-yellow-500:hover {
    --gradient-to-color: #ecc94b;
  }
  
  .hover\:to-yellow-600:hover {
    --gradient-to-color: #d69e2e;
  }
  
  .hover\:to-yellow-700:hover {
    --gradient-to-color: #b7791f;
  }
  
  .hover\:to-yellow-800:hover {
    --gradient-to-color: #975a16;
  }
  
  .hover\:to-yellow-900:hover {
    --gradient-to-color: #744210;
  }
  
  .hover\:to-green-100:hover {
    --gradient-to-color: #f0fff4;
  }
  
  .hover\:to-green-200:hover {
    --gradient-to-color: #c6f6d5;
  }
  
  .hover\:to-green-300:hover {
    --gradient-to-color: #9ae6b4;
  }
  
  .hover\:to-green-400:hover {
    --gradient-to-color: #68d391;
  }
  
  .hover\:to-green-500:hover {
    --gradient-to-color: #48bb78;
  }
  
  .hover\:to-green-600:hover {
    --gradient-to-color: #38a169;
  }
  
  .hover\:to-green-700:hover {
    --gradient-to-color: #2f855a;
  }
  
  .hover\:to-green-800:hover {
    --gradient-to-color: #276749;
  }
  
  .hover\:to-green-900:hover {
    --gradient-to-color: #22543d;
  }
  
  .hover\:to-teal-100:hover {
    --gradient-to-color: #e6fffa;
  }
  
  .hover\:to-teal-200:hover {
    --gradient-to-color: #b2f5ea;
  }
  
  .hover\:to-teal-300:hover {
    --gradient-to-color: #81e6d9;
  }
  
  .hover\:to-teal-400:hover {
    --gradient-to-color: #4fd1c5;
  }
  
  .hover\:to-teal-500:hover {
    --gradient-to-color: #38b2ac;
  }
  
  .hover\:to-teal-600:hover {
    --gradient-to-color: #319795;
  }
  
  .hover\:to-teal-700:hover {
    --gradient-to-color: #2c7a7b;
  }
  
  .hover\:to-teal-800:hover {
    --gradient-to-color: #285e61;
  }
  
  .hover\:to-teal-900:hover {
    --gradient-to-color: #234e52;
  }
  
  .hover\:to-blue-100:hover {
    --gradient-to-color: #ebf8ff;
  }
  
  .hover\:to-blue-200:hover {
    --gradient-to-color: #bee3f8;
  }
  
  .hover\:to-blue-300:hover {
    --gradient-to-color: #90cdf4;
  }
  
  .hover\:to-blue-400:hover {
    --gradient-to-color: #63b3ed;
  }
  
  .hover\:to-blue-500:hover {
    --gradient-to-color: #4299e1;
  }
  
  .hover\:to-blue-600:hover {
    --gradient-to-color: #3182ce;
  }
  
  .hover\:to-blue-700:hover {
    --gradient-to-color: #2b6cb0;
  }
  
  .hover\:to-blue-800:hover {
    --gradient-to-color: #2c5282;
  }
  
  .hover\:to-blue-900:hover {
    --gradient-to-color: #2a4365;
  }
  
  .hover\:to-indigo-100:hover {
    --gradient-to-color: #ebf4ff;
  }
  
  .hover\:to-indigo-200:hover {
    --gradient-to-color: #c3dafe;
  }
  
  .hover\:to-indigo-300:hover {
    --gradient-to-color: #a3bffa;
  }
  
  .hover\:to-indigo-400:hover {
    --gradient-to-color: #7f9cf5;
  }
  
  .hover\:to-indigo-500:hover {
    --gradient-to-color: #667eea;
  }
  
  .hover\:to-indigo-600:hover {
    --gradient-to-color: #5a67d8;
  }
  
  .hover\:to-indigo-700:hover {
    --gradient-to-color: #4c51bf;
  }
  
  .hover\:to-indigo-800:hover {
    --gradient-to-color: #434190;
  }
  
  .hover\:to-indigo-900:hover {
    --gradient-to-color: #3c366b;
  }
  
  .hover\:to-purple-100:hover {
    --gradient-to-color: #faf5ff;
  }
  
  .hover\:to-purple-200:hover {
    --gradient-to-color: #e9d8fd;
  }
  
  .hover\:to-purple-300:hover {
    --gradient-to-color: #d6bcfa;
  }
  
  .hover\:to-purple-400:hover {
    --gradient-to-color: #b794f4;
  }
  
  .hover\:to-purple-500:hover {
    --gradient-to-color: #9f7aea;
  }
  
  .hover\:to-purple-600:hover {
    --gradient-to-color: #805ad5;
  }
  
  .hover\:to-purple-700:hover {
    --gradient-to-color: #6b46c1;
  }
  
  .hover\:to-purple-800:hover {
    --gradient-to-color: #553c9a;
  }
  
  .hover\:to-purple-900:hover {
    --gradient-to-color: #44337a;
  }
  
  .hover\:to-pink-100:hover {
    --gradient-to-color: #fff5f7;
  }
  
  .hover\:to-pink-200:hover {
    --gradient-to-color: #fed7e2;
  }
  
  .hover\:to-pink-300:hover {
    --gradient-to-color: #fbb6ce;
  }
  
  .hover\:to-pink-400:hover {
    --gradient-to-color: #f687b3;
  }
  
  .hover\:to-pink-500:hover {
    --gradient-to-color: #ed64a6;
  }
  
  .hover\:to-pink-600:hover {
    --gradient-to-color: #d53f8c;
  }
  
  .hover\:to-pink-700:hover {
    --gradient-to-color: #b83280;
  }
  
  .hover\:to-pink-800:hover {
    --gradient-to-color: #97266d;
  }
  
  .hover\:to-pink-900:hover {
    --gradient-to-color: #702459;
  }
  
  .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-current:focus {
    --gradient-from-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:focus {
    --gradient-from-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }
  
  .focus\:from-red-200:focus {
    --gradient-from-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }
  
  .focus\:from-red-300:focus {
    --gradient-from-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }
  
  .focus\:from-red-400:focus {
    --gradient-from-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }
  
  .focus\:from-red-500:focus {
    --gradient-from-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }
  
  .focus\:from-red-600:focus {
    --gradient-from-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }
  
  .focus\:from-red-700:focus {
    --gradient-from-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }
  
  .focus\:from-red-800:focus {
    --gradient-from-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }
  
  .focus\:from-red-900:focus {
    --gradient-from-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }
  
  .focus\:from-orange-100:focus {
    --gradient-from-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }
  
  .focus\:from-orange-200:focus {
    --gradient-from-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }
  
  .focus\:from-orange-300:focus {
    --gradient-from-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }
  
  .focus\:from-orange-400:focus {
    --gradient-from-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }
  
  .focus\:from-orange-500:focus {
    --gradient-from-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }
  
  .focus\:from-orange-600:focus {
    --gradient-from-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }
  
  .focus\:from-orange-700:focus {
    --gradient-from-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }
  
  .focus\:from-orange-800:focus {
    --gradient-from-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }
  
  .focus\:from-orange-900:focus {
    --gradient-from-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }
  
  .focus\:from-yellow-100:focus {
    --gradient-from-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }
  
  .focus\:from-yellow-200:focus {
    --gradient-from-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }
  
  .focus\:from-yellow-300:focus {
    --gradient-from-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }
  
  .focus\:from-yellow-400:focus {
    --gradient-from-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }
  
  .focus\:from-yellow-500:focus {
    --gradient-from-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }
  
  .focus\:from-yellow-600:focus {
    --gradient-from-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }
  
  .focus\:from-yellow-700:focus {
    --gradient-from-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }
  
  .focus\:from-yellow-800:focus {
    --gradient-from-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }
  
  .focus\:from-yellow-900:focus {
    --gradient-from-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }
  
  .focus\:from-green-100:focus {
    --gradient-from-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }
  
  .focus\:from-green-200:focus {
    --gradient-from-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }
  
  .focus\:from-green-300:focus {
    --gradient-from-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }
  
  .focus\:from-green-400:focus {
    --gradient-from-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }
  
  .focus\:from-green-500:focus {
    --gradient-from-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }
  
  .focus\:from-green-600:focus {
    --gradient-from-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }
  
  .focus\:from-green-700:focus {
    --gradient-from-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }
  
  .focus\:from-green-800:focus {
    --gradient-from-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }
  
  .focus\:from-green-900:focus {
    --gradient-from-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }
  
  .focus\:from-teal-100:focus {
    --gradient-from-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }
  
  .focus\:from-teal-200:focus {
    --gradient-from-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }
  
  .focus\:from-teal-300:focus {
    --gradient-from-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }
  
  .focus\:from-teal-400:focus {
    --gradient-from-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }
  
  .focus\:from-teal-500:focus {
    --gradient-from-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }
  
  .focus\:from-teal-600:focus {
    --gradient-from-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }
  
  .focus\:from-teal-700:focus {
    --gradient-from-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }
  
  .focus\:from-teal-800:focus {
    --gradient-from-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }
  
  .focus\:from-teal-900:focus {
    --gradient-from-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }
  
  .focus\:from-blue-100:focus {
    --gradient-from-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }
  
  .focus\:from-blue-200:focus {
    --gradient-from-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }
  
  .focus\:from-blue-300:focus {
    --gradient-from-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }
  
  .focus\:from-blue-400:focus {
    --gradient-from-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }
  
  .focus\:from-blue-500:focus {
    --gradient-from-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }
  
  .focus\:from-blue-600:focus {
    --gradient-from-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }
  
  .focus\:from-blue-700:focus {
    --gradient-from-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }
  
  .focus\:from-blue-800:focus {
    --gradient-from-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }
  
  .focus\:from-blue-900:focus {
    --gradient-from-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }
  
  .focus\:from-indigo-100:focus {
    --gradient-from-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }
  
  .focus\:from-indigo-200:focus {
    --gradient-from-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }
  
  .focus\:from-indigo-300:focus {
    --gradient-from-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }
  
  .focus\:from-indigo-400:focus {
    --gradient-from-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }
  
  .focus\:from-indigo-500:focus {
    --gradient-from-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }
  
  .focus\:from-indigo-600:focus {
    --gradient-from-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }
  
  .focus\:from-indigo-700:focus {
    --gradient-from-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }
  
  .focus\:from-indigo-800:focus {
    --gradient-from-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }
  
  .focus\:from-indigo-900:focus {
    --gradient-from-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }
  
  .focus\:from-purple-100:focus {
    --gradient-from-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }
  
  .focus\:from-purple-200:focus {
    --gradient-from-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }
  
  .focus\:from-purple-300:focus {
    --gradient-from-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }
  
  .focus\:from-purple-400:focus {
    --gradient-from-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }
  
  .focus\:from-purple-500:focus {
    --gradient-from-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }
  
  .focus\:from-purple-600:focus {
    --gradient-from-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }
  
  .focus\:from-purple-700:focus {
    --gradient-from-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }
  
  .focus\:from-purple-800:focus {
    --gradient-from-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }
  
  .focus\:from-purple-900:focus {
    --gradient-from-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }
  
  .focus\:from-pink-100:focus {
    --gradient-from-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }
  
  .focus\:from-pink-200:focus {
    --gradient-from-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }
  
  .focus\:from-pink-300:focus {
    --gradient-from-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }
  
  .focus\:from-pink-400:focus {
    --gradient-from-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }
  
  .focus\:from-pink-500:focus {
    --gradient-from-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }
  
  .focus\:from-pink-600:focus {
    --gradient-from-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }
  
  .focus\:from-pink-700:focus {
    --gradient-from-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }
  
  .focus\:from-pink-800:focus {
    --gradient-from-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }
  
  .focus\:from-pink-900:focus {
    --gradient-from-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 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-current:focus {
    --gradient-via-color: currentColor;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:focus {
    --gradient-via-color: #fff5f5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
  }
  
  .focus\:via-red-200:focus {
    --gradient-via-color: #fed7d7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
  }
  
  .focus\:via-red-300:focus {
    --gradient-via-color: #feb2b2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
  }
  
  .focus\:via-red-400:focus {
    --gradient-via-color: #fc8181;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
  }
  
  .focus\:via-red-500:focus {
    --gradient-via-color: #f56565;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
  }
  
  .focus\:via-red-600:focus {
    --gradient-via-color: #e53e3e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
  }
  
  .focus\:via-red-700:focus {
    --gradient-via-color: #c53030;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
  }
  
  .focus\:via-red-800:focus {
    --gradient-via-color: #9b2c2c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
  }
  
  .focus\:via-red-900:focus {
    --gradient-via-color: #742a2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
  }
  
  .focus\:via-orange-100:focus {
    --gradient-via-color: #fffaf0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
  }
  
  .focus\:via-orange-200:focus {
    --gradient-via-color: #feebc8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
  }
  
  .focus\:via-orange-300:focus {
    --gradient-via-color: #fbd38d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
  }
  
  .focus\:via-orange-400:focus {
    --gradient-via-color: #f6ad55;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
  }
  
  .focus\:via-orange-500:focus {
    --gradient-via-color: #ed8936;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
  }
  
  .focus\:via-orange-600:focus {
    --gradient-via-color: #dd6b20;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
  }
  
  .focus\:via-orange-700:focus {
    --gradient-via-color: #c05621;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
  }
  
  .focus\:via-orange-800:focus {
    --gradient-via-color: #9c4221;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
  }
  
  .focus\:via-orange-900:focus {
    --gradient-via-color: #7b341e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
  }
  
  .focus\:via-yellow-100:focus {
    --gradient-via-color: #fffff0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
  }
  
  .focus\:via-yellow-200:focus {
    --gradient-via-color: #fefcbf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
  }
  
  .focus\:via-yellow-300:focus {
    --gradient-via-color: #faf089;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
  }
  
  .focus\:via-yellow-400:focus {
    --gradient-via-color: #f6e05e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
  }
  
  .focus\:via-yellow-500:focus {
    --gradient-via-color: #ecc94b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
  }
  
  .focus\:via-yellow-600:focus {
    --gradient-via-color: #d69e2e;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
  }
  
  .focus\:via-yellow-700:focus {
    --gradient-via-color: #b7791f;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
  }
  
  .focus\:via-yellow-800:focus {
    --gradient-via-color: #975a16;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
  }
  
  .focus\:via-yellow-900:focus {
    --gradient-via-color: #744210;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
  }
  
  .focus\:via-green-100:focus {
    --gradient-via-color: #f0fff4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
  }
  
  .focus\:via-green-200:focus {
    --gradient-via-color: #c6f6d5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
  }
  
  .focus\:via-green-300:focus {
    --gradient-via-color: #9ae6b4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
  }
  
  .focus\:via-green-400:focus {
    --gradient-via-color: #68d391;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
  }
  
  .focus\:via-green-500:focus {
    --gradient-via-color: #48bb78;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
  }
  
  .focus\:via-green-600:focus {
    --gradient-via-color: #38a169;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
  }
  
  .focus\:via-green-700:focus {
    --gradient-via-color: #2f855a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
  }
  
  .focus\:via-green-800:focus {
    --gradient-via-color: #276749;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
  }
  
  .focus\:via-green-900:focus {
    --gradient-via-color: #22543d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
  }
  
  .focus\:via-teal-100:focus {
    --gradient-via-color: #e6fffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
  }
  
  .focus\:via-teal-200:focus {
    --gradient-via-color: #b2f5ea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
  }
  
  .focus\:via-teal-300:focus {
    --gradient-via-color: #81e6d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
  }
  
  .focus\:via-teal-400:focus {
    --gradient-via-color: #4fd1c5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
  }
  
  .focus\:via-teal-500:focus {
    --gradient-via-color: #38b2ac;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
  }
  
  .focus\:via-teal-600:focus {
    --gradient-via-color: #319795;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
  }
  
  .focus\:via-teal-700:focus {
    --gradient-via-color: #2c7a7b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
  }
  
  .focus\:via-teal-800:focus {
    --gradient-via-color: #285e61;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
  }
  
  .focus\:via-teal-900:focus {
    --gradient-via-color: #234e52;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
  }
  
  .focus\:via-blue-100:focus {
    --gradient-via-color: #ebf8ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
  }
  
  .focus\:via-blue-200:focus {
    --gradient-via-color: #bee3f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
  }
  
  .focus\:via-blue-300:focus {
    --gradient-via-color: #90cdf4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
  }
  
  .focus\:via-blue-400:focus {
    --gradient-via-color: #63b3ed;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
  }
  
  .focus\:via-blue-500:focus {
    --gradient-via-color: #4299e1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
  }
  
  .focus\:via-blue-600:focus {
    --gradient-via-color: #3182ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
  }
  
  .focus\:via-blue-700:focus {
    --gradient-via-color: #2b6cb0;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
  }
  
  .focus\:via-blue-800:focus {
    --gradient-via-color: #2c5282;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
  }
  
  .focus\:via-blue-900:focus {
    --gradient-via-color: #2a4365;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
  }
  
  .focus\:via-indigo-100:focus {
    --gradient-via-color: #ebf4ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
  }
  
  .focus\:via-indigo-200:focus {
    --gradient-via-color: #c3dafe;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
  }
  
  .focus\:via-indigo-300:focus {
    --gradient-via-color: #a3bffa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
  }
  
  .focus\:via-indigo-400:focus {
    --gradient-via-color: #7f9cf5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
  }
  
  .focus\:via-indigo-500:focus {
    --gradient-via-color: #667eea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
  }
  
  .focus\:via-indigo-600:focus {
    --gradient-via-color: #5a67d8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
  }
  
  .focus\:via-indigo-700:focus {
    --gradient-via-color: #4c51bf;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
  }
  
  .focus\:via-indigo-800:focus {
    --gradient-via-color: #434190;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
  }
  
  .focus\:via-indigo-900:focus {
    --gradient-via-color: #3c366b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
  }
  
  .focus\:via-purple-100:focus {
    --gradient-via-color: #faf5ff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
  }
  
  .focus\:via-purple-200:focus {
    --gradient-via-color: #e9d8fd;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
  }
  
  .focus\:via-purple-300:focus {
    --gradient-via-color: #d6bcfa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
  }
  
  .focus\:via-purple-400:focus {
    --gradient-via-color: #b794f4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
  }
  
  .focus\:via-purple-500:focus {
    --gradient-via-color: #9f7aea;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
  }
  
  .focus\:via-purple-600:focus {
    --gradient-via-color: #805ad5;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
  }
  
  .focus\:via-purple-700:focus {
    --gradient-via-color: #6b46c1;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
  }
  
  .focus\:via-purple-800:focus {
    --gradient-via-color: #553c9a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
  }
  
  .focus\:via-purple-900:focus {
    --gradient-via-color: #44337a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
  }
  
  .focus\:via-pink-100:focus {
    --gradient-via-color: #fff5f7;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
  }
  
  .focus\:via-pink-200:focus {
    --gradient-via-color: #fed7e2;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
  }
  
  .focus\:via-pink-300:focus {
    --gradient-via-color: #fbb6ce;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
  }
  
  .focus\:via-pink-400:focus {
    --gradient-via-color: #f687b3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
  }
  
  .focus\:via-pink-500:focus {
    --gradient-via-color: #ed64a6;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
  }
  
  .focus\:via-pink-600:focus {
    --gradient-via-color: #d53f8c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
  }
  
  .focus\:via-pink-700:focus {
    --gradient-via-color: #b83280;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
  }
  
  .focus\:via-pink-800:focus {
    --gradient-via-color: #97266d;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
  }
  
  .focus\:via-pink-900:focus {
    --gradient-via-color: #702459;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
  }
  
  .focus\:to-transparent:focus {
    --gradient-to-color: transparent;
  }
  
  .focus\:to-current:focus {
    --gradient-to-color: currentColor;
  }
  
  .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-red-100:focus {
    --gradient-to-color: #fff5f5;
  }
  
  .focus\:to-red-200:focus {
    --gradient-to-color: #fed7d7;
  }
  
  .focus\:to-red-300:focus {
    --gradient-to-color: #feb2b2;
  }
  
  .focus\:to-red-400:focus {
    --gradient-to-color: #fc8181;
  }
  
  .focus\:to-red-500:focus {
    --gradient-to-color: #f56565;
  }
  
  .focus\:to-red-600:focus {
    --gradient-to-color: #e53e3e;
  }
  
  .focus\:to-red-700:focus {
    --gradient-to-color: #c53030;
  }
  
  .focus\:to-red-800:focus {
    --gradient-to-color: #9b2c2c;
  }
  
  .focus\:to-red-900:focus {
    --gradient-to-color: #742a2a;
  }
  
  .focus\:to-orange-100:focus {
    --gradient-to-color: #fffaf0;
  }
  
  .focus\:to-orange-200:focus {
    --gradient-to-color: #feebc8;
  }
  
  .focus\:to-orange-300:focus {
    --gradient-to-color: #fbd38d;
  }
  
  .focus\:to-orange-400:focus {
    --gradient-to-color: #f6ad55;
  }
  
  .focus\:to-orange-500:focus {
    --gradient-to-color: #ed8936;
  }
  
  .focus\:to-orange-600:focus {
    --gradient-to-color: #dd6b20;
  }
  
  .focus\:to-orange-700:focus {
    --gradient-to-color: #c05621;
  }
  
  .focus\:to-orange-800:focus {
    --gradient-to-color: #9c4221;
  }
  
  .focus\:to-orange-900:focus {
    --gradient-to-color: #7b341e;
  }
  
  .focus\:to-yellow-100:focus {
    --gradient-to-color: #fffff0;
  }
  
  .focus\:to-yellow-200:focus {
    --gradient-to-color: #fefcbf;
  }
  
  .focus\:to-yellow-300:focus {
    --gradient-to-color: #faf089;
  }
  
  .focus\:to-yellow-400:focus {
    --gradient-to-color: #f6e05e;
  }
  
  .focus\:to-yellow-500:focus {
    --gradient-to-color: #ecc94b;
  }
  
  .focus\:to-yellow-600:focus {
    --gradient-to-color: #d69e2e;
  }
  
  .focus\:to-yellow-700:focus {
    --gradient-to-color: #b7791f;
  }
  
  .focus\:to-yellow-800:focus {
    --gradient-to-color: #975a16;
  }
  
  .focus\:to-yellow-900:focus {
    --gradient-to-color: #744210;
  }
  
  .focus\:to-green-100:focus {
    --gradient-to-color: #f0fff4;
  }
  
  .focus\:to-green-200:focus {
    --gradient-to-color: #c6f6d5;
  }
  
  .focus\:to-green-300:focus {
    --gradient-to-color: #9ae6b4;
  }
  
  .focus\:to-green-400:focus {
    --gradient-to-color: #68d391;
  }
  
  .focus\:to-green-500:focus {
    --gradient-to-color: #48bb78;
  }
  
  .focus\:to-green-600:focus {
    --gradient-to-color: #38a169;
  }
  
  .focus\:to-green-700:focus {
    --gradient-to-color: #2f855a;
  }
  
  .focus\:to-green-800:focus {
    --gradient-to-color: #276749;
  }
  
  .focus\:to-green-900:focus {
    --gradient-to-color: #22543d;
  }
  
  .focus\:to-teal-100:focus {
    --gradient-to-color: #e6fffa;
  }
  
  .focus\:to-teal-200:focus {
    --gradient-to-color: #b2f5ea;
  }
  
  .focus\:to-teal-300:focus {
    --gradient-to-color: #81e6d9;
  }
  
  .focus\:to-teal-400:focus {
    --gradient-to-color: #4fd1c5;
  }
  
  .focus\:to-teal-500:focus {
    --gradient-to-color: #38b2ac;
  }
  
  .focus\:to-teal-600:focus {
    --gradient-to-color: #319795;
  }
  
  .focus\:to-teal-700:focus {
    --gradient-to-color: #2c7a7b;
  }
  
  .focus\:to-teal-800:focus {
    --gradient-to-color: #285e61;
  }
  
  .focus\:to-teal-900:focus {
    --gradient-to-color: #234e52;
  }
  
  .focus\:to-blue-100:focus {
    --gradient-to-color: #ebf8ff;
  }
  
  .focus\:to-blue-200:focus {
    --gradient-to-color: #bee3f8;
  }
  
  .focus\:to-blue-300:focus {
    --gradient-to-color: #90cdf4;
  }
  
  .focus\:to-blue-400:focus {
    --gradient-to-color: #63b3ed;
  }
  
  .focus\:to-blue-500:focus {
    --gradient-to-color: #4299e1;
  }
  
  .focus\:to-blue-600:focus {
    --gradient-to-color: #3182ce;
  }
  
  .focus\:to-blue-700:focus {
    --gradient-to-color: #2b6cb0;
  }
  
  .focus\:to-blue-800:focus {
    --gradient-to-color: #2c5282;
  }
  
  .focus\:to-blue-900:focus {
    --gradient-to-color: #2a4365;
  }
  
  .focus\:to-indigo-100:focus {
    --gradient-to-color: #ebf4ff;
  }
  
  .focus\:to-indigo-200:focus {
    --gradient-to-color: #c3dafe;
  }
  
  .focus\:to-indigo-300:focus {
    --gradient-to-color: #a3bffa;
  }
  
  .focus\:to-indigo-400:focus {
    --gradient-to-color: #7f9cf5;
  }
  
  .focus\:to-indigo-500:focus {
    --gradient-to-color: #667eea;
  }
  
  .focus\:to-indigo-600:focus {
    --gradient-to-color: #5a67d8;
  }
  
  .focus\:to-indigo-700:focus {
    --gradient-to-color: #4c51bf;
  }
  
  .focus\:to-indigo-800:focus {
    --gradient-to-color: #434190;
  }
  
  .focus\:to-indigo-900:focus {
    --gradient-to-color: #3c366b;
  }
  
  .focus\:to-purple-100:focus {
    --gradient-to-color: #faf5ff;
  }
  
  .focus\:to-purple-200:focus {
    --gradient-to-color: #e9d8fd;
  }
  
  .focus\:to-purple-300:focus {
    --gradient-to-color: #d6bcfa;
  }
  
  .focus\:to-purple-400:focus {
    --gradient-to-color: #b794f4;
  }
  
  .focus\:to-purple-500:focus {
    --gradient-to-color: #9f7aea;
  }
  
  .focus\:to-purple-600:focus {
    --gradient-to-color: #805ad5;
  }
  
  .focus\:to-purple-700:focus {
    --gradient-to-color: #6b46c1;
  }
  
  .focus\:to-purple-800:focus {
    --gradient-to-color: #553c9a;
  }
  
  .focus\:to-purple-900:focus {
    --gradient-to-color: #44337a;
  }
  
  .focus\:to-pink-100:focus {
    --gradient-to-color: #fff5f7;
  }
  
  .focus\:to-pink-200:focus {
    --gradient-to-color: #fed7e2;
  }
  
  .focus\:to-pink-300:focus {
    --gradient-to-color: #fbb6ce;
  }
  
  .focus\:to-pink-400:focus {
    --gradient-to-color: #f687b3;
  }
  
  .focus\:to-pink-500:focus {
    --gradient-to-color: #ed64a6;
  }
  
  .focus\:to-pink-600:focus {
    --gradient-to-color: #d53f8c;
  }
  
  .focus\:to-pink-700:focus {
    --gradient-to-color: #b83280;
  }
  
  .focus\:to-pink-800:focus {
    --gradient-to-color: #97266d;
  }
  
  .focus\:to-pink-900:focus {
    --gradient-to-color: #702459;
  }
  
  .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-current {
    border-color: currentColor;
  }
  
  .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-red-100 {
    --border-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--border-opacity));
  }
  
  .border-red-200 {
    --border-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--border-opacity));
  }
  
  .border-red-300 {
    --border-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--border-opacity));
  }
  
  .border-red-400 {
    --border-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--border-opacity));
  }
  
  .border-red-500 {
    --border-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--border-opacity));
  }
  
  .border-red-600 {
    --border-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--border-opacity));
  }
  
  .border-red-700 {
    --border-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--border-opacity));
  }
  
  .border-red-800 {
    --border-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--border-opacity));
  }
  
  .border-red-900 {
    --border-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--border-opacity));
  }
  
  .border-orange-100 {
    --border-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--border-opacity));
  }
  
  .border-orange-200 {
    --border-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--border-opacity));
  }
  
  .border-orange-300 {
    --border-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--border-opacity));
  }
  
  .border-orange-400 {
    --border-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--border-opacity));
  }
  
  .border-orange-500 {
    --border-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--border-opacity));
  }
  
  .border-orange-600 {
    --border-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--border-opacity));
  }
  
  .border-orange-700 {
    --border-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--border-opacity));
  }
  
  .border-orange-800 {
    --border-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--border-opacity));
  }
  
  .border-orange-900 {
    --border-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--border-opacity));
  }
  
  .border-yellow-100 {
    --border-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--border-opacity));
  }
  
  .border-yellow-200 {
    --border-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--border-opacity));
  }
  
  .border-yellow-300 {
    --border-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--border-opacity));
  }
  
  .border-yellow-400 {
    --border-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--border-opacity));
  }
  
  .border-yellow-500 {
    --border-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--border-opacity));
  }
  
  .border-yellow-600 {
    --border-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--border-opacity));
  }
  
  .border-yellow-700 {
    --border-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--border-opacity));
  }
  
  .border-yellow-800 {
    --border-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--border-opacity));
  }
  
  .border-yellow-900 {
    --border-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--border-opacity));
  }
  
  .border-green-100 {
    --border-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--border-opacity));
  }
  
  .border-green-200 {
    --border-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--border-opacity));
  }
  
  .border-green-300 {
    --border-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--border-opacity));
  }
  
  .border-green-400 {
    --border-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--border-opacity));
  }
  
  .border-green-500 {
    --border-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--border-opacity));
  }
  
  .border-green-600 {
    --border-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--border-opacity));
  }
  
  .border-green-700 {
    --border-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--border-opacity));
  }
  
  .border-green-800 {
    --border-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--border-opacity));
  }
  
  .border-green-900 {
    --border-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--border-opacity));
  }
  
  .border-teal-100 {
    --border-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--border-opacity));
  }
  
  .border-teal-200 {
    --border-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--border-opacity));
  }
  
  .border-teal-300 {
    --border-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--border-opacity));
  }
  
  .border-teal-400 {
    --border-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--border-opacity));
  }
  
  .border-teal-500 {
    --border-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--border-opacity));
  }
  
  .border-teal-600 {
    --border-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--border-opacity));
  }
  
  .border-teal-700 {
    --border-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--border-opacity));
  }
  
  .border-teal-800 {
    --border-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--border-opacity));
  }
  
  .border-teal-900 {
    --border-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--border-opacity));
  }
  
  .border-blue-100 {
    --border-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--border-opacity));
  }
  
  .border-blue-200 {
    --border-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--border-opacity));
  }
  
  .border-blue-300 {
    --border-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--border-opacity));
  }
  
  .border-blue-400 {
    --border-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--border-opacity));
  }
  
  .border-blue-500 {
    --border-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--border-opacity));
  }
  
  .border-blue-600 {
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity));
  }
  
  .border-blue-700 {
    --border-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--border-opacity));
  }
  
  .border-blue-800 {
    --border-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--border-opacity));
  }
  
  .border-blue-900 {
    --border-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--border-opacity));
  }
  
  .border-indigo-100 {
    --border-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--border-opacity));
  }
  
  .border-indigo-200 {
    --border-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--border-opacity));
  }
  
  .border-indigo-300 {
    --border-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--border-opacity));
  }
  
  .border-indigo-400 {
    --border-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--border-opacity));
  }
  
  .border-indigo-500 {
    --border-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--border-opacity));
  }
  
  .border-indigo-600 {
    --border-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--border-opacity));
  }
  
  .border-indigo-700 {
    --border-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--border-opacity));
  }
  
  .border-indigo-800 {
    --border-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--border-opacity));
  }
  
  .border-indigo-900 {
    --border-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--border-opacity));
  }
  
  .border-purple-100 {
    --border-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--border-opacity));
  }
  
  .border-purple-200 {
    --border-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--border-opacity));
  }
  
  .border-purple-300 {
    --border-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--border-opacity));
  }
  
  .border-purple-400 {
    --border-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--border-opacity));
  }
  
  .border-purple-500 {
    --border-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--border-opacity));
  }
  
  .border-purple-600 {
    --border-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--border-opacity));
  }
  
  .border-purple-700 {
    --border-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--border-opacity));
  }
  
  .border-purple-800 {
    --border-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--border-opacity));
  }
  
  .border-purple-900 {
    --border-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--border-opacity));
  }
  
  .border-pink-100 {
    --border-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--border-opacity));
  }
  
  .border-pink-200 {
    --border-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--border-opacity));
  }
  
  .border-pink-300 {
    --border-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--border-opacity));
  }
  
  .border-pink-400 {
    --border-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--border-opacity));
  }
  
  .border-pink-500 {
    --border-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--border-opacity));
  }
  
  .border-pink-600 {
    --border-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--border-opacity));
  }
  
  .border-pink-700 {
    --border-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--border-opacity));
  }
  
  .border-pink-800 {
    --border-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--border-opacity));
  }
  
  .border-pink-900 {
    --border-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--border-opacity));
  }
  
  .hover\:border-transparent:hover {
    border-color: transparent;
  }
  
  .hover\:border-current:hover {
    border-color: currentColor;
  }
  
  .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-red-100:hover {
    --border-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--border-opacity));
  }
  
  .hover\:border-red-200:hover {
    --border-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--border-opacity));
  }
  
  .hover\:border-red-300:hover {
    --border-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--border-opacity));
  }
  
  .hover\:border-red-400:hover {
    --border-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--border-opacity));
  }
  
  .hover\:border-red-500:hover {
    --border-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--border-opacity));
  }
  
  .hover\:border-red-600:hover {
    --border-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--border-opacity));
  }
  
  .hover\:border-red-700:hover {
    --border-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--border-opacity));
  }
  
  .hover\:border-red-800:hover {
    --border-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--border-opacity));
  }
  
  .hover\:border-red-900:hover {
    --border-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--border-opacity));
  }
  
  .hover\:border-orange-100:hover {
    --border-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--border-opacity));
  }
  
  .hover\:border-orange-200:hover {
    --border-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--border-opacity));
  }
  
  .hover\:border-orange-300:hover {
    --border-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--border-opacity));
  }
  
  .hover\:border-orange-400:hover {
    --border-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--border-opacity));
  }
  
  .hover\:border-orange-500:hover {
    --border-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--border-opacity));
  }
  
  .hover\:border-orange-600:hover {
    --border-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--border-opacity));
  }
  
  .hover\:border-orange-700:hover {
    --border-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--border-opacity));
  }
  
  .hover\:border-orange-800:hover {
    --border-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--border-opacity));
  }
  
  .hover\:border-orange-900:hover {
    --border-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--border-opacity));
  }
  
  .hover\:border-yellow-100:hover {
    --border-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--border-opacity));
  }
  
  .hover\:border-yellow-200:hover {
    --border-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--border-opacity));
  }
  
  .hover\:border-yellow-300:hover {
    --border-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--border-opacity));
  }
  
  .hover\:border-yellow-400:hover {
    --border-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--border-opacity));
  }
  
  .hover\:border-yellow-500:hover {
    --border-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--border-opacity));
  }
  
  .hover\:border-yellow-600:hover {
    --border-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--border-opacity));
  }
  
  .hover\:border-yellow-700:hover {
    --border-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--border-opacity));
  }
  
  .hover\:border-yellow-800:hover {
    --border-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--border-opacity));
  }
  
  .hover\:border-yellow-900:hover {
    --border-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--border-opacity));
  }
  
  .hover\:border-green-100:hover {
    --border-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--border-opacity));
  }
  
  .hover\:border-green-200:hover {
    --border-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--border-opacity));
  }
  
  .hover\:border-green-300:hover {
    --border-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--border-opacity));
  }
  
  .hover\:border-green-400:hover {
    --border-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--border-opacity));
  }
  
  .hover\:border-green-500:hover {
    --border-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--border-opacity));
  }
  
  .hover\:border-green-600:hover {
    --border-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--border-opacity));
  }
  
  .hover\:border-green-700:hover {
    --border-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--border-opacity));
  }
  
  .hover\:border-green-800:hover {
    --border-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--border-opacity));
  }
  
  .hover\:border-green-900:hover {
    --border-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--border-opacity));
  }
  
  .hover\:border-teal-100:hover {
    --border-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--border-opacity));
  }
  
  .hover\:border-teal-200:hover {
    --border-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--border-opacity));
  }
  
  .hover\:border-teal-300:hover {
    --border-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--border-opacity));
  }
  
  .hover\:border-teal-400:hover {
    --border-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--border-opacity));
  }
  
  .hover\:border-teal-500:hover {
    --border-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--border-opacity));
  }
  
  .hover\:border-teal-600:hover {
    --border-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--border-opacity));
  }
  
  .hover\:border-teal-700:hover {
    --border-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--border-opacity));
  }
  
  .hover\:border-teal-800:hover {
    --border-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--border-opacity));
  }
  
  .hover\:border-teal-900:hover {
    --border-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--border-opacity));
  }
  
  .hover\:border-blue-100:hover {
    --border-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--border-opacity));
  }
  
  .hover\:border-blue-200:hover {
    --border-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--border-opacity));
  }
  
  .hover\:border-blue-300:hover {
    --border-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--border-opacity));
  }
  
  .hover\:border-blue-400:hover {
    --border-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--border-opacity));
  }
  
  .hover\:border-blue-500:hover {
    --border-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--border-opacity));
  }
  
  .hover\:border-blue-600:hover {
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity));
  }
  
  .hover\:border-blue-700:hover {
    --border-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--border-opacity));
  }
  
  .hover\:border-blue-800:hover {
    --border-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--border-opacity));
  }
  
  .hover\:border-blue-900:hover {
    --border-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--border-opacity));
  }
  
  .hover\:border-indigo-100:hover {
    --border-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--border-opacity));
  }
  
  .hover\:border-indigo-200:hover {
    --border-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--border-opacity));
  }
  
  .hover\:border-indigo-300:hover {
    --border-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--border-opacity));
  }
  
  .hover\:border-indigo-400:hover {
    --border-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--border-opacity));
  }
  
  .hover\:border-indigo-500:hover {
    --border-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--border-opacity));
  }
  
  .hover\:border-indigo-600:hover {
    --border-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--border-opacity));
  }
  
  .hover\:border-indigo-700:hover {
    --border-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--border-opacity));
  }
  
  .hover\:border-indigo-800:hover {
    --border-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--border-opacity));
  }
  
  .hover\:border-indigo-900:hover {
    --border-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--border-opacity));
  }
  
  .hover\:border-purple-100:hover {
    --border-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--border-opacity));
  }
  
  .hover\:border-purple-200:hover {
    --border-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--border-opacity));
  }
  
  .hover\:border-purple-300:hover {
    --border-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--border-opacity));
  }
  
  .hover\:border-purple-400:hover {
    --border-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--border-opacity));
  }
  
  .hover\:border-purple-500:hover {
    --border-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--border-opacity));
  }
  
  .hover\:border-purple-600:hover {
    --border-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--border-opacity));
  }
  
  .hover\:border-purple-700:hover {
    --border-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--border-opacity));
  }
  
  .hover\:border-purple-800:hover {
    --border-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--border-opacity));
  }
  
  .hover\:border-purple-900:hover {
    --border-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--border-opacity));
  }
  
  .hover\:border-pink-100:hover {
    --border-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--border-opacity));
  }
  
  .hover\:border-pink-200:hover {
    --border-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--border-opacity));
  }
  
  .hover\:border-pink-300:hover {
    --border-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--border-opacity));
  }
  
  .hover\:border-pink-400:hover {
    --border-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--border-opacity));
  }
  
  .hover\:border-pink-500:hover {
    --border-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--border-opacity));
  }
  
  .hover\:border-pink-600:hover {
    --border-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--border-opacity));
  }
  
  .hover\:border-pink-700:hover {
    --border-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--border-opacity));
  }
  
  .hover\:border-pink-800:hover {
    --border-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--border-opacity));
  }
  
  .hover\:border-pink-900:hover {
    --border-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, var(--border-opacity));
  }
  
  .focus\:border-transparent:focus {
    border-color: transparent;
  }
  
  .focus\:border-current:focus {
    border-color: currentColor;
  }
  
  .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-red-100:focus {
    --border-opacity: 1;
    border-color: #fff5f5;
    border-color: rgba(255, 245, 245, var(--border-opacity));
  }
  
  .focus\:border-red-200:focus {
    --border-opacity: 1;
    border-color: #fed7d7;
    border-color: rgba(254, 215, 215, var(--border-opacity));
  }
  
  .focus\:border-red-300:focus {
    --border-opacity: 1;
    border-color: #feb2b2;
    border-color: rgba(254, 178, 178, var(--border-opacity));
  }
  
  .focus\:border-red-400:focus {
    --border-opacity: 1;
    border-color: #fc8181;
    border-color: rgba(252, 129, 129, var(--border-opacity));
  }
  
  .focus\:border-red-500:focus {
    --border-opacity: 1;
    border-color: #f56565;
    border-color: rgba(245, 101, 101, var(--border-opacity));
  }
  
  .focus\:border-red-600:focus {
    --border-opacity: 1;
    border-color: #e53e3e;
    border-color: rgba(229, 62, 62, var(--border-opacity));
  }
  
  .focus\:border-red-700:focus {
    --border-opacity: 1;
    border-color: #c53030;
    border-color: rgba(197, 48, 48, var(--border-opacity));
  }
  
  .focus\:border-red-800:focus {
    --border-opacity: 1;
    border-color: #9b2c2c;
    border-color: rgba(155, 44, 44, var(--border-opacity));
  }
  
  .focus\:border-red-900:focus {
    --border-opacity: 1;
    border-color: #742a2a;
    border-color: rgba(116, 42, 42, var(--border-opacity));
  }
  
  .focus\:border-orange-100:focus {
    --border-opacity: 1;
    border-color: #fffaf0;
    border-color: rgba(255, 250, 240, var(--border-opacity));
  }
  
  .focus\:border-orange-200:focus {
    --border-opacity: 1;
    border-color: #feebc8;
    border-color: rgba(254, 235, 200, var(--border-opacity));
  }
  
  .focus\:border-orange-300:focus {
    --border-opacity: 1;
    border-color: #fbd38d;
    border-color: rgba(251, 211, 141, var(--border-opacity));
  }
  
  .focus\:border-orange-400:focus {
    --border-opacity: 1;
    border-color: #f6ad55;
    border-color: rgba(246, 173, 85, var(--border-opacity));
  }
  
  .focus\:border-orange-500:focus {
    --border-opacity: 1;
    border-color: #ed8936;
    border-color: rgba(237, 137, 54, var(--border-opacity));
  }
  
  .focus\:border-orange-600:focus {
    --border-opacity: 1;
    border-color: #dd6b20;
    border-color: rgba(221, 107, 32, var(--border-opacity));
  }
  
  .focus\:border-orange-700:focus {
    --border-opacity: 1;
    border-color: #c05621;
    border-color: rgba(192, 86, 33, var(--border-opacity));
  }
  
  .focus\:border-orange-800:focus {
    --border-opacity: 1;
    border-color: #9c4221;
    border-color: rgba(156, 66, 33, var(--border-opacity));
  }
  
  .focus\:border-orange-900:focus {
    --border-opacity: 1;
    border-color: #7b341e;
    border-color: rgba(123, 52, 30, var(--border-opacity));
  }
  
  .focus\:border-yellow-100:focus {
    --border-opacity: 1;
    border-color: #fffff0;
    border-color: rgba(255, 255, 240, var(--border-opacity));
  }
  
  .focus\:border-yellow-200:focus {
    --border-opacity: 1;
    border-color: #fefcbf;
    border-color: rgba(254, 252, 191, var(--border-opacity));
  }
  
  .focus\:border-yellow-300:focus {
    --border-opacity: 1;
    border-color: #faf089;
    border-color: rgba(250, 240, 137, var(--border-opacity));
  }
  
  .focus\:border-yellow-400:focus {
    --border-opacity: 1;
    border-color: #f6e05e;
    border-color: rgba(246, 224, 94, var(--border-opacity));
  }
  
  .focus\:border-yellow-500:focus {
    --border-opacity: 1;
    border-color: #ecc94b;
    border-color: rgba(236, 201, 75, var(--border-opacity));
  }
  
  .focus\:border-yellow-600:focus {
    --border-opacity: 1;
    border-color: #d69e2e;
    border-color: rgba(214, 158, 46, var(--border-opacity));
  }
  
  .focus\:border-yellow-700:focus {
    --border-opacity: 1;
    border-color: #b7791f;
    border-color: rgba(183, 121, 31, var(--border-opacity));
  }
  
  .focus\:border-yellow-800:focus {
    --border-opacity: 1;
    border-color: #975a16;
    border-color: rgba(151, 90, 22, var(--border-opacity));
  }
  
  .focus\:border-yellow-900:focus {
    --border-opacity: 1;
    border-color: #744210;
    border-color: rgba(116, 66, 16, var(--border-opacity));
  }
  
  .focus\:border-green-100:focus {
    --border-opacity: 1;
    border-color: #f0fff4;
    border-color: rgba(240, 255, 244, var(--border-opacity));
  }
  
  .focus\:border-green-200:focus {
    --border-opacity: 1;
    border-color: #c6f6d5;
    border-color: rgba(198, 246, 213, var(--border-opacity));
  }
  
  .focus\:border-green-300:focus {
    --border-opacity: 1;
    border-color: #9ae6b4;
    border-color: rgba(154, 230, 180, var(--border-opacity));
  }
  
  .focus\:border-green-400:focus {
    --border-opacity: 1;
    border-color: #68d391;
    border-color: rgba(104, 211, 145, var(--border-opacity));
  }
  
  .focus\:border-green-500:focus {
    --border-opacity: 1;
    border-color: #48bb78;
    border-color: rgba(72, 187, 120, var(--border-opacity));
  }
  
  .focus\:border-green-600:focus {
    --border-opacity: 1;
    border-color: #38a169;
    border-color: rgba(56, 161, 105, var(--border-opacity));
  }
  
  .focus\:border-green-700:focus {
    --border-opacity: 1;
    border-color: #2f855a;
    border-color: rgba(47, 133, 90, var(--border-opacity));
  }
  
  .focus\:border-green-800:focus {
    --border-opacity: 1;
    border-color: #276749;
    border-color: rgba(39, 103, 73, var(--border-opacity));
  }
  
  .focus\:border-green-900:focus {
    --border-opacity: 1;
    border-color: #22543d;
    border-color: rgba(34, 84, 61, var(--border-opacity));
  }
  
  .focus\:border-teal-100:focus {
    --border-opacity: 1;
    border-color: #e6fffa;
    border-color: rgba(230, 255, 250, var(--border-opacity));
  }
  
  .focus\:border-teal-200:focus {
    --border-opacity: 1;
    border-color: #b2f5ea;
    border-color: rgba(178, 245, 234, var(--border-opacity));
  }
  
  .focus\:border-teal-300:focus {
    --border-opacity: 1;
    border-color: #81e6d9;
    border-color: rgba(129, 230, 217, var(--border-opacity));
  }
  
  .focus\:border-teal-400:focus {
    --border-opacity: 1;
    border-color: #4fd1c5;
    border-color: rgba(79, 209, 197, var(--border-opacity));
  }
  
  .focus\:border-teal-500:focus {
    --border-opacity: 1;
    border-color: #38b2ac;
    border-color: rgba(56, 178, 172, var(--border-opacity));
  }
  
  .focus\:border-teal-600:focus {
    --border-opacity: 1;
    border-color: #319795;
    border-color: rgba(49, 151, 149, var(--border-opacity));
  }
  
  .focus\:border-teal-700:focus {
    --border-opacity: 1;
    border-color: #2c7a7b;
    border-color: rgba(44, 122, 123, var(--border-opacity));
  }
  
  .focus\:border-teal-800:focus {
    --border-opacity: 1;
    border-color: #285e61;
    border-color: rgba(40, 94, 97, var(--border-opacity));
  }
  
  .focus\:border-teal-900:focus {
    --border-opacity: 1;
    border-color: #234e52;
    border-color: rgba(35, 78, 82, var(--border-opacity));
  }
  
  .focus\:border-blue-100:focus {
    --border-opacity: 1;
    border-color: #ebf8ff;
    border-color: rgba(235, 248, 255, var(--border-opacity));
  }
  
  .focus\:border-blue-200:focus {
    --border-opacity: 1;
    border-color: #bee3f8;
    border-color: rgba(190, 227, 248, var(--border-opacity));
  }
  
  .focus\:border-blue-300:focus {
    --border-opacity: 1;
    border-color: #90cdf4;
    border-color: rgba(144, 205, 244, var(--border-opacity));
  }
  
  .focus\:border-blue-400:focus {
    --border-opacity: 1;
    border-color: #63b3ed;
    border-color: rgba(99, 179, 237, var(--border-opacity));
  }
  
  .focus\:border-blue-500:focus {
    --border-opacity: 1;
    border-color: #4299e1;
    border-color: rgba(66, 153, 225, var(--border-opacity));
  }
  
  .focus\:border-blue-600:focus {
    --border-opacity: 1;
    border-color: #3182ce;
    border-color: rgba(49, 130, 206, var(--border-opacity));
  }
  
  .focus\:border-blue-700:focus {
    --border-opacity: 1;
    border-color: #2b6cb0;
    border-color: rgba(43, 108, 176, var(--border-opacity));
  }
  
  .focus\:border-blue-800:focus {
    --border-opacity: 1;
    border-color: #2c5282;
    border-color: rgba(44, 82, 130, var(--border-opacity));
  }
  
  .focus\:border-blue-900:focus {
    --border-opacity: 1;
    border-color: #2a4365;
    border-color: rgba(42, 67, 101, var(--border-opacity));
  }
  
  .focus\:border-indigo-100:focus {
    --border-opacity: 1;
    border-color: #ebf4ff;
    border-color: rgba(235, 244, 255, var(--border-opacity));
  }
  
  .focus\:border-indigo-200:focus {
    --border-opacity: 1;
    border-color: #c3dafe;
    border-color: rgba(195, 218, 254, var(--border-opacity));
  }
  
  .focus\:border-indigo-300:focus {
    --border-opacity: 1;
    border-color: #a3bffa;
    border-color: rgba(163, 191, 250, var(--border-opacity));
  }
  
  .focus\:border-indigo-400:focus {
    --border-opacity: 1;
    border-color: #7f9cf5;
    border-color: rgba(127, 156, 245, var(--border-opacity));
  }
  
  .focus\:border-indigo-500:focus {
    --border-opacity: 1;
    border-color: #667eea;
    border-color: rgba(102, 126, 234, var(--border-opacity));
  }
  
  .focus\:border-indigo-600:focus {
    --border-opacity: 1;
    border-color: #5a67d8;
    border-color: rgba(90, 103, 216, var(--border-opacity));
  }
  
  .focus\:border-indigo-700:focus {
    --border-opacity: 1;
    border-color: #4c51bf;
    border-color: rgba(76, 81, 191, var(--border-opacity));
  }
  
  .focus\:border-indigo-800:focus {
    --border-opacity: 1;
    border-color: #434190;
    border-color: rgba(67, 65, 144, var(--border-opacity));
  }
  
  .focus\:border-indigo-900:focus {
    --border-opacity: 1;
    border-color: #3c366b;
    border-color: rgba(60, 54, 107, var(--border-opacity));
  }
  
  .focus\:border-purple-100:focus {
    --border-opacity: 1;
    border-color: #faf5ff;
    border-color: rgba(250, 245, 255, var(--border-opacity));
  }
  
  .focus\:border-purple-200:focus {
    --border-opacity: 1;
    border-color: #e9d8fd;
    border-color: rgba(233, 216, 253, var(--border-opacity));
  }
  
  .focus\:border-purple-300:focus {
    --border-opacity: 1;
    border-color: #d6bcfa;
    border-color: rgba(214, 188, 250, var(--border-opacity));
  }
  
  .focus\:border-purple-400:focus {
    --border-opacity: 1;
    border-color: #b794f4;
    border-color: rgba(183, 148, 244, var(--border-opacity));
  }
  
  .focus\:border-purple-500:focus {
    --border-opacity: 1;
    border-color: #9f7aea;
    border-color: rgba(159, 122, 234, var(--border-opacity));
  }
  
  .focus\:border-purple-600:focus {
    --border-opacity: 1;
    border-color: #805ad5;
    border-color: rgba(128, 90, 213, var(--border-opacity));
  }
  
  .focus\:border-purple-700:focus {
    --border-opacity: 1;
    border-color: #6b46c1;
    border-color: rgba(107, 70, 193, var(--border-opacity));
  }
  
  .focus\:border-purple-800:focus {
    --border-opacity: 1;
    border-color: #553c9a;
    border-color: rgba(85, 60, 154, var(--border-opacity));
  }
  
  .focus\:border-purple-900:focus {
    --border-opacity: 1;
    border-color: #44337a;
    border-color: rgba(68, 51, 122, var(--border-opacity));
  }
  
  .focus\:border-pink-100:focus {
    --border-opacity: 1;
    border-color: #fff5f7;
    border-color: rgba(255, 245, 247, var(--border-opacity));
  }
  
  .focus\:border-pink-200:focus {
    --border-opacity: 1;
    border-color: #fed7e2;
    border-color: rgba(254, 215, 226, var(--border-opacity));
  }
  
  .focus\:border-pink-300:focus {
    --border-opacity: 1;
    border-color: #fbb6ce;
    border-color: rgba(251, 182, 206, var(--border-opacity));
  }
  
  .focus\:border-pink-400:focus {
    --border-opacity: 1;
    border-color: #f687b3;
    border-color: rgba(246, 135, 179, var(--border-opacity));
  }
  
  .focus\:border-pink-500:focus {
    --border-opacity: 1;
    border-color: #ed64a6;
    border-color: rgba(237, 100, 166, var(--border-opacity));
  }
  
  .focus\:border-pink-600:focus {
    --border-opacity: 1;
    border-color: #d53f8c;
    border-color: rgba(213, 63, 140, var(--border-opacity));
  }
  
  .focus\:border-pink-700:focus {
    --border-opacity: 1;
    border-color: #b83280;
    border-color: rgba(184, 50, 128, var(--border-opacity));
  }
  
  .focus\:border-pink-800:focus {
    --border-opacity: 1;
    border-color: #97266d;
    border-color: rgba(151, 38, 109, var(--border-opacity));
  }
  
  .focus\:border-pink-900:focus {
    --border-opacity: 1;
    border-color: #702459;
    border-color: rgba(112, 36, 89, 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-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-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-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;
  }
  
  .items-start {
    align-items: flex-start;
  }
  
  .items-end {
    align-items: flex-end;
  }
  
  .items-center {
    align-items: center;
  }
  
  .items-baseline {
    align-items: baseline;
  }
  
  .items-stretch {
    align-items: stretch;
  }
  
  .self-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-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;
  }
  
  .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;
  }
  
  .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-sans {
    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";
  }
  
  .font-serif {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  }
  
  .font-mono {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  }
  
  .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: 0.75rem;
  }
  
  .text-sm {
    font-size: 0.875rem;
  }
  
  .text-base {
    font-size: 1rem;
  }
  
  .text-lg {
    font-size: 1.125rem;
  }
  
  .text-xl {
    font-size: 1.25rem;
  }
  
  .text-2xl {
    font-size: 1.5rem;
  }
  
  .text-3xl {
    font-size: 1.875rem;
  }
  
  .text-4xl {
    font-size: 2.25rem;
  }
  
  .text-5xl {
    font-size: 3rem;
  }
  
  .text-6xl {
    font-size: 4rem;
  }
  
  .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-ssm {
    max-width: 500px;
  }
  
  .max-w-screen-sm {
    max-width: 640px;
  }
  
  .max-w-screen-md {
    max-width: 768px;
  }
  
  .max-w-screen-lg {
    max-width: 1024px;
  }
  
  .max-w-screen-xl {
    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 {
    -o-object-fit: contain;
       object-fit: contain;
  }
  
  .object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }
  
  .object-none {
    -o-object-fit: none;
       object-fit: none;
  }
  
  .object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
  
  .object-bottom {
    -o-object-position: bottom;
       object-position: bottom;
  }
  
  .object-center {
    -o-object-position: center;
       object-position: center;
  }
  
  .object-left {
    -o-object-position: left;
       object-position: left;
  }
  
  .object-left-bottom {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  
  .object-left-top {
    -o-object-position: left top;
       object-position: left top;
  }
  
  .object-right {
    -o-object-position: right;
       object-position: right;
  }
  
  .object-right-bottom {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
  
  .object-right-top {
    -o-object-position: right top;
       object-position: right top;
  }
  
  .object-top {
    -o-object-position: 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: 0;
  }
  
  .focus\:outline-none:focus {
    outline: 0;
  }
  
  .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;
  }
  
  .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;
  }
  
  .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;
  }
  
  .placeholder-transparent::-moz-placeholder {
    color: transparent;
  }
  
  .placeholder-transparent:-ms-input-placeholder {
    color: transparent;
  }
  
  .placeholder-transparent::placeholder {
    color: transparent;
  }
  
  .placeholder-current::-moz-placeholder {
    color: currentColor;
  }
  
  .placeholder-current:-ms-input-placeholder {
    color: currentColor;
  }
  
  .placeholder-current::placeholder {
    color: currentColor;
  }
  
  .placeholder-black::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }
  
  .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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, 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-red-100::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }
  
  .placeholder-red-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }
  
  .placeholder-red-100::placeholder {
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }
  
  .placeholder-red-200::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }
  
  .placeholder-red-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }
  
  .placeholder-red-200::placeholder {
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }
  
  .placeholder-red-300::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }
  
  .placeholder-red-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }
  
  .placeholder-red-300::placeholder {
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }
  
  .placeholder-red-400::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }
  
  .placeholder-red-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }
  
  .placeholder-red-400::placeholder {
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }
  
  .placeholder-red-500::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }
  
  .placeholder-red-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }
  
  .placeholder-red-500::placeholder {
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }
  
  .placeholder-red-600::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }
  
  .placeholder-red-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }
  
  .placeholder-red-600::placeholder {
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }
  
  .placeholder-red-700::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }
  
  .placeholder-red-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }
  
  .placeholder-red-700::placeholder {
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }
  
  .placeholder-red-800::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }
  
  .placeholder-red-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }
  
  .placeholder-red-800::placeholder {
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }
  
  .placeholder-red-900::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }
  
  .placeholder-red-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }
  
  .placeholder-red-900::placeholder {
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }
  
  .placeholder-orange-100::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }
  
  .placeholder-orange-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }
  
  .placeholder-orange-100::placeholder {
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }
  
  .placeholder-orange-200::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }
  
  .placeholder-orange-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }
  
  .placeholder-orange-200::placeholder {
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }
  
  .placeholder-orange-300::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }
  
  .placeholder-orange-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }
  
  .placeholder-orange-300::placeholder {
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }
  
  .placeholder-orange-400::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }
  
  .placeholder-orange-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }
  
  .placeholder-orange-400::placeholder {
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }
  
  .placeholder-orange-500::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }
  
  .placeholder-orange-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }
  
  .placeholder-orange-500::placeholder {
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }
  
  .placeholder-orange-600::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }
  
  .placeholder-orange-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }
  
  .placeholder-orange-600::placeholder {
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }
  
  .placeholder-orange-700::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }
  
  .placeholder-orange-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }
  
  .placeholder-orange-700::placeholder {
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }
  
  .placeholder-orange-800::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }
  
  .placeholder-orange-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }
  
  .placeholder-orange-800::placeholder {
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }
  
  .placeholder-orange-900::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }
  
  .placeholder-orange-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }
  
  .placeholder-orange-900::placeholder {
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-100::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-100::placeholder {
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-200::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-200::placeholder {
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-300::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-300::placeholder {
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-400::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-400::placeholder {
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-500::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-500::placeholder {
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-600::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-600::placeholder {
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-700::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-700::placeholder {
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-800::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-800::placeholder {
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-900::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }
  
  .placeholder-yellow-900::placeholder {
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }
  
  .placeholder-green-100::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }
  
  .placeholder-green-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }
  
  .placeholder-green-100::placeholder {
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }
  
  .placeholder-green-200::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }
  
  .placeholder-green-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }
  
  .placeholder-green-200::placeholder {
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }
  
  .placeholder-green-300::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }
  
  .placeholder-green-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }
  
  .placeholder-green-300::placeholder {
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }
  
  .placeholder-green-400::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }
  
  .placeholder-green-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }
  
  .placeholder-green-400::placeholder {
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }
  
  .placeholder-green-500::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }
  
  .placeholder-green-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }
  
  .placeholder-green-500::placeholder {
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }
  
  .placeholder-green-600::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }
  
  .placeholder-green-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }
  
  .placeholder-green-600::placeholder {
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }
  
  .placeholder-green-700::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }
  
  .placeholder-green-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }
  
  .placeholder-green-700::placeholder {
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }
  
  .placeholder-green-800::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }
  
  .placeholder-green-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }
  
  .placeholder-green-800::placeholder {
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }
  
  .placeholder-green-900::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }
  
  .placeholder-green-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }
  
  .placeholder-green-900::placeholder {
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }
  
  .placeholder-teal-100::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }
  
  .placeholder-teal-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }
  
  .placeholder-teal-100::placeholder {
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }
  
  .placeholder-teal-200::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }
  
  .placeholder-teal-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }
  
  .placeholder-teal-200::placeholder {
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }
  
  .placeholder-teal-300::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }
  
  .placeholder-teal-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }
  
  .placeholder-teal-300::placeholder {
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }
  
  .placeholder-teal-400::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }
  
  .placeholder-teal-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }
  
  .placeholder-teal-400::placeholder {
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }
  
  .placeholder-teal-500::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }
  
  .placeholder-teal-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }
  
  .placeholder-teal-500::placeholder {
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }
  
  .placeholder-teal-600::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }
  
  .placeholder-teal-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }
  
  .placeholder-teal-600::placeholder {
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }
  
  .placeholder-teal-700::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }
  
  .placeholder-teal-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }
  
  .placeholder-teal-700::placeholder {
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }
  
  .placeholder-teal-800::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }
  
  .placeholder-teal-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }
  
  .placeholder-teal-800::placeholder {
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }
  
  .placeholder-teal-900::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }
  
  .placeholder-teal-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }
  
  .placeholder-teal-900::placeholder {
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }
  
  .placeholder-blue-100::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }
  
  .placeholder-blue-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }
  
  .placeholder-blue-100::placeholder {
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }
  
  .placeholder-blue-200::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }
  
  .placeholder-blue-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }
  
  .placeholder-blue-200::placeholder {
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }
  
  .placeholder-blue-300::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }
  
  .placeholder-blue-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }
  
  .placeholder-blue-300::placeholder {
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }
  
  .placeholder-blue-400::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }
  
  .placeholder-blue-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }
  
  .placeholder-blue-400::placeholder {
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }
  
  .placeholder-blue-500::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }
  
  .placeholder-blue-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }
  
  .placeholder-blue-500::placeholder {
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }
  
  .placeholder-blue-600::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }
  
  .placeholder-blue-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }
  
  .placeholder-blue-600::placeholder {
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }
  
  .placeholder-blue-700::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }
  
  .placeholder-blue-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }
  
  .placeholder-blue-700::placeholder {
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }
  
  .placeholder-blue-800::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }
  
  .placeholder-blue-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }
  
  .placeholder-blue-800::placeholder {
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }
  
  .placeholder-blue-900::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }
  
  .placeholder-blue-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }
  
  .placeholder-blue-900::placeholder {
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-100::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-100::placeholder {
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-200::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-200::placeholder {
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-300::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-300::placeholder {
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-400::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-400::placeholder {
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-500::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-500::placeholder {
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-600::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-600::placeholder {
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-700::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-700::placeholder {
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-800::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-800::placeholder {
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-900::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }
  
  .placeholder-indigo-900::placeholder {
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }
  
  .placeholder-purple-100::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }
  
  .placeholder-purple-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }
  
  .placeholder-purple-100::placeholder {
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }
  
  .placeholder-purple-200::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }
  
  .placeholder-purple-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }
  
  .placeholder-purple-200::placeholder {
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }
  
  .placeholder-purple-300::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }
  
  .placeholder-purple-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }
  
  .placeholder-purple-300::placeholder {
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }
  
  .placeholder-purple-400::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }
  
  .placeholder-purple-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }
  
  .placeholder-purple-400::placeholder {
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }
  
  .placeholder-purple-500::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }
  
  .placeholder-purple-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }
  
  .placeholder-purple-500::placeholder {
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }
  
  .placeholder-purple-600::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }
  
  .placeholder-purple-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }
  
  .placeholder-purple-600::placeholder {
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }
  
  .placeholder-purple-700::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }
  
  .placeholder-purple-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }
  
  .placeholder-purple-700::placeholder {
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }
  
  .placeholder-purple-800::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }
  
  .placeholder-purple-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }
  
  .placeholder-purple-800::placeholder {
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }
  
  .placeholder-purple-900::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }
  
  .placeholder-purple-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }
  
  .placeholder-purple-900::placeholder {
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }
  
  .placeholder-pink-100::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }
  
  .placeholder-pink-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }
  
  .placeholder-pink-100::placeholder {
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }
  
  .placeholder-pink-200::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }
  
  .placeholder-pink-200:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }
  
  .placeholder-pink-200::placeholder {
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }
  
  .placeholder-pink-300::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }
  
  .placeholder-pink-300:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }
  
  .placeholder-pink-300::placeholder {
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }
  
  .placeholder-pink-400::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }
  
  .placeholder-pink-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }
  
  .placeholder-pink-400::placeholder {
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }
  
  .placeholder-pink-500::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }
  
  .placeholder-pink-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }
  
  .placeholder-pink-500::placeholder {
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }
  
  .placeholder-pink-600::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }
  
  .placeholder-pink-600:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }
  
  .placeholder-pink-600::placeholder {
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }
  
  .placeholder-pink-700::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }
  
  .placeholder-pink-700:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }
  
  .placeholder-pink-700::placeholder {
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }
  
  .placeholder-pink-800::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }
  
  .placeholder-pink-800:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }
  
  .placeholder-pink-800::placeholder {
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }
  
  .placeholder-pink-900::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }
  
  .placeholder-pink-900:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }
  
  .placeholder-pink-900::placeholder {
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-transparent:focus::-moz-placeholder {
    color: transparent;
  }
  
  .focus\:placeholder-transparent:focus:-ms-input-placeholder {
    color: transparent;
  }
  
  .focus\:placeholder-transparent:focus::placeholder {
    color: transparent;
  }
  
  .focus\:placeholder-current:focus::-moz-placeholder {
    color: currentColor;
  }
  
  .focus\:placeholder-current:focus:-ms-input-placeholder {
    color: currentColor;
  }
  
  .focus\:placeholder-current:focus::placeholder {
    color: currentColor;
  }
  
  .focus\:placeholder-black:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--placeholder-opacity));
  }
  
  .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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #f7fafc;
    color: rgba(247, 250, 252, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #edf2f7;
    color: rgba(237, 242, 247, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #e2e8f0;
    color: rgba(226, 232, 240, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #cbd5e0;
    color: rgba(203, 213, 224, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #a0aec0;
    color: rgba(160, 174, 192, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #2d3748;
    color: rgba(45, 55, 72, 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::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #1a202c;
    color: rgba(26, 32, 44, 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-red-100:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-200:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-300:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-400:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-500:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-600:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-700:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-800:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-900:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-red-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-100:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-200:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-300:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-400:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-500:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-600:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-700:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-800:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-900:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-orange-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-100:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-200:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-300:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-400:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-500:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-600:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-700:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-800:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-900:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-yellow-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-100:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-200:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-300:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-400:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-500:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-600:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-700:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-800:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-900:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-green-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-100:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-200:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-300:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-400:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-500:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-600:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-700:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-800:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-900:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-teal-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-100:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-200:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-300:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-400:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-500:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-600:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-700:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-800:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-900:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-blue-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-100:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-200:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-300:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-400:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-500:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-600:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-700:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-800:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-900:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-indigo-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-100:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-200:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-300:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-400:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-500:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-600:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-700:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-800:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-900:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-purple-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-100:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-100:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-100:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-200:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-200:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-200:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-300:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-300:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-300:focus::placeholder {
    --placeholder-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-400:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-400:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-400:focus::placeholder {
    --placeholder-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-500:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-500:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-500:focus::placeholder {
    --placeholder-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-600:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-700:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-700:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-700:focus::placeholder {
    --placeholder-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-800:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-800:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-800:focus::placeholder {
    --placeholder-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-900:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-900:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }
  
  .focus\:placeholder-pink-900:focus::placeholder {
    --placeholder-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--placeholder-opacity));
  }
  
  .placeholder-opacity-0::-moz-placeholder {
    --placeholder-opacity: 0;
  }
  
  .placeholder-opacity-0:-ms-input-placeholder {
    --placeholder-opacity: 0;
  }
  
  .placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0;
  }
  
  .placeholder-opacity-25::-moz-placeholder {
    --placeholder-opacity: 0.25;
  }
  
  .placeholder-opacity-25:-ms-input-placeholder {
    --placeholder-opacity: 0.25;
  }
  
  .placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25;
  }
  
  .placeholder-opacity-50::-moz-placeholder {
    --placeholder-opacity: 0.5;
  }
  
  .placeholder-opacity-50:-ms-input-placeholder {
    --placeholder-opacity: 0.5;
  }
  
  .placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5;
  }
  
  .placeholder-opacity-75::-moz-placeholder {
    --placeholder-opacity: 0.75;
  }
  
  .placeholder-opacity-75:-ms-input-placeholder {
    --placeholder-opacity: 0.75;
  }
  
  .placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75;
  }
  
  .placeholder-opacity-100::-moz-placeholder {
    --placeholder-opacity: 1;
  }
  
  .placeholder-opacity-100:-ms-input-placeholder {
    --placeholder-opacity: 1;
  }
  
  .placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1;
  }
  
  .focus\:placeholder-opacity-0:focus::-moz-placeholder {
    --placeholder-opacity: 0;
  }
  
  .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::-moz-placeholder {
    --placeholder-opacity: 0.25;
  }
  
  .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::-moz-placeholder {
    --placeholder-opacity: 0.5;
  }
  
  .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::-moz-placeholder {
    --placeholder-opacity: 0.75;
  }
  
  .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::-moz-placeholder {
    --placeholder-opacity: 1;
  }
  
  .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: -webkit-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-current {
    color: currentColor;
  }
  
  .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-red-100 {
    --text-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--text-opacity));
  }
  
  .text-red-200 {
    --text-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--text-opacity));
  }
  
  .text-red-300 {
    --text-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--text-opacity));
  }
  
  .text-red-400 {
    --text-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--text-opacity));
  }
  
  .text-red-500 {
    --text-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--text-opacity));
  }
  
  .text-red-600 {
    --text-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--text-opacity));
  }
  
  .text-red-700 {
    --text-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--text-opacity));
  }
  
  .text-red-800 {
    --text-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--text-opacity));
  }
  
  .text-red-900 {
    --text-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--text-opacity));
  }
  
  .text-orange-100 {
    --text-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--text-opacity));
  }
  
  .text-orange-200 {
    --text-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--text-opacity));
  }
  
  .text-orange-300 {
    --text-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--text-opacity));
  }
  
  .text-orange-400 {
    --text-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--text-opacity));
  }
  
  .text-orange-500 {
    --text-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--text-opacity));
  }
  
  .text-orange-600 {
    --text-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--text-opacity));
  }
  
  .text-orange-700 {
    --text-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--text-opacity));
  }
  
  .text-orange-800 {
    --text-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--text-opacity));
  }
  
  .text-orange-900 {
    --text-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--text-opacity));
  }
  
  .text-yellow-100 {
    --text-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--text-opacity));
  }
  
  .text-yellow-200 {
    --text-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--text-opacity));
  }
  
  .text-yellow-300 {
    --text-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--text-opacity));
  }
  
  .text-yellow-400 {
    --text-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--text-opacity));
  }
  
  .text-yellow-500 {
    --text-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--text-opacity));
  }
  
  .text-yellow-600 {
    --text-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--text-opacity));
  }
  
  .text-yellow-700 {
    --text-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--text-opacity));
  }
  
  .text-yellow-800 {
    --text-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--text-opacity));
  }
  
  .text-yellow-900 {
    --text-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--text-opacity));
  }
  
  .text-green-100 {
    --text-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--text-opacity));
  }
  
  .text-green-200 {
    --text-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--text-opacity));
  }
  
  .text-green-300 {
    --text-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--text-opacity));
  }
  
  .text-green-400 {
    --text-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--text-opacity));
  }
  
  .text-green-500 {
    --text-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--text-opacity));
  }
  
  .text-green-600 {
    --text-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--text-opacity));
  }
  
  .text-green-700 {
    --text-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--text-opacity));
  }
  
  .text-green-800 {
    --text-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--text-opacity));
  }
  
  .text-green-900 {
    --text-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--text-opacity));
  }
  
  .text-teal-100 {
    --text-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--text-opacity));
  }
  
  .text-teal-200 {
    --text-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--text-opacity));
  }
  
  .text-teal-300 {
    --text-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--text-opacity));
  }
  
  .text-teal-400 {
    --text-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--text-opacity));
  }
  
  .text-teal-500 {
    --text-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--text-opacity));
  }
  
  .text-teal-600 {
    --text-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--text-opacity));
  }
  
  .text-teal-700 {
    --text-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--text-opacity));
  }
  
  .text-teal-800 {
    --text-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--text-opacity));
  }
  
  .text-teal-900 {
    --text-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--text-opacity));
  }
  
  .text-blue-100 {
    --text-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--text-opacity));
  }
  
  .text-blue-200 {
    --text-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--text-opacity));
  }
  
  .text-blue-300 {
    --text-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--text-opacity));
  }
  
  .text-blue-400 {
    --text-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--text-opacity));
  }
  
  .text-blue-500 {
    --text-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--text-opacity));
  }
  
  .text-blue-600 {
    --text-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--text-opacity));
  }
  
  .text-blue-700 {
    --text-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--text-opacity));
  }
  
  .text-blue-800 {
    --text-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--text-opacity));
  }
  
  .text-blue-900 {
    --text-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--text-opacity));
  }
  
  .text-indigo-100 {
    --text-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--text-opacity));
  }
  
  .text-indigo-200 {
    --text-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--text-opacity));
  }
  
  .text-indigo-300 {
    --text-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--text-opacity));
  }
  
  .text-indigo-400 {
    --text-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--text-opacity));
  }
  
  .text-indigo-500 {
    --text-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--text-opacity));
  }
  
  .text-indigo-600 {
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--text-opacity));
  }
  
  .text-indigo-700 {
    --text-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--text-opacity));
  }
  
  .text-indigo-800 {
    --text-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--text-opacity));
  }
  
  .text-indigo-900 {
    --text-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--text-opacity));
  }
  
  .text-purple-100 {
    --text-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--text-opacity));
  }
  
  .text-purple-200 {
    --text-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--text-opacity));
  }
  
  .text-purple-300 {
    --text-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--text-opacity));
  }
  
  .text-purple-400 {
    --text-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--text-opacity));
  }
  
  .text-purple-500 {
    --text-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--text-opacity));
  }
  
  .text-purple-600 {
    --text-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--text-opacity));
  }
  
  .text-purple-700 {
    --text-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--text-opacity));
  }
  
  .text-purple-800 {
    --text-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--text-opacity));
  }
  
  .text-purple-900 {
    --text-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--text-opacity));
  }
  
  .text-pink-100 {
    --text-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--text-opacity));
  }
  
  .text-pink-200 {
    --text-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--text-opacity));
  }
  
  .text-pink-300 {
    --text-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--text-opacity));
  }
  
  .text-pink-400 {
    --text-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--text-opacity));
  }
  
  .text-pink-500 {
    --text-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--text-opacity));
  }
  
  .text-pink-600 {
    --text-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--text-opacity));
  }
  
  .text-pink-700 {
    --text-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--text-opacity));
  }
  
  .text-pink-800 {
    --text-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--text-opacity));
  }
  
  .text-pink-900 {
    --text-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--text-opacity));
  }
  
  .hover\:text-transparent:hover {
    color: transparent;
  }
  
  .hover\:text-current:hover {
    color: currentColor;
  }
  
  .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-red-100:hover {
    --text-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--text-opacity));
  }
  
  .hover\:text-red-200:hover {
    --text-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--text-opacity));
  }
  
  .hover\:text-red-300:hover {
    --text-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--text-opacity));
  }
  
  .hover\:text-red-400:hover {
    --text-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--text-opacity));
  }
  
  .hover\:text-red-500:hover {
    --text-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--text-opacity));
  }
  
  .hover\:text-red-600:hover {
    --text-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--text-opacity));
  }
  
  .hover\:text-red-700:hover {
    --text-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--text-opacity));
  }
  
  .hover\:text-red-800:hover {
    --text-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--text-opacity));
  }
  
  .hover\:text-red-900:hover {
    --text-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--text-opacity));
  }
  
  .hover\:text-orange-100:hover {
    --text-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--text-opacity));
  }
  
  .hover\:text-orange-200:hover {
    --text-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--text-opacity));
  }
  
  .hover\:text-orange-300:hover {
    --text-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--text-opacity));
  }
  
  .hover\:text-orange-400:hover {
    --text-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--text-opacity));
  }
  
  .hover\:text-orange-500:hover {
    --text-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--text-opacity));
  }
  
  .hover\:text-orange-600:hover {
    --text-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--text-opacity));
  }
  
  .hover\:text-orange-700:hover {
    --text-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--text-opacity));
  }
  
  .hover\:text-orange-800:hover {
    --text-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--text-opacity));
  }
  
  .hover\:text-orange-900:hover {
    --text-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--text-opacity));
  }
  
  .hover\:text-yellow-100:hover {
    --text-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--text-opacity));
  }
  
  .hover\:text-yellow-200:hover {
    --text-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--text-opacity));
  }
  
  .hover\:text-yellow-300:hover {
    --text-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--text-opacity));
  }
  
  .hover\:text-yellow-400:hover {
    --text-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--text-opacity));
  }
  
  .hover\:text-yellow-500:hover {
    --text-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--text-opacity));
  }
  
  .hover\:text-yellow-600:hover {
    --text-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--text-opacity));
  }
  
  .hover\:text-yellow-700:hover {
    --text-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--text-opacity));
  }
  
  .hover\:text-yellow-800:hover {
    --text-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--text-opacity));
  }
  
  .hover\:text-yellow-900:hover {
    --text-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--text-opacity));
  }
  
  .hover\:text-green-100:hover {
    --text-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--text-opacity));
  }
  
  .hover\:text-green-200:hover {
    --text-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--text-opacity));
  }
  
  .hover\:text-green-300:hover {
    --text-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--text-opacity));
  }
  
  .hover\:text-green-400:hover {
    --text-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--text-opacity));
  }
  
  .hover\:text-green-500:hover {
    --text-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--text-opacity));
  }
  
  .hover\:text-green-600:hover {
    --text-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--text-opacity));
  }
  
  .hover\:text-green-700:hover {
    --text-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--text-opacity));
  }
  
  .hover\:text-green-800:hover {
    --text-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--text-opacity));
  }
  
  .hover\:text-green-900:hover {
    --text-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--text-opacity));
  }
  
  .hover\:text-teal-100:hover {
    --text-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--text-opacity));
  }
  
  .hover\:text-teal-200:hover {
    --text-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--text-opacity));
  }
  
  .hover\:text-teal-300:hover {
    --text-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--text-opacity));
  }
  
  .hover\:text-teal-400:hover {
    --text-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--text-opacity));
  }
  
  .hover\:text-teal-500:hover {
    --text-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--text-opacity));
  }
  
  .hover\:text-teal-600:hover {
    --text-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--text-opacity));
  }
  
  .hover\:text-teal-700:hover {
    --text-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--text-opacity));
  }
  
  .hover\:text-teal-800:hover {
    --text-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--text-opacity));
  }
  
  .hover\:text-teal-900:hover {
    --text-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--text-opacity));
  }
  
  .hover\:text-blue-100:hover {
    --text-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--text-opacity));
  }
  
  .hover\:text-blue-200:hover {
    --text-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--text-opacity));
  }
  
  .hover\:text-blue-300:hover {
    --text-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--text-opacity));
  }
  
  .hover\:text-blue-400:hover {
    --text-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--text-opacity));
  }
  
  .hover\:text-blue-500:hover {
    --text-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--text-opacity));
  }
  
  .hover\:text-blue-600:hover {
    --text-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--text-opacity));
  }
  
  .hover\:text-blue-700:hover {
    --text-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--text-opacity));
  }
  
  .hover\:text-blue-800:hover {
    --text-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--text-opacity));
  }
  
  .hover\:text-blue-900:hover {
    --text-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--text-opacity));
  }
  
  .hover\:text-indigo-100:hover {
    --text-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--text-opacity));
  }
  
  .hover\:text-indigo-200:hover {
    --text-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--text-opacity));
  }
  
  .hover\:text-indigo-300:hover {
    --text-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--text-opacity));
  }
  
  .hover\:text-indigo-400:hover {
    --text-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--text-opacity));
  }
  
  .hover\:text-indigo-500:hover {
    --text-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--text-opacity));
  }
  
  .hover\:text-indigo-600:hover {
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--text-opacity));
  }
  
  .hover\:text-indigo-700:hover {
    --text-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--text-opacity));
  }
  
  .hover\:text-indigo-800:hover {
    --text-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--text-opacity));
  }
  
  .hover\:text-indigo-900:hover {
    --text-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--text-opacity));
  }
  
  .hover\:text-purple-100:hover {
    --text-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--text-opacity));
  }
  
  .hover\:text-purple-200:hover {
    --text-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--text-opacity));
  }
  
  .hover\:text-purple-300:hover {
    --text-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--text-opacity));
  }
  
  .hover\:text-purple-400:hover {
    --text-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--text-opacity));
  }
  
  .hover\:text-purple-500:hover {
    --text-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--text-opacity));
  }
  
  .hover\:text-purple-600:hover {
    --text-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--text-opacity));
  }
  
  .hover\:text-purple-700:hover {
    --text-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--text-opacity));
  }
  
  .hover\:text-purple-800:hover {
    --text-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--text-opacity));
  }
  
  .hover\:text-purple-900:hover {
    --text-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--text-opacity));
  }
  
  .hover\:text-pink-100:hover {
    --text-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--text-opacity));
  }
  
  .hover\:text-pink-200:hover {
    --text-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--text-opacity));
  }
  
  .hover\:text-pink-300:hover {
    --text-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--text-opacity));
  }
  
  .hover\:text-pink-400:hover {
    --text-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--text-opacity));
  }
  
  .hover\:text-pink-500:hover {
    --text-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--text-opacity));
  }
  
  .hover\:text-pink-600:hover {
    --text-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--text-opacity));
  }
  
  .hover\:text-pink-700:hover {
    --text-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--text-opacity));
  }
  
  .hover\:text-pink-800:hover {
    --text-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--text-opacity));
  }
  
  .hover\:text-pink-900:hover {
    --text-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, var(--text-opacity));
  }
  
  .focus\:text-transparent:focus {
    color: transparent;
  }
  
  .focus\:text-current:focus {
    color: currentColor;
  }
  
  .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-red-100:focus {
    --text-opacity: 1;
    color: #fff5f5;
    color: rgba(255, 245, 245, var(--text-opacity));
  }
  
  .focus\:text-red-200:focus {
    --text-opacity: 1;
    color: #fed7d7;
    color: rgba(254, 215, 215, var(--text-opacity));
  }
  
  .focus\:text-red-300:focus {
    --text-opacity: 1;
    color: #feb2b2;
    color: rgba(254, 178, 178, var(--text-opacity));
  }
  
  .focus\:text-red-400:focus {
    --text-opacity: 1;
    color: #fc8181;
    color: rgba(252, 129, 129, var(--text-opacity));
  }
  
  .focus\:text-red-500:focus {
    --text-opacity: 1;
    color: #f56565;
    color: rgba(245, 101, 101, var(--text-opacity));
  }
  
  .focus\:text-red-600:focus {
    --text-opacity: 1;
    color: #e53e3e;
    color: rgba(229, 62, 62, var(--text-opacity));
  }
  
  .focus\:text-red-700:focus {
    --text-opacity: 1;
    color: #c53030;
    color: rgba(197, 48, 48, var(--text-opacity));
  }
  
  .focus\:text-red-800:focus {
    --text-opacity: 1;
    color: #9b2c2c;
    color: rgba(155, 44, 44, var(--text-opacity));
  }
  
  .focus\:text-red-900:focus {
    --text-opacity: 1;
    color: #742a2a;
    color: rgba(116, 42, 42, var(--text-opacity));
  }
  
  .focus\:text-orange-100:focus {
    --text-opacity: 1;
    color: #fffaf0;
    color: rgba(255, 250, 240, var(--text-opacity));
  }
  
  .focus\:text-orange-200:focus {
    --text-opacity: 1;
    color: #feebc8;
    color: rgba(254, 235, 200, var(--text-opacity));
  }
  
  .focus\:text-orange-300:focus {
    --text-opacity: 1;
    color: #fbd38d;
    color: rgba(251, 211, 141, var(--text-opacity));
  }
  
  .focus\:text-orange-400:focus {
    --text-opacity: 1;
    color: #f6ad55;
    color: rgba(246, 173, 85, var(--text-opacity));
  }
  
  .focus\:text-orange-500:focus {
    --text-opacity: 1;
    color: #ed8936;
    color: rgba(237, 137, 54, var(--text-opacity));
  }
  
  .focus\:text-orange-600:focus {
    --text-opacity: 1;
    color: #dd6b20;
    color: rgba(221, 107, 32, var(--text-opacity));
  }
  
  .focus\:text-orange-700:focus {
    --text-opacity: 1;
    color: #c05621;
    color: rgba(192, 86, 33, var(--text-opacity));
  }
  
  .focus\:text-orange-800:focus {
    --text-opacity: 1;
    color: #9c4221;
    color: rgba(156, 66, 33, var(--text-opacity));
  }
  
  .focus\:text-orange-900:focus {
    --text-opacity: 1;
    color: #7b341e;
    color: rgba(123, 52, 30, var(--text-opacity));
  }
  
  .focus\:text-yellow-100:focus {
    --text-opacity: 1;
    color: #fffff0;
    color: rgba(255, 255, 240, var(--text-opacity));
  }
  
  .focus\:text-yellow-200:focus {
    --text-opacity: 1;
    color: #fefcbf;
    color: rgba(254, 252, 191, var(--text-opacity));
  }
  
  .focus\:text-yellow-300:focus {
    --text-opacity: 1;
    color: #faf089;
    color: rgba(250, 240, 137, var(--text-opacity));
  }
  
  .focus\:text-yellow-400:focus {
    --text-opacity: 1;
    color: #f6e05e;
    color: rgba(246, 224, 94, var(--text-opacity));
  }
  
  .focus\:text-yellow-500:focus {
    --text-opacity: 1;
    color: #ecc94b;
    color: rgba(236, 201, 75, var(--text-opacity));
  }
  
  .focus\:text-yellow-600:focus {
    --text-opacity: 1;
    color: #d69e2e;
    color: rgba(214, 158, 46, var(--text-opacity));
  }
  
  .focus\:text-yellow-700:focus {
    --text-opacity: 1;
    color: #b7791f;
    color: rgba(183, 121, 31, var(--text-opacity));
  }
  
  .focus\:text-yellow-800:focus {
    --text-opacity: 1;
    color: #975a16;
    color: rgba(151, 90, 22, var(--text-opacity));
  }
  
  .focus\:text-yellow-900:focus {
    --text-opacity: 1;
    color: #744210;
    color: rgba(116, 66, 16, var(--text-opacity));
  }
  
  .focus\:text-green-100:focus {
    --text-opacity: 1;
    color: #f0fff4;
    color: rgba(240, 255, 244, var(--text-opacity));
  }
  
  .focus\:text-green-200:focus {
    --text-opacity: 1;
    color: #c6f6d5;
    color: rgba(198, 246, 213, var(--text-opacity));
  }
  
  .focus\:text-green-300:focus {
    --text-opacity: 1;
    color: #9ae6b4;
    color: rgba(154, 230, 180, var(--text-opacity));
  }
  
  .focus\:text-green-400:focus {
    --text-opacity: 1;
    color: #68d391;
    color: rgba(104, 211, 145, var(--text-opacity));
  }
  
  .focus\:text-green-500:focus {
    --text-opacity: 1;
    color: #48bb78;
    color: rgba(72, 187, 120, var(--text-opacity));
  }
  
  .focus\:text-green-600:focus {
    --text-opacity: 1;
    color: #38a169;
    color: rgba(56, 161, 105, var(--text-opacity));
  }
  
  .focus\:text-green-700:focus {
    --text-opacity: 1;
    color: #2f855a;
    color: rgba(47, 133, 90, var(--text-opacity));
  }
  
  .focus\:text-green-800:focus {
    --text-opacity: 1;
    color: #276749;
    color: rgba(39, 103, 73, var(--text-opacity));
  }
  
  .focus\:text-green-900:focus {
    --text-opacity: 1;
    color: #22543d;
    color: rgba(34, 84, 61, var(--text-opacity));
  }
  
  .focus\:text-teal-100:focus {
    --text-opacity: 1;
    color: #e6fffa;
    color: rgba(230, 255, 250, var(--text-opacity));
  }
  
  .focus\:text-teal-200:focus {
    --text-opacity: 1;
    color: #b2f5ea;
    color: rgba(178, 245, 234, var(--text-opacity));
  }
  
  .focus\:text-teal-300:focus {
    --text-opacity: 1;
    color: #81e6d9;
    color: rgba(129, 230, 217, var(--text-opacity));
  }
  
  .focus\:text-teal-400:focus {
    --text-opacity: 1;
    color: #4fd1c5;
    color: rgba(79, 209, 197, var(--text-opacity));
  }
  
  .focus\:text-teal-500:focus {
    --text-opacity: 1;
    color: #38b2ac;
    color: rgba(56, 178, 172, var(--text-opacity));
  }
  
  .focus\:text-teal-600:focus {
    --text-opacity: 1;
    color: #319795;
    color: rgba(49, 151, 149, var(--text-opacity));
  }
  
  .focus\:text-teal-700:focus {
    --text-opacity: 1;
    color: #2c7a7b;
    color: rgba(44, 122, 123, var(--text-opacity));
  }
  
  .focus\:text-teal-800:focus {
    --text-opacity: 1;
    color: #285e61;
    color: rgba(40, 94, 97, var(--text-opacity));
  }
  
  .focus\:text-teal-900:focus {
    --text-opacity: 1;
    color: #234e52;
    color: rgba(35, 78, 82, var(--text-opacity));
  }
  
  .focus\:text-blue-100:focus {
    --text-opacity: 1;
    color: #ebf8ff;
    color: rgba(235, 248, 255, var(--text-opacity));
  }
  
  .focus\:text-blue-200:focus {
    --text-opacity: 1;
    color: #bee3f8;
    color: rgba(190, 227, 248, var(--text-opacity));
  }
  
  .focus\:text-blue-300:focus {
    --text-opacity: 1;
    color: #90cdf4;
    color: rgba(144, 205, 244, var(--text-opacity));
  }
  
  .focus\:text-blue-400:focus {
    --text-opacity: 1;
    color: #63b3ed;
    color: rgba(99, 179, 237, var(--text-opacity));
  }
  
  .focus\:text-blue-500:focus {
    --text-opacity: 1;
    color: #4299e1;
    color: rgba(66, 153, 225, var(--text-opacity));
  }
  
  .focus\:text-blue-600:focus {
    --text-opacity: 1;
    color: #3182ce;
    color: rgba(49, 130, 206, var(--text-opacity));
  }
  
  .focus\:text-blue-700:focus {
    --text-opacity: 1;
    color: #2b6cb0;
    color: rgba(43, 108, 176, var(--text-opacity));
  }
  
  .focus\:text-blue-800:focus {
    --text-opacity: 1;
    color: #2c5282;
    color: rgba(44, 82, 130, var(--text-opacity));
  }
  
  .focus\:text-blue-900:focus {
    --text-opacity: 1;
    color: #2a4365;
    color: rgba(42, 67, 101, var(--text-opacity));
  }
  
  .focus\:text-indigo-100:focus {
    --text-opacity: 1;
    color: #ebf4ff;
    color: rgba(235, 244, 255, var(--text-opacity));
  }
  
  .focus\:text-indigo-200:focus {
    --text-opacity: 1;
    color: #c3dafe;
    color: rgba(195, 218, 254, var(--text-opacity));
  }
  
  .focus\:text-indigo-300:focus {
    --text-opacity: 1;
    color: #a3bffa;
    color: rgba(163, 191, 250, var(--text-opacity));
  }
  
  .focus\:text-indigo-400:focus {
    --text-opacity: 1;
    color: #7f9cf5;
    color: rgba(127, 156, 245, var(--text-opacity));
  }
  
  .focus\:text-indigo-500:focus {
    --text-opacity: 1;
    color: #667eea;
    color: rgba(102, 126, 234, var(--text-opacity));
  }
  
  .focus\:text-indigo-600:focus {
    --text-opacity: 1;
    color: #5a67d8;
    color: rgba(90, 103, 216, var(--text-opacity));
  }
  
  .focus\:text-indigo-700:focus {
    --text-opacity: 1;
    color: #4c51bf;
    color: rgba(76, 81, 191, var(--text-opacity));
  }
  
  .focus\:text-indigo-800:focus {
    --text-opacity: 1;
    color: #434190;
    color: rgba(67, 65, 144, var(--text-opacity));
  }
  
  .focus\:text-indigo-900:focus {
    --text-opacity: 1;
    color: #3c366b;
    color: rgba(60, 54, 107, var(--text-opacity));
  }
  
  .focus\:text-purple-100:focus {
    --text-opacity: 1;
    color: #faf5ff;
    color: rgba(250, 245, 255, var(--text-opacity));
  }
  
  .focus\:text-purple-200:focus {
    --text-opacity: 1;
    color: #e9d8fd;
    color: rgba(233, 216, 253, var(--text-opacity));
  }
  
  .focus\:text-purple-300:focus {
    --text-opacity: 1;
    color: #d6bcfa;
    color: rgba(214, 188, 250, var(--text-opacity));
  }
  
  .focus\:text-purple-400:focus {
    --text-opacity: 1;
    color: #b794f4;
    color: rgba(183, 148, 244, var(--text-opacity));
  }
  
  .focus\:text-purple-500:focus {
    --text-opacity: 1;
    color: #9f7aea;
    color: rgba(159, 122, 234, var(--text-opacity));
  }
  
  .focus\:text-purple-600:focus {
    --text-opacity: 1;
    color: #805ad5;
    color: rgba(128, 90, 213, var(--text-opacity));
  }
  
  .focus\:text-purple-700:focus {
    --text-opacity: 1;
    color: #6b46c1;
    color: rgba(107, 70, 193, var(--text-opacity));
  }
  
  .focus\:text-purple-800:focus {
    --text-opacity: 1;
    color: #553c9a;
    color: rgba(85, 60, 154, var(--text-opacity));
  }
  
  .focus\:text-purple-900:focus {
    --text-opacity: 1;
    color: #44337a;
    color: rgba(68, 51, 122, var(--text-opacity));
  }
  
  .focus\:text-pink-100:focus {
    --text-opacity: 1;
    color: #fff5f7;
    color: rgba(255, 245, 247, var(--text-opacity));
  }
  
  .focus\:text-pink-200:focus {
    --text-opacity: 1;
    color: #fed7e2;
    color: rgba(254, 215, 226, var(--text-opacity));
  }
  
  .focus\:text-pink-300:focus {
    --text-opacity: 1;
    color: #fbb6ce;
    color: rgba(251, 182, 206, var(--text-opacity));
  }
  
  .focus\:text-pink-400:focus {
    --text-opacity: 1;
    color: #f687b3;
    color: rgba(246, 135, 179, var(--text-opacity));
  }
  
  .focus\:text-pink-500:focus {
    --text-opacity: 1;
    color: #ed64a6;
    color: rgba(237, 100, 166, var(--text-opacity));
  }
  
  .focus\:text-pink-600:focus {
    --text-opacity: 1;
    color: #d53f8c;
    color: rgba(213, 63, 140, var(--text-opacity));
  }
  
  .focus\:text-pink-700:focus {
    --text-opacity: 1;
    color: #b83280;
    color: rgba(184, 50, 128, var(--text-opacity));
  }
  
  .focus\:text-pink-800:focus {
    --text-opacity: 1;
    color: #97266d;
    color: rgba(151, 38, 109, var(--text-opacity));
  }
  
  .focus\:text-pink-900:focus {
    --text-opacity: 1;
    color: #702459;
    color: rgba(112, 36, 89, 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;
  }
  
  .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;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  .select-text {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
  }
  
  .select-all {
    -webkit-user-select: all;
       -moz-user-select: all;
        -ms-user-select: all;
            user-select: all;
  }
  
  .select-auto {
    -webkit-user-select: auto;
       -moz-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 {
    overflow-wrap: normal;
    word-break: normal;
  }
  
  .break-words {
    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;
    -moz-column-gap: 0;
         column-gap: 0;
  }
  
  .col-gap-1 {
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }
  
  .col-gap-2 {
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }
  
  .col-gap-3 {
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }
  
  .col-gap-4 {
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  
  .col-gap-5 {
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
  
  .col-gap-6 {
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  
  .col-gap-8 {
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  
  .col-gap-10 {
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
  
  .col-gap-12 {
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
  
  .col-gap-16 {
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
  
  .col-gap-20 {
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }
  
  .col-gap-24 {
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }
  
  .col-gap-32 {
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }
  
  .col-gap-40 {
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }
  
  .col-gap-48 {
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }
  
  .col-gap-56 {
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }
  
  .col-gap-64 {
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }
  
  .col-gap-px {
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }
  
  .gap-x-0 {
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }
  
  .gap-x-1 {
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }
  
  .gap-x-2 {
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }
  
  .gap-x-3 {
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }
  
  .gap-x-4 {
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  
  .gap-x-5 {
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
  
  .gap-x-6 {
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  
  .gap-x-8 {
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  
  .gap-x-10 {
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }
  
  .gap-x-12 {
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
  
  .gap-x-16 {
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
  
  .gap-x-20 {
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }
  
  .gap-x-24 {
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }
  
  .gap-x-32 {
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }
  
  .gap-x-40 {
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }
  
  .gap-x-48 {
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }
  
  .gap-x-56 {
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }
  
  .gap-x-64 {
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }
  
  .gap-x-px {
    grid-column-gap: 1px;
    -moz-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;
  }
  
  .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-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;
  }
  
  .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-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-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;
  }
  
  .hover\:rotate-0:hover {
    --transform-rotate: 0;
  }
  
  .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;
  }
  
  .focus\:rotate-0:focus {
    --transform-rotate: 0;
  }
  
  .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;
  }
  
  .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-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-y-0 {
    --transform-skew-y: 0;
  }
  
  .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;
  }
  
  .hover\:skew-x-0:hover {
    --transform-skew-x: 0;
  }
  
  .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-y-0:hover {
    --transform-skew-y: 0;
  }
  
  .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;
  }
  
  .focus\:skew-x-0:focus {
    --transform-skew-x: 0;
  }
  
  .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-y-0:focus {
    --transform-skew-y: 0;
  }
  
  .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;
  }
  
  .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;
  }
  
  @-webkit-keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
  
  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
  
  @-webkit-keyframes ping {
    75%, 100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @keyframes ping {
    75%, 100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes pulse {
    50% {
      opacity: .5;
    }
  }
  
  @keyframes pulse {
    50% {
      opacity: .5;
    }
  }
  
  @-webkit-keyframes bounce {
    0%, 100% {
      transform: translateY(-25%);
      -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
              animation-timing-function: cubic-bezier(0.8,0,1,1);
    }
  
    50% {
      transform: none;
      -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
              animation-timing-function: cubic-bezier(0,0,0.2,1);
    }
  }
  
  @keyframes bounce {
    0%, 100% {
      transform: translateY(-25%);
      -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
              animation-timing-function: cubic-bezier(0.8,0,1,1);
    }
  
    50% {
      transform: none;
      -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
              animation-timing-function: cubic-bezier(0,0,0.2,1);
    }
  }
  
  .animate-none {
    -webkit-animation: none;
            animation: none;
  }
  
  .animate-spin {
    -webkit-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
  }
  
  .animate-ping {
    -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
            animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }
  
  .animate-pulse {
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
  
  .animate-bounce {
    -webkit-animation: bounce 1s infinite;
            animation: bounce 1s infinite;
  }
  
  .font-kaushan {
    font-family: 'Kaushan Script', cursive;
  }
  
  .bg-hero {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 600 600'%3E%3Cpath fill='%239a94a5' fill-opacity='0.28' d='M600 325.1v-1.17c-6.5 3.83-13.06 7.64-14.68 8.64-10.6 6.56-18.57 12.56-24.68 19.09-5.58 5.95-12.44 10.06-22.42 14.15-1.45.6-2.96 1.2-4.83 1.9l-4.75 1.82c-9.78 3.75-14.8 6.27-18.98 10.1-4.23 3.88-9.65 6.6-16.77 8.84-1.95.6-3.99 1.17-6.47 1.8l-6.14 1.53c-5.29 1.35-8.3 2.37-10.54 3.78-3.08 1.92-6.63 3.26-12.74 5.03a384.1 384.1 0 0 1-4.82 1.36c-2.04.58-3.6 1.04-5.17 1.52a110.03 110.03 0 0 0-11.2 4.05c-2.7 1.15-5.5 3.93-8.78 8.4a157.68 157.68 0 0 0-6.15 9.2c-5.75 9.07-7.58 11.74-10.24 14.51a50.97 50.97 0 0 1-4.6 4.22c-2.33 1.9-10.39 7.54-11.81 8.74a14.68 14.68 0 0 0-3.67 4.15c-1.24 2.3-1.9 4.57-2.78 8.87-2.17 10.61-3.52 14.81-8.2 22.1-4.07 6.33-6.8 9.88-9.83 12.99-.47.48-.95.96-1.5 1.48l-3.75 3.56c-1.67 1.6-3.18 3.12-4.86 4.9a42.44 42.44 0 0 0-9.89 16.94c-2.5 8.13-2.72 15.47-1.76 27.22.47 5.82.51 6.36.51 8.18 0 10.51.12 17.53.63 25.78.24 4.05.56 7.8.97 11.22h.9c-1.13-9.58-1.5-21.83-1.5-37 0-1.86-.04-2.4-.52-8.26-.94-11.63-.72-18.87 1.73-26.85a41.44 41.44 0 0 1 9.65-16.55c1.67-1.76 3.18-3.27 4.83-4.85.63-.6 3.13-2.96 3.75-3.57a71.6 71.6 0 0 0 1.52-1.5c3.09-3.16 5.86-6.76 9.96-13.15 4.77-7.42 6.15-11.71 8.34-22.44.86-4.21 1.5-6.4 2.68-8.6.68-1.25 1.79-2.48 3.43-3.86 1.38-1.15 9.43-6.8 11.8-8.72 1.71-1.4 3.26-2.81 4.7-4.3 2.72-2.85 4.56-5.54 10.36-14.67a156.9 156.9 0 0 1 6.1-9.15c3.2-4.33 5.9-7.01 8.37-8.07 3.5-1.5 7.06-2.77 11.1-4.02a233.84 233.84 0 0 1 7.6-2.2l2.38-.67c6.19-1.79 9.81-3.16 12.98-5.15 2.14-1.33 5.08-2.33 10.27-3.65l6.14-1.53c2.5-.63 4.55-1.2 6.52-1.82 7.24-2.27 12.79-5.06 17.15-9.05 4.05-3.72 9-6.2 18.66-9.9l4.75-1.82c1.87-.72 3.39-1.31 4.85-1.91 10.1-4.15 17.07-8.32 22.76-14.4 6.05-6.45 13.95-12.4 24.49-18.92 1.56-.96 7.82-4.6 14.15-8.33v-64.58c-4 8.15-8.52 14.85-12.7 17.9-2.51 1.82-5.38 4.02-9.04 6.92a1063.87 1063.87 0 0 0-6.23 4.98l-1.27 1.02a2309.25 2309.25 0 0 1-4.87 3.9c-7.55 6-12.9 10.05-17.61 13.19-3.1 2.06-3.86 2.78-8.06 7.13-5.84 6.07-11.72 8.62-29.15 10.95-11.3 1.5-20.04 4.91-30.75 11.07-1.65.94-7.27 4.27-6.97 4.1-2.7 1.58-4.69 2.69-6.64 3.66-5.63 2.8-10.47 4.17-15.71 4.17-17.13 0-41.44 11.51-51.63 22.83-12.05 13.4-31.42 27.7-45.25 31.16-7.4 1.85-11.85 7.05-14.04 14.69-1.26 4.4-1.58 8.28-1.58 13.82 0 .82.01.98.24 3.63.45 5.18.35 8.72-.77 13.26-1.53 6.2-4.89 12.6-10.59 19.43-13.87 16.65-22.88 46.58-22.88 71.68 0 2.39.02 4.26.06 8.75.12 10.8.1 15.8-.22 21.95-.56 11.18-2.09 20.73-5 29.3h-1.05c2.94-8.56 4.49-18.12 5.05-29.35.31-6.13.34-11.1.22-21.9-.04-4.48-.06-6.36-.06-8.75 0-25.32 9.07-55.47 23.12-72.32 5.6-6.72 8.88-12.99 10.38-19.03 1.09-4.4 1.18-7.85.74-12.93-.23-2.7-.24-2.86-.24-3.72 0-5.62.32-9.57 1.62-14.1 2.28-7.95 6.97-13.44 14.76-15.39 13.6-3.4 32.82-17.59 44.75-30.84C409 360.14 433.58 348.5 451 348.5c5.07 0 9.77-1.33 15.26-4.07 1.93-.96 3.9-2.05 6.58-3.62-.3.18 5.33-3.16 6.98-4.11 10.82-6.21 19.66-9.67 31.11-11.2 17.23-2.3 22.9-4.75 28.57-10.64 4.25-4.41 5.04-5.16 8.22-7.28 4.68-3.11 10.01-7.14 17.55-13.14a1113.33 1113.33 0 0 0 4.86-3.89l1.28-1.02a4668.54 4668.54 0 0 1 6.23-4.98c3.67-2.9 6.55-5.12 9.07-6.95 4.37-3.19 9.16-10.56 13.29-19.4v66.9zm0-116.23c-.62.01-1.27.06-1.95.13-6.13.63-13.83 3.45-21.83 7.45-3.64 1.82-8.46 2.67-14.17 2.71-4.7.04-9.72-.47-14.73-1.33-1.7-.3-3.26-.61-4.67-.93a31.55 31.55 0 0 0-3.55-.57 273.4 273.4 0 0 0-16.66-.88c-10.42-.16-17.2.74-17.97 2.73-.38.97.6 2.55 3.03 4.87 1.01.97 2.22 2.03 4.04 3.55a1746.07 1746.07 0 0 0 4.79 4.02c1.39 1.2 3.1 1.92 5.5 2.5.7.16.86.2 2.64.54 3.53.7 5.03 1.25 6.15 2.63 1.41 1.76 1.4 4.54-.15 8.88-2.44 6.83-5.72 10.05-10.19 10.33-3.63.23-7.6-1.29-14.52-5.06-4.53-2.47-6.82-7.3-8.32-15.26-.17-.87-.32-1.78-.5-2.86l-.43-2.76c-1.05-6.58-1.9-9.2-3.73-10.11-.81-.4-1.59-.74-2.36-1-2.27-.77-4.6-1.02-8.1-.92-2.29.07-14.7 1-13.77.93-20.55 1.37-28.8 5.05-37.09 14.99a133.07 133.07 0 0 0-4.25 5.44l-2.3 3.09-2.51 3.32c-4.1 5.36-7.06 8.48-10.39 11.12-.65.52-1.33 1.04-2.13 1.62l-4.11 2.94a106.8 106.8 0 0 0-5.16 3.99c-4.55 3.74-9.74 8.6-16.25 15.38-8.25 8.58-11.78 13.54-11.7 15.95.07 1.65 1.64 2.11 6.79 2.38 1.61.09 2.15.12 2.98.2 2.95.24 5.09.73 6.81 1.68 7.48 4.15 11.63 7.26 13.95 11.58 3.3 6.15.8 12.88-8.89 20.26-8.28 6.3-11.1 10.37-11.31 14.96-.06 1.17 0 1.93.26 4.43.69 6.47.25 10.65-2.8 17.42a44.23 44.23 0 0 1-4.16 7.53c-2.82 3.97-5.47 5.74-10.6 7.69-.43.16-3.34 1.23-4.27 1.59-1.8.68-3.38 1.36-5.01 2.14-4.18 2-8.4 4.6-13.1 8.24-8.44 6.51-13.23 14.56-15.98 25.06-1.1 4.2-1.55 6.81-2.8 15.21-1.26 8.6-2.17 12.64-4.08 16.55-2.1 4.28-11.93 26.59-12.97 28.88a382.7 382.7 0 0 1-6.37 13.41c-4.07 8.11-7.61 14.07-10.73 17.81-5.38 6.46-8.98 14.37-13.77 28.42a810.14 810.14 0 0 0-1.89 5.6c-1.8 5.35-2.96 8.6-4.26 11.85-6.13 15.32-25.43 26.31-46.46 26.31-11.2 0-20.58-2.74-31.02-8.55-5.6-3.13-4.55-2.42-22.26-14.54-14.33-9.8-17.7-10.73-20.47-6.9-.37.5-1.81 2.74-1.83 2.77a52.24 52.24 0 0 1-4.94 5.9c-.73.79-5.52 5.87-6.97 7.45-2.38 2.6-4.3 4.81-5.98 6.93a45.6 45.6 0 0 0-5.08 7.66c-1.29 2.57-1.9 5.25-2.66 10.6a997.6 997.6 0 0 1-.46 3.18h-1l.47-3.32c.77-5.45 1.4-8.2 2.75-10.9a46.54 46.54 0 0 1 5.2-7.84c1.7-2.14 3.63-4.38 6.03-6.98 1.45-1.59 6.24-6.68 6.96-7.46a51.58 51.58 0 0 0 4.84-5.78s1.47-2.26 1.86-2.8c3.25-4.5 7.08-3.44 21.84 6.67 17.67 12.08 16.62 11.38 22.19 14.48 10.3 5.73 19.5 8.43 30.53 8.43 20.65 0 39.57-10.77 45.54-25.69a219.7 219.7 0 0 0 4.24-11.8 6752.32 6752.32 0 0 0 1.88-5.6c4.83-14.16 8.47-22.14 13.96-28.73 3.05-3.66 6.56-9.57 10.6-17.61 1.97-3.93 4.04-8.31 6.35-13.38 1.03-2.28 10.88-24.61 12.98-28.91 1.85-3.79 2.75-7.76 4-16.25 1.24-8.44 1.7-11.07 2.81-15.32 2.8-10.7 7.71-18.94 16.33-25.6a73.18 73.18 0 0 1 13.29-8.35c1.66-.8 3.27-1.48 5.08-2.18.94-.36 3.86-1.43 4.28-1.59 4.95-1.88 7.44-3.55 10.14-7.33 1.35-1.9 2.68-4.3 4.06-7.37 2.97-6.58 3.39-10.59 2.72-16.9a27.13 27.13 0 0 1-.27-4.58c.22-4.94 3.21-9.24 11.7-15.7 9.33-7.11 11.66-13.34 8.62-19-2.2-4.09-6.25-7.12-13.55-11.17-1.57-.88-3.6-1.33-6.42-1.57-.8-.07-1.34-.1-2.95-.19-5.77-.3-7.63-.85-7.72-3.34-.1-2.81 3.5-7.87 11.97-16.69 6.53-6.8 11.75-11.69 16.33-15.45 1.79-1.47 3.42-2.72 5.2-4.03l4.12-2.94c.79-.58 1.46-1.08 2.1-1.59 3.26-2.6 6.16-5.65 10.21-10.94a383.2 383.2 0 0 0 2.5-3.32l2.31-3.09c1.8-2.39 3.04-4 4.29-5.48 8.47-10.17 16.98-13.96 37.27-15.3-.44.02 12-.9 14.32-.98 3.62-.1 6.05.16 8.46.98.8.27 1.62.62 2.47 1.04 2.27 1.14 3.17 3.87 4.27 10.85l.44 2.76c.17 1.07.33 1.97.5 2.83 1.44 7.69 3.62 12.29 7.8 14.57 6.76 3.68 10.6 5.15 13.99 4.94 4-.25 6.99-3.17 9.3-9.67 1.45-4.04 1.46-6.49.32-7.92-.9-1.12-2.28-1.62-5.57-2.27a55.8 55.8 0 0 1-2.67-.55c-2.54-.6-4.39-1.4-5.93-2.71a252.63 252.63 0 0 0-4.78-4.01 84.35 84.35 0 0 1-4.08-3.6c-2.73-2.6-3.86-4.43-3.28-5.95 1.02-2.64 7.82-3.54 18.93-3.37a230.56 230.56 0 0 1 16.73.88c2.76.39 3.2.49 3.68.6 1.4.3 2.95.62 4.62.91a82.9 82.9 0 0 0 14.56 1.32c5.56-.04 10.24-.86 13.73-2.6 8.1-4.05 15.89-6.9 22.17-7.56.7-.07 1.4-.11 2.05-.13v1zm0-100.94v1.5c-8.62 16.05-17.27 29.55-23.65 35.92-3.19 3.2-7.62 4.9-13.54 5.56-4.45.48-8.28.4-19.18-.2-9.91-.55-15.32-.44-20.52.78a84.05 84.05 0 0 1-15 2.11l-2.25.14c-12.49.75-19.37 1.78-32.72 5.74-4.5 1.33-9.27 2.49-14.3 3.48a246.27 246.27 0 0 1-32.6 3.97c-7.56.45-13.21.57-20.24.57-5.4 0-11.9 1.61-18 5.18-8.3 4.87-15.06 12.87-19.53 24.5a68.57 68.57 0 0 1-4.56 9.8c-3.6 6.2-6.92 8.99-13.38 12.18l-4.03 1.96a64.48 64.48 0 0 0-15.16 10.25c-8.2 7.33-13.72 16.63-22.54 35.6l-2.08 4.49c-7.3 15.7-11.5 23.3-17.35 29.87-7.7 8.66-20.25 14.42-40.31 20.08-4.37 1.23-19.04 5.08-19.24 5.13-6.92 1.87-11.68 3.34-15.63 4.92-10.55 4.22-18.71 10.52-36.38 26.52l-1.7 1.54c-8.58 7.76-13.41 11.9-18.81 15.88-3.95 2.9-8 5.67-12.97 8.91-2.06 1.34-10.3 6.6-12.33 7.94-11.52 7.5-18.53 13.04-24.62 20.08a62.01 62.01 0 0 0-6.44 8.85c-4.13 6.91-6.27 13.15-9.2 25.11l-1.54 6.26c-.6 2.45-1.15 4.54-1.72 6.58-2.97 10.7-6.9 17.36-14.78 26.91L69.6 491a148.51 148.51 0 0 0-4.19 5.3 23.9 23.9 0 0 0-3.44 6.28c-1.16 3.23-1.52 5.9-1.87 11.94-.58 10.05-1.42 15.04-4.63 22.67-1.57 3.72-5.66 14.02-6.41 15.8a73.46 73.46 0 0 1-3.57 7.4c-2.88 5.14-6.71 10.12-13.12 16.95-5.96 6.36-8.87 10.9-10.61 16a56.88 56.88 0 0 0-1.38 4.82l-.46 1.84h-1.03l.52-2.08c.52-2.09.92-3.49 1.4-4.9 1.8-5.25 4.78-9.9 10.84-16.36 6.35-6.78 10.13-11.7 12.97-16.77a72.5 72.5 0 0 0 3.52-7.29c.75-1.76 4.84-12.06 6.4-15.8 3.17-7.5 3.99-12.4 4.56-22.33.35-6.14.72-8.88 1.93-12.23a24.9 24.9 0 0 1 3.58-6.54c1.27-1.7 2.6-3.37 4.22-5.34l4.11-4.95c7.8-9.46 11.66-16 14.59-26.54.56-2.04 1.1-4.12 1.71-6.56l1.53-6.26c2.96-12.04 5.13-18.36 9.32-25.39 1.84-3.08 4-6.05 6.54-8.99 6.17-7.12 13.24-12.7 24.83-20.26 2.05-1.33 10.28-6.6 12.33-7.94 4.96-3.22 9-5.98 12.92-8.87 5.37-3.95 10.19-8.08 18.74-15.82l1.7-1.54c17.76-16.09 25.98-22.43 36.67-26.7 4-1.6 8.8-3.09 15.75-4.96.21-.06 14.87-3.9 19.22-5.13 19.9-5.61 32.32-11.31 39.85-19.78 5.76-6.48 9.93-14.02 17.18-29.64l2.09-4.5c8.87-19.07 14.44-28.46 22.77-35.9a65.48 65.48 0 0 1 15.38-10.4l4.04-1.97c6.3-3.1 9.47-5.77 12.96-11.77a67.6 67.6 0 0 0 4.48-9.67c4.56-11.84 11.47-20.02 19.97-25 6.25-3.66 12.93-5.32 18.5-5.32 7.01 0 12.65-.12 20.17-.57a245.3 245.3 0 0 0 32.47-3.96c5-.98 9.75-2.13 14.22-3.45 13.43-3.98 20.38-5.02 32.94-5.78l2.24-.14c5.76-.37 9.8-.9 14.85-2.09 5.31-1.25 10.79-1.35 22.6-.7 9.04.5 12.84.58 17.21.1 5.71-.62 9.94-2.26 12.95-5.26 6.44-6.45 15.3-20.37 24.35-36.72zm0 450.21c-1.28-4.6-2.2-10.55-3.33-20.25l-.24-2.04-.23-2.03c-1.82-15.7-3.07-21.98-5.55-24.47-2.46-2.46-3.04-5.03-2.52-8.64.1-.6.18-1.1.39-2.15.69-3.54.77-5.04.08-6.84-.91-2.38-3.31-4.41-7.79-6.26-5.08-2.09-6.52-4.84-4.89-8.44.66-1.45 1.79-3.02 3.52-5.01 1.04-1.2 5.48-5.96 5.08-5.53 6.15-6.7 8.98-11.34 8.98-16.48a15.2 15.2 0 0 1 6.5-12.89v1.26a14.17 14.17 0 0 0-5.5 11.63c0 5.47-2.93 10.29-9.24 17.16.38-.42-4.04 4.33-5.07 5.5-1.67 1.93-2.75 3.43-3.36 4.77-1.37 3.04-.23 5.22 4.36 7.1 4.71 1.95 7.32 4.16 8.34 6.83.78 2.04.7 3.67-.03 7.4-.2 1.03-.3 1.51-.38 2.09-.48 3.33.03 5.59 2.23 7.8 2.74 2.74 3.98 8.96 5.84 25.06l.24 2.03.23 2.04c.82 7.01 1.53 12.06 2.34 16.03v4.33zm0-62.16c-1.4-3.13-4.43-9.9-4.95-11.17-1.02-2.53-1.25-3.8-.91-5.18.2-.84 2.05-4.68 2.32-5.33a70.79 70.79 0 0 0 3.54-11.2v3.99a62.82 62.82 0 0 1-2.62 7.6c-.31.75-2.09 4.46-2.27 5.18-.28 1.12-.08 2.22.87 4.57.41 1.02 2.5 5.7 4.02 9.09v2.45zm0-85.09c-1.65 1.66-3.66 2.9-6.4 4.13-.25.1-13.97 5.47-20.4 8.43-9.35 4.32-16.7 5.9-23.03 5.25-5.08-.53-9.02-2.25-14.77-5.92l-3.2-2.07a77.4 77.4 0 0 0-5.44-3.27c-4.05-2.18-3.25-5.8 1.47-10.47 3.71-3.68 9.6-7.93 18.73-13.8l4.46-2.82c17.95-11.33 18.22-11.5 22.27-14.74 11.25-9 19.69-14.02 26.31-15.1v1.02c-6.37 1.1-14.62 6-25.69 14.86-4.1 3.28-4.34 3.44-22.36 14.8a652.4 652.4 0 0 0-4.45 2.83c-9.07 5.83-14.92 10.05-18.57 13.66-4.31 4.28-4.95 7.13-1.7 8.88 1.7.91 3.29 1.88 5.5 3.3l3.2 2.08c5.64 3.59 9.45 5.25 14.34 5.76 6.13.64 13.32-.9 22.52-5.15 6.46-2.98 20.18-8.35 20.4-8.44 3.04-1.37 5.1-2.71 6.81-4.69v1.47zm0-41.37v1c-6.56.26-12.11 3.13-19.71 9.08l-4.63 3.68a51.87 51.87 0 0 1-4.4 3.14c-.82.52-5.51 3.33-6.22 3.76-3.31 2-6.15 3.8-8.87 5.6a112.61 112.61 0 0 0-8.16 5.92c-4.61 3.72-7.4 6.9-7.97 9.35-.63 2.67 1.48 4.53 7.05 5.46 10.7 1.78 20.92-.05 30.45-4.65a61.96 61.96 0 0 0 17.1-12.2 41.8 41.8 0 0 0 5.36-7.42v1.92a38.94 38.94 0 0 1-4.64 6.19 62.95 62.95 0 0 1-17.39 12.41c-9.7 4.68-20.13 6.55-31.05 4.73-6.06-1-8.65-3.29-7.85-6.67.64-2.74 3.53-6.05 8.31-9.9 2.35-1.9 5.1-3.88 8.24-5.97 2.73-1.82 5.58-3.61 8.9-5.62.72-.44 5.4-3.24 6.22-3.75 1.26-.8 2.6-1.76 4.3-3.09.8-.62 3.9-3.1 4.63-3.67 7.77-6.1 13.49-9.04 20.33-9.3zm0-154.6v1c-1.75-.24-4.3.23-7.82 1.55-10.01 3.75-13.8 5.07-19.15 6.76-1.78.56-2.63.83-3.87 1.24-1.48.5-3.16.76-6.74 1.16a1550.34 1550.34 0 0 0-2.64.3c-7.8.94-11.28 2.47-11.28 6.07 0 4.45 2.89 13.18 7.96 25.81a57.34 57.34 0 0 1 2.33 7.6 258.32 258.32 0 0 1 .84 3.46c1.86 7.62 3.17 10.71 5.56 11.67 2.21.88 4.7.6 7.47-.72 3.48-1.69 7.22-4.94 11.2-9.47 1.52-1.7 2.97-3.49 4.59-5.57l3.16-4.1c2.59-3.23 6.07-12.21 8.39-20.23v3.45c-2.29 7.2-5.27 14.5-7.61 17.41-.44.55-2.67 3.46-3.15 4.09-1.63 2.1-3.1 3.9-4.62 5.62-4.08 4.61-7.9 7.94-11.53 9.7-2.99 1.44-5.77 1.75-8.28.74-2.84-1.13-4.2-4.34-6.15-12.35a2097.48 2097.48 0 0 1-.84-3.46c-.8-3.2-1.47-5.45-2.28-7.46-5.14-12.8-8.04-21.55-8.04-26.19 0-4.37 3.84-6.06 12.16-7.07a160.9 160.9 0 0 1 2.65-.3c3.5-.39 5.15-.64 6.53-1.1 1.26-.42 2.1-.7 3.88-1.26 5.34-1.68 9.11-3 19.1-6.74 3.53-1.32 6.22-1.84 8.18-1.61zM0 292c10.13-11.31 18.13-23.2 23.07-35.39 3.3-8.14 6.09-16.12 10.81-30.55l1.59-4.84c6.53-19.94 10.11-29.82 14.77-39.56 6.07-12.72 12.55-21.18 20.27-25.54 6.66-3.76 10.2-7.86 12.22-13.15a46.6 46.6 0 0 0 1.86-6.58c1.23-5.2 2.05-7.59 3.93-10.36 2.45-3.62 6.27-6.53 12.1-8.96 15.78-6.58 16.73-7.04 18.05-9.01.65-.98.83-2.15.74-4.51-.03-.73-.23-3.82-.24-4A93.8 93.8 0 0 1 119 94c0-10.04.18-11.37 2.37-13.15.52-.42 1.13-.8 2.07-1.3.27-.14 2.18-1.12 2.84-1.48a68.4 68.4 0 0 0 9.12-5.87c2.06-1.54 2.64-2.14 8.01-7.93 3.78-4.09 6.21-6.36 8.96-8.12 3.64-2.33 7.2-3.12 10.9-2.11 4.4 1.2 10.81 2 18.78 2.46 6.9.4 12.9.5 21.95.5 4.87 0 8.97.47 15.4 1.57 7.77 1.33 9.3 1.54 12.38 1.54 4.05 0 7.43-.88 10.68-2.95 5.06-3.22 8.11-4.67 11.2-5.2 3.62-.64 4.77-.46 16.55 2.06 17.26 3.7 30.85 1.36 41.06-9.7 5.1-5.53 5.48-8.9 3.48-14.8-.83-2.42-1.03-3.1-1.17-4.3-.29-2.52.5-4.71 2.71-6.93 2.65-2.65 4.72-9.17 6.22-18.29h2.03c-1.56 9.71-3.77 16.65-6.83 19.7-1.79 1.8-2.36 3.39-2.14 5.28.11 1 .3 1.63 1.07 3.9 2.22 6.53 1.76 10.66-3.9 16.8-10.77 11.66-25.07 14.13-42.95 10.3-11.42-2.45-12.55-2.62-15.78-2.06-2.77.48-5.62 1.84-10.47 4.92a20.93 20.93 0 0 1-11.76 3.27c-3.25 0-4.81-.22-12.73-1.57C212.74 59.46 208.73 59 204 59c-9.1 0-15.11-.1-22.07-.5-8.09-.47-14.62-1.29-19.2-2.54-5.62-1.53-10.17 1.38-17.85 9.66-5.5 5.94-6.08 6.53-8.28 8.18a70.38 70.38 0 0 1-9.38 6.03c-.68.37-2.58 1.35-2.84 1.49-.84.44-1.35.76-1.75 1.08C121.16 83.6 121 84.8 121 94c0 1.85.06 3.54.17 5.44 0 .17.2 3.28.24 4.03.1 2.75-.13 4.29-1.08 5.71-1.67 2.5-2.27 2.8-18.95 9.74-5.48 2.29-8.99 4.96-11.2 8.24-1.71 2.51-2.47 4.73-3.64 9.7-.83 3.5-1.21 4.92-1.94 6.83-2.18 5.73-6.05 10.19-13.1 14.18-7.3 4.12-13.55 12.28-19.46 24.66-4.6 9.64-8.17 19.46-14.67 39.32l-1.58 4.84c-4.75 14.47-7.54 22.48-10.86 30.69-5.28 13.01-13.95 25.65-24.93 37.6v-2.97zm0 78v-.5l1-.01c6.32 0 7.47 5.2 4.6 13.36a60.36 60.36 0 0 1-5.6 11.3v-1.92a57.76 57.76 0 0 0 4.65-9.72c2.69-7.6 1.71-12.02-3.65-12.02-.34 0-.67 0-1 .02v-46.59a340.96 340.96 0 0 0 13.71-8.34c13.66-9.46 29.79-37.6 29.79-53.59 0-18.1 21.57-72.64 32.23-79.42 12.71-8.09 32.24-27.96 35.8-37.75 1.93-5.3 5.5-7.27 14.42-9.37 6.15-1.44 8.64-2.42 10.67-4.79 1.5-1.74 2.72-4.79 4.33-10.3.23-.78 1.9-6.68 2.43-8.46 3.62-12.08 7.3-18.49 13.47-20.39 2.5-.76 3.03-.98 9.74-3.7 7.49-3.03 11.97-4.43 17.12-4.92 6.75-.65 13.13.75 19.55 4.67 5.43 3.32 12.19 4.72 20.17 4.56 6.03-.12 12.2-1.07 19.83-2.8 1.82-.4 7.38-1.74 8.26-1.94 2.69-.6 4.34-.89 5.48-.89 4.97 0 8.93-.05 14.2-.27 7.9-.32 15.56-.92 22.75-1.88 8.5-1.14 15.9-2.73 21.88-4.82 18.9-6.62 32.64-18.3 33.67-27.59.29-2.56.4-2.96 2.79-11.11 2.33-7.95 3.21-12.93 2.72-18.23-.2-2.24-.69-4.38-1.48-6.42-1.5-3.92-2.63-9.4-3.43-16.18h.9c.77 6.47 1.89 11.72 3.47 15.82a24.93 24.93 0 0 1 1.54 6.69c.5 5.46-.4 10.54-2.77 18.6-2.36 8.06-2.47 8.47-2.74 10.95-1.09 9.75-15.1 21.68-34.33 28.41-6.06 2.12-13.52 3.72-22.09 4.87-7.22.96-14.92 1.57-22.83 1.89-5.3.21-9.27.27-14.25.27-1.04 0-2.64.27-5.26.87-.87.2-6.43 1.53-8.26 1.94-7.68 1.73-13.92 2.7-20.03 2.82-8.15.17-15.1-1.27-20.71-4.7-6.23-3.81-12.4-5.16-18.93-4.54-5.04.48-9.44 1.86-16.84 4.86-6.75 2.74-7.29 2.95-9.82 3.73-5.73 1.76-9.28 7.96-12.81 19.72-.53 1.77-2.2 7.66-2.43 8.46-1.66 5.65-2.91 8.78-4.53 10.67-2.22 2.58-4.84 3.62-12.01 5.3-7.8 1.83-11.13 3.66-12.9 8.54-3.65 10.04-23.32 30.06-36.2 38.25C65.94 190 44.5 244.2 44.5 262c0 16.34-16.3 44.78-30.22 54.41-2.14 1.48-8.24 5.12-14.28 8.68v-1.16 46.09zm0-173.7v-1.11c7.42-3.82 14.55-10.23 21.84-18.98 3.8-4.56 14.21-18.78 15.79-20.55 1.8-2.04 4.06-3.96 7.42-6.45 1.08-.8 4.92-3.57 5.49-3.99 9.36-6.85 14-11.96 15.98-19.36.8-2.98 1.54-6.78 2.46-12.3.23-1.44 2-12.46 2.56-15.79 2.87-16.77 5.73-26.79 10.07-32.1C92.46 52.43 101.5 38.13 101.5 33c0-2.54.34-3.35 6.05-15.71.68-1.49 1.25-2.74 1.77-3.93 2.5-5.75 3.9-10.04 4.14-13.36h1c-.23 3.48-1.66 7.87-4.23 13.76-.52 1.2-1.09 2.45-1.78 3.95-5.54 12.01-5.95 12.99-5.95 15.29 0 5.47-9.09 19.84-20.11 33.31-4.2 5.12-7.03 15.06-9.86 31.64-.57 3.33-2.33 14.33-2.57 15.78-.92 5.56-1.67 9.38-2.48 12.4-2.05 7.68-6.82 12.93-16.35 19.91l-5.49 3.98c-3.3 2.45-5.51 4.34-7.27 6.31-1.53 1.73-11.94 15.93-15.76 20.53-7.52 9.02-14.88 15.6-22.61 19.46zm0 361.83v-4.33c.48 2.36 1 4.35 1.6 6.15 2 6.03 4.6 8.26 8.19 6.59C28.76 557.69 43.5 542.4 43.5 527c0-16.2 6.37-31.99 17.1-46.3 1.88-2.5 3.66-4.4 5.53-6 .73-.62 1.45-1.18 2.3-1.8l2-1.43c3.68-2.68 5.32-5.28 7.08-12.59.75-3.07 1.38-5.02 4.2-13.26l.63-1.88c3.24-9.58 4.56-14.97 4.17-18.65-.48-4.43-3.8-5.23-11.3-1.64a81.12 81.12 0 0 1-9.15 3.7c-13.89 4.67-26.96 5.8-42.66 5.42l-1.95-.05-1.45-.02a39.8 39.8 0 0 0-15.05 2.96A21.81 21.81 0 0 0 0 438.37v-1.26a23.55 23.55 0 0 1 4.55-2.57 40.77 40.77 0 0 1 16.92-3.02l1.95.05c15.6.38 28.57-.75 42.32-5.37a80.12 80.12 0 0 0 9.04-3.65c8.04-3.84 12.16-2.85 12.72 2.43.42 3.89-.92 9.34-4.21 19.08l-.64 1.88c-2.8 8.2-3.43 10.15-4.16 13.18-1.82 7.52-3.59 10.34-7.47 13.16l-2 1.43c-.84.6-1.54 1.15-2.25 1.75a35.45 35.45 0 0 0-5.37 5.84c-10.61 14.15-16.9 29.74-16.9 45.7 0 15.88-15 31.45-34.29 40.45-4.3 2.01-7.39-.66-9.56-7.18-.23-.68-.44-1.39-.65-2.13zm0-62.16v-2.45l1.46 3.27c2.1 4.8 3.46 10.33 4.26 16.77.66 5.3.84 9.3 1.04 18.5.2 9.32.5 12.75 1.63 15.05 1.28 2.6 3.67 2.35 8.29-1.5 17.14-14.3 21.82-22.9 21.82-38.62 0-7.17 1.1-12.39 3.7-17.68 2.27-4.67 3.65-6.62 13.4-19.62a69.8 69.8 0 0 1 7.6-8.79 44.76 44.76 0 0 1 3.54-3.06c.38-.3.64-.52.89-.74a10.47 10.47 0 0 0 2.63-3.32 35.78 35.78 0 0 0 2.26-5.94l.37-1.2.36-1.15c.29-.91.48-1.55.66-2.16.45-1.53.74-2.68.91-3.66.38-2.2.12-3.49-.85-4.15-2.35-1.61-9.28-.24-23.8 4.94-9.54 3.4-16.12 4.17-27.85 4.26-7.71.06-10.43.4-13.25 2.12-3.48 2.12-5.84 6.4-7.58 14.26-.5 2.2-.99 4.19-1.49 5.98v-3.98l.51-2.22c1.8-8.1 4.28-12.6 8.04-14.9 3.04-1.85 5.86-2.2 13.77-2.26 11.61-.09 18.1-.84 27.51-4.2 14.93-5.32 21.95-6.71 24.7-4.83 1.38.94 1.71 2.6 1.28 5.15a33.69 33.69 0 0 1-.94 3.78l-.66 2.17-.36 1.15-.37 1.2a36.64 36.64 0 0 1-2.33 6.1c-.8 1.53-1.61 2.52-2.86 3.61l-.92.77-1.02.83c-.9.74-1.65 1.4-2.47 2.18a68.84 68.84 0 0 0-7.48 8.66c-9.7 12.93-11.07 14.87-13.31 19.46-2.52 5.15-3.59 10.22-3.59 17.24 0 16.04-4.82 24.91-22.18 39.38-5.04 4.2-8.18 4.55-9.83 1.18-1.22-2.5-1.52-5.94-1.73-15.47-.2-9.16-.38-13.15-1.03-18.4-.79-6.34-2.12-11.8-4.19-16.49L0 495.98zM379.27 0h1.04l1.5 5.26c3.28 11.56 4.89 19.33 5.26 27.8.49 11.01-1.52 21.26-6.63 31.17-7.8 15.13-20.47 26.5-36.22 34.1-12.38 5.96-26.12 9.17-36.22 9.17-6.84 0-17.24 1.38-37.27 4.62l-2.27.37c-24.5 3.99-31.65 5-37.46 5-3.49 0-4.08-.08-19.54-2.8-3.56-.64-6.32-1.1-9-1.5-20.23-2.96-31-1.2-31.96 7.86-.1.85-.18 1.72-.29 2.81l-.27 2.73c-1.1 10.9-2.02 15.73-4.31 19.96-2.9 5.34-7.77 7.95-15.63 7.95-10.2 0-12.92.6-15.5 3.17.52-.51-5.03 5.85-8.16 8.7-2.75 2.5-14.32 12.55-15.77 13.83a341.27 341.27 0 0 0-6.54 5.92c-6.97 6.49-11.81 11.76-14.6 16.15-5.92 9.3-10.48 18.04-11.69 24.08-1.66 8.3 3.67 9.54 19.02 1.21a626.23 626.23 0 0 1 44.54-21.9c3.5-1.56 14.04-6.2 15.68-6.95 5.05-2.25 8.3-3.8 10.78-5.15l1.95-1.07 2.18-1.18c1.76-.94 3.38-1.76 5-2.55 18.1-8.72 34.48-10.46 50.33-1.2 22.89 13.34 38.28 37.02 38.28 56.44 0 19.12-.73 25.13-5.18 33.2a45.32 45.32 0 0 1-4.94 7.12c-6.47 7.77-11.81 16.2-12.76 21.27-1.2 6.34 4.69 7.03 20.17-.05 13.31-6.08 22.4-14.95 28.5-26.32a80.51 80.51 0 0 0 6.1-15.13c.9-2.98 3.17-11.65 3.41-12.48a29.02 29.02 0 0 1 1.75-4.83c7.47-14.93 21.09-30.5 36.25-37.24 7.61-3.38 13-9.65 19.4-20.79.84-1.48 4.26-7.64 5.14-9.17 3.52-6.1 6.22-9.7 9.37-11.98 10.15-7.4 28.7-11.1 50.29-11.1 7.52 0 16.54-1.24 27.51-3.58a420.1 420.1 0 0 0 14.96-3.52c-1.3.33 15.54-3.98 19.42-4.89 14.15-3.33 41.07-5.01 64.11-5.01 17.36 0 27.82-9.23 38.53-38.67 6.62-18.21 6.62-26.37 2.69-34.35l-1.18-2.37A13.36 13.36 0 0 1 587.5 58c0-4.03 0-4.01 2.5-24.56.46-3.73.8-6.74 1.12-9.64.9-8.45 1.38-15.2 1.38-20.8 0-.94-.02-1.94-.04-3h1c.03 1.06.04 2.06.04 3 0 5.65-.48 12.43-1.39 20.9-.3 2.91-.66 5.93-1.11 9.66-2.5 20.45-2.5 20.47-2.5 24.44 0 1.97.45 3.57 1.45 5.68.24.51 1.16 2.35 1.17 2.36 4.06 8.24 4.06 16.68-2.65 35.13-10.84 29.8-21.63 39.33-39.47 39.33-22.96 0-49.83 1.68-63.89 4.99-3.86.9-20.69 5.2-19.4 4.88a421.05 421.05 0 0 1-14.99 3.53c-11.04 2.35-20.11 3.6-27.72 3.6-21.4 0-39.76 3.67-49.7 10.9-3 2.19-5.64 5.7-9.1 11.68-.87 1.52-4.29 7.68-5.14 9.17-6.49 11.3-12 17.71-19.86 21.2-14.9 6.63-28.38 22.03-35.75 36.77a28.17 28.17 0 0 0-1.69 4.67c-.23.8-2.5 9.49-3.4 12.5a81.48 81.48 0 0 1-6.19 15.3c-6.2 11.56-15.44 20.58-28.96 26.76-16.1 7.36-23 6.55-21.58-1.04 1-5.29 6.4-13.83 12.99-21.73a44.33 44.33 0 0 0 4.82-6.96c4.35-7.88 5.06-13.77 5.06-32.72 0-19.04-15.19-42.4-37.72-55.55-15.57-9.08-31.62-7.38-49.45 1.21a132.9 132.9 0 0 0-7.14 3.71l-1.95 1.07a158.83 158.83 0 0 1-10.85 5.19c-1.65.74-12.18 5.38-15.69 6.95a625.25 625.25 0 0 0-44.46 21.86c-15.95 8.66-22.37 7.16-20.48-2.29 1.24-6.2 5.83-15.02 11.82-24.42 2.85-4.48 7.74-9.8 14.77-16.34 1.98-1.85 4.12-3.79 6.56-5.94 1.46-1.29 13.02-11.33 15.75-13.82 3.09-2.8 8.6-9.14 8.14-8.67 2.82-2.82 5.75-3.46 16.2-3.46 7.5 0 12.04-2.43 14.75-7.42 2.2-4.07 3.11-8.84 4.2-19.59l.26-2.73.3-2.81c.56-5.42 4.47-8.5 11.23-9.6 5.44-.88 12.51-.51 21.86.86 2.7.4 5.47.86 9.04 1.49 15.33 2.7 15.96 2.8 19.36 2.8 5.73 0 12.9-1.03 37.3-5l2.27-.36c20.1-3.26 30.52-4.64 37.43-4.64 9.95 0 23.54-3.18 35.78-9.08 15.57-7.5 28.09-18.73 35.78-33.65 5.02-9.75 7-19.82 6.51-30.67-.37-8.37-1.96-16.08-5.23-27.57L379.27 0zm13.68 0h1.02c.78 3.9 1.92 8.7 3.51 14.88 3.63 14.05 3.06 27.03-.75 38.77a61 61 0 0 1-11.35 20.68 138.36 138.36 0 0 1-19.32 18.77c-11.32 9.02-23.36 15.49-35.95 18.39a258.63 258.63 0 0 1-22.57 4.07c-3.17.44-6.36.85-10.3 1.32l-9.39 1.12c-11.53 1.41-17.45 2.55-21.64 4.46-9.28 4.21-28.35 6.04-49.21 6.04-1.37 0-2.8-.12-4.3-.35-2.62-.41-5-1.03-9.14-2.29-7.34-2.21-9.63-2.75-12.63-2.56-3.9.23-6.63 2.29-8.47 6.89-1.86 4.66-2.42 7.53-3.34 14.98-1.1 8.98-2.87 12.12-9.97 14.3a40.12 40.12 0 0 0-6.8 2.66c-.63.33-1.16.64-1.76 1.02l-1.34.86c-1.9 1.14-3.86 1.49-9.25 1.49-3.2 0-8.83-.55-9.51-.39-1.22.28-.75-.14-7.14 6.24-1.5 1.5-3.49 3.18-6.32 5.37-1.52 1.18-7.16 5.43-7.94 6.03-4.96 3.78-8.33 6.6-11.06 9.38-4.88 4.98-6.85 9.15-5.56 12.7 1.34 3.67 4.07 4.42 8.9 2.82a55.72 55.72 0 0 0 7.77-3.48c1.5-.77 7.78-4.13 9.37-4.96a116.8 116.8 0 0 1 12.31-5.68 162.2 162.2 0 0 0 11.04-4.84c2.04-.97 10.74-5.16 13-6.22 4.41-2.1 8.1-3.78 11.65-5.29 17.14-7.3 29.32-9.9 37.67-6.65l5.43 2.1c2.3.88 4.17 1.62 6.02 2.38a150.9 150.9 0 0 1 13.07 6c18.34 9.63 30.35 22.13 34.79 39.87 6.96 27.85 3.6 45.53-8.08 62.4-3.97 5.75-3.52 9.2.06 8.97 4.14-.28 10.21-4.95 15.11-12.52 3.1-4.8 5.1-10.45 8.05-21.53l1.69-6.35c.66-2.47 1.24-4.52 1.83-6.5 4.93-16.56 11-27.28 21.56-34.76 7.15-5.06 23.73-15.5 25.48-16.75 6.74-4.81 10.53-9.44 14.34-18 7.74-17.44 21.09-24.34 44.47-24.34 9.36 0 17.91-1.13 29.53-3.49a624.86 624.86 0 0 0 6.2-1.28c2.4-.5 4.07-.84 5.66-1.13 4.03-.74 7.04-1.1 9.61-1.1 4.44 0 9.39-1 31.39-5.99l2.95-.66c16.34-3.67 25.64-5.35 31.66-5.35 1.54 0 2.4.01 6.4.1 7.8.15 12.27.13 17.33-.2 16.41-1.06 26.73-5.36 29.8-14.56a87.1 87.1 0 0 1 3.55-8.83c-.15.31 2.29-4.96 2.9-6.38 5.38-12.3 5.57-21.92-1.44-39.44a86.4 86.4 0 0 1-5.26-20.72c-1.61-11.98-1.38-23.14.1-40.35l.2-2.12h1l-.2 2.2c-1.48 17.15-1.7 28.24-.11 40.14a85.4 85.4 0 0 0 5.2 20.47c7.1 17.78 6.91 27.67 1.43 40.22-.62 1.43-3.06 6.72-2.91 6.4a86.17 86.17 0 0 0-3.52 8.73c-3.23 9.72-13.9 14.15-30.68 15.24-5.1.33-9.58.35-17.42.2-3.98-.09-4.84-.1-6.37-.1-5.91 0-15.18 1.67-31.44 5.32l-2.95.67c-22.16 5.02-27.05 6.01-31.61 6.01-2.5 0-5.45.36-9.43 1.09-1.58.29-3.25.62-5.64 1.11a4894.21 4894.21 0 0 0-6.2 1.29c-11.68 2.37-20.3 3.51-29.73 3.51-23.02 0-36 6.71-43.53 23.66-3.9 8.8-7.82 13.58-14.7 18.5-1.78 1.27-18.36 11.7-25.48 16.75-10.34 7.32-16.3 17.87-21.19 34.23-.58 1.96-1.15 4-1.82 6.47l-1.69 6.35c-2.98 11.18-5 16.9-8.17 21.81-5.05 7.81-11.37 12.68-15.89 12.98-4.7.31-5.3-4.23-.94-10.53 11.52-16.64 14.82-34.03 7.92-61.6-4.35-17.42-16.16-29.72-34.27-39.22-4-2.1-8.2-4-12.99-5.97-1.84-.75-3.7-1.49-6-2.38l-5.43-2.08c-8.03-3.12-20.02-.58-36.92 6.63-3.52 1.5-7.21 3.19-11.61 5.27l-13 6.22c-4.71 2.22-8.16 3.75-11.11 4.88a115.87 115.87 0 0 0-12.21 5.63c-1.58.83-7.86 4.18-9.37 4.96a56.55 56.55 0 0 1-7.9 3.54c-5.3 1.75-8.62.85-10.17-3.43-1.46-4.02.66-8.5 5.8-13.74 2.75-2.82 6.16-5.66 11.15-9.48.79-.6 6.43-4.85 7.94-6.02a66.96 66.96 0 0 0 6.23-5.28c6.74-6.74 6.1-6.16 7.61-6.51.87-.2 6.69.36 9.74.36 5.22 0 7.03-.32 8.74-1.35l1.31-.84c.62-.4 1.18-.72 1.84-1.07a41.07 41.07 0 0 1 6.96-2.72c6.64-2.04 8.22-4.84 9.28-13.47.93-7.53 1.5-10.47 3.4-15.24 1.99-4.95 5.04-7.26 9.34-7.51 3.17-.2 5.5.35 12.97 2.6a63.54 63.54 0 0 0 9.02 2.26c1.45.22 2.83.34 4.14.34 20.71 0 39.7-1.82 48.8-5.96 4.32-1.96 10.29-3.1 21.93-4.53l9.4-1.12c3.92-.48 7.11-.88 10.27-1.32 8.16-1.14 15.4-2.43 22.49-4.06 12.42-2.86 24.33-9.26 35.55-18.2a137.4 137.4 0 0 0 19.18-18.64 60.02 60.02 0 0 0 11.15-20.32c3.76-11.57 4.32-24.36.75-38.23A284.86 284.86 0 0 1 392.95 0zM506.7 0h1.26c-.5.66-.9 1.18-1.17 1.51-3.95 4.96-6.9 7.92-9.82 9.57A10.02 10.02 0 0 1 492 12.5c-2.38 0-4.24.67-6.71 2.21l-2.65 1.71c-4.38 2.8-8.01 4.08-13.64 4.08-5.6 0-9.99-1.26-16.08-4.05a202.63 202.63 0 0 1-2.3-1.06l-2.18-.98c-1.6-.7-2.92-1.17-4.17-1.48a13.42 13.42 0 0 0-3.27-.43c-2.3 0-4.3-.68-11-3.37l-1.56-.62c-5-1.97-8.1-2.82-10.52-2.66-2.93.2-4.42 2.03-4.42 6.15 0 20.76-5.21 50.42-12.15 57.35-7.58 7.59-26.55 23.7-34.06 29.06-13.16 9.4-31.17 20.2-44.11 25.06a106.87 106.87 0 0 1-13.32 4.03c-3.28.78-6.6 1.43-11.25 2.24-.53.1-8.8 1.5-11.5 1.99-4.86.87-9.3 1.74-14 2.76-20.62 4.48-25.07 5.01-38.11 5.01-2.49 0-2.9-.07-14.05-2-2.42-.42-4.31-.73-6.15-1-8.11-1.19-13.83-1.36-17.64-.2-4.54 1.4-5.93 4.65-3.7 10.52 2.02 5.28 4.84 8.61 8.84 10.74 3.26 1.74 6.75 2.6 13.82 3.71 9.42 1.48 10.94 1.75 15.5 2.92a78.2 78.2 0 0 1 18.62 7.37c8.3 4.58 14.58 11.5 19.98 20.89 2.73 4.73 9.46 19.33 10.54 21.19 3.4 5.85 6.26 6.63 10.89 2 4.95-4.94 10.35-8.37 21.13-14.06.47-.25 2.06-1.1 2.12-1.12 7.98-4.21 11.92-6.51 15.87-9.54 5.11-3.9 8.66-8.1 10.77-13.11 8.52-20.24 20.75-33.31 32.46-33.31l5.5.03c10.53.08 17.35.02 24.9-.31 13.66-.62 23.78-2.09 29.39-4.67 5.85-2.7 13.42-5.49 24.18-9.02 3.46-1.14 6.29-2.05 12.7-4.1 7.7-2.45 11.08-3.54 15.17-4.9a1059.43 1059.43 0 0 1 11.33-3.72c3.67-1.2 5.96-2 8.03-2.78a59.88 59.88 0 0 0 6.66-2.94c1.87-.98 3.76-2.1 5.86-3.5 3.48-2.33 6.15-3.13 12.04-4.13l1.15-.2c5.71-1.01 9-2.3 12.76-5.63 7.82-6.96 8.58-23.18 3.84-44.52-1.7-7.67-2.1-19.28-1.57-35.47A837.22 837.22 0 0 1 546.76 0h1l-.15 3.06c-.32 6.42-.53 11.02-.68 15.62-.51 16.1-.12 27.65 1.56 35.21 4.82 21.68 4.04 38.2-4.16 45.48-3.91 3.48-7.37 4.84-13.24 5.87l-1.16.2c-5.76.99-8.32 1.75-11.65 3.98a63.73 63.73 0 0 1-5.96 3.56 60.86 60.86 0 0 1-6.77 2.99c-2.09.79-4.39 1.58-8.07 2.79a5398.31 5398.31 0 0 1-11.32 3.71c-4.1 1.37-7.48 2.46-15.18 4.92-6.42 2.04-9.24 2.95-12.7 4.08-10.73 3.53-18.27 6.3-24.07 8.98-5.76 2.66-15.97 4.14-29.77 4.77-7.56.33-14.4.39-24.95.31l-5.49-.03c-11.19 0-23.16 12.79-31.54 32.7-2.19 5.19-5.84 9.52-11.08 13.52-4.02 3.07-7.99 5.39-16.01 9.62l-2.12 1.12c-10.7 5.65-16.04 9.04-20.9 13.9-5.14 5.14-8.75 4.15-12.45-2.22-1.12-1.92-7.85-16.5-10.54-21.2-5.33-9.24-11.48-16.02-19.6-20.5a77.2 77.2 0 0 0-18.4-7.28c-4.5-1.17-6.02-1.43-15.4-2.9-7.17-1.12-10.74-2-14.13-3.81-4.22-2.25-7.2-5.77-9.3-11.27-2.43-6.39-.78-10.26 4.34-11.83 4-1.22 9.82-1.05 18.08.17 1.84.27 3.74.58 6.17 1 11.02 1.9 11.48 1.98 13.88 1.98 12.96 0 17.35-.52 37.9-4.99 4.71-1.02 9.16-1.9 14.03-2.77 2.71-.48 10.98-1.9 11.5-1.98 4.64-.81 7.95-1.46 11.2-2.23 4.55-1.07 8.76-2.34 13.2-4 12.83-4.81 30.79-15.59 43.88-24.94 7.47-5.33 26.4-21.4 33.94-28.94C407.3 61.98 412.5 32.49 412.5 12c0-4.61 1.86-6.9 5.35-7.15 2.63-.18 5.8.7 10.96 2.73l1.56.62c6.53 2.62 8.53 3.3 10.63 3.3 1.14 0 2.3.16 3.5.46 1.32.33 2.68.82 4.34 1.53a90.97 90.97 0 0 1 3.34 1.52l1.15.54c5.98 2.73 10.23 3.95 15.67 3.95 5.41 0 8.87-1.21 13.1-3.92.2-.13 2.1-1.38 2.66-1.72 2.62-1.63 4.64-2.36 7.24-2.36 1.47 0 2.94-.43 4.47-1.3 2.78-1.56 5.67-4.45 9.54-9.31l.7-.89zM324.54 600h-2.03c.49-2.96.91-6.2 1.28-9.66.44-4.1.76-8.25.98-12.21.08-1.39.14-2.65-.35-7.29-.47-1.94-.93-4.14-1.36-6.54-2.01-11.26-2.66-22.9-1.14-33.78a60.76 60.76 0 0 1 5.18-17.95 70.78 70.78 0 0 1 12.6-18.22c3.38-3.6 5.53-5.5 11.83-10.79 4.5-3.78 6.35-5.56 7.52-7.5.64-1.07.95-2.06.95-3.06 0-1.75 0-1.74-.75-9.23-.36-3.7-.57-6.3-.68-8.96-.5-12.1 1.62-19.6 8.11-21.76 15.9-5.3 25.89-12.1 33.45-25.54C409.6 390.65 425.85 376 436 376c12.36 0 20-1.96 29.41-8.8 6.76-4.92 9.5-6.6 12.47-7.46 2.22-.64 3.8-.74 9.12-.74 1.86 0 3.53-.83 5.57-2.62 1.08-.96 5.11-5.12 5.6-5.6 6.04-5.85 11.98-8.78 20.83-8.78 2.45 0 4.54.04 7.32.12 7.51.23 8.87.17 11.27-.7 3.03-1.1 5.53-3.03 14.75-11.17 8-7.06 10.72-8.92 22.87-16.47 1.44-.9 2.59-1.63 3.69-2.37a69.45 69.45 0 0 0 9.46-7.5c4.12-3.88 8.02-7.85 11.64-11.9v2.98a201.58 201.58 0 0 1-10.27 10.38c-3.18 3-6.2 5.35-9.72 7.7-1.12.76-2.28 1.5-3.75 2.4-12.05 7.5-14.71 9.32-22.6 16.28-9.46 8.35-12.01 10.32-15.39 11.55-2.74 1-4.19 1.06-12.01.82-2.76-.08-4.83-.12-7.26-.12-8.27 0-13.75 2.7-19.43 8.22-.44.43-4.52 4.64-5.68 5.66-2.37 2.09-4.46 3.12-6.89 3.12-5.1 0-6.6.1-8.56.66-2.67.78-5.29 2.37-11.85 7.15-9.8 7.13-17.85 9.19-30.59 9.19-9.22 0-24.96 14.2-34.13 30.49-7.84 13.94-18.24 21.02-34.55 26.46-5.31 1.77-7.21 8.51-6.75 19.78.1 2.6.31 5.19.68 8.84.75 7.62.75 7.58.75 9.43 0 1.38-.42 2.73-1.24 4.09-1.33 2.2-3.26 4.07-7.94 8-6.25 5.24-8.36 7.12-11.67 10.63a68.8 68.8 0 0 0-12.25 17.71 58.8 58.8 0 0 0-5 17.36c-1.49 10.66-.85 22.09 1.13 33.15.43 2.37.88 4.53 1.33 6.44.16.66.3 1.25.6 4.06a249.3 249.3 0 0 1-1.17 16.12c-.37 3.37-.78 6.53-1.25 9.44zm-13.4 0h-1.05l.12-.28c3.07-7.16 4.29-11.83 4.29-18.72 0-3.57-.07-4.93-.76-15.65-.77-12.04-1-19.64-.55-28.3.58-11.5 2.4-22.1 5.81-32.16 1.3-3.8 2.8-7.5 4.55-11.1 3.46-7.14 6.83-12.39 10.42-16.6a59.02 59.02 0 0 1 4.35-4.56c.43-.4 3-2.8 3.67-3.45 5.72-5.6 7.51-11.52 7.51-29.18 0-18.84 2.9-23.77 15.82-28.24 1.09-.37 1.92-.67 2.77-.98a51.3 51.3 0 0 0 6.1-2.7c4.95-2.6 9.64-6.22 14.44-11.42 25.5-27.63 37.15-35.16 56.37-35.16 8.28 0 14.54-1.95 22-6.3 1.78-1.03 13.82-8.82 18.16-11.27 2.83-1.59 5.66-3.03 8.63-4.39 7.92-3.6 13.97-4.45 26.6-4.8 7.53-.2 10.7-.49 14.26-1.58 4.55-1.4 8.06-4 10.93-8.43 2.2-3.41 6.85-7.08 14.66-12.06 1.61-1.03 3.27-2.05 5.65-3.5 9.53-5.85 11.56-7.13 14.81-9.57 5.34-4 9.3-8.37 13.68-14.77a204.2 204.2 0 0 0 5.62-8.75v1.9c-1.97 3.17-3.4 5.38-4.8 7.42-4.42 6.48-8.46 10.92-13.9 15-3.29 2.46-5.32 3.75-14.89 9.61a375.06 375.06 0 0 0-5.63 3.5c-7.7 4.9-12.26 8.52-14.36 11.76-3 4.63-6.7 7.39-11.48 8.85-3.68 1.12-6.9 1.42-14.53 1.63-12.5.34-18.44 1.18-26.2 4.7a111.08 111.08 0 0 0-8.56 4.35c-4.3 2.43-16.34 10.22-18.15 11.27-7.6 4.43-14.03 6.43-22.5 6.43-18.87 0-30.3 7.4-55.63 34.84-4.88 5.28-9.67 8.97-14.7 11.62-2 1.05-4 1.92-6.23 2.75-.86.32-1.7.62-5.37 1.87-5.08 1.76-7.44 3.25-9.28 6.37-2.23 3.78-3.29 9.94-3.29 20.05 0 17.9-1.87 24.07-7.8 29.89-.69.67-3.27 3.06-3.69 3.46a58.04 58.04 0 0 0-4.28 4.49c-3.53 4.14-6.86 9.32-10.28 16.38a95.19 95.19 0 0 0-4.5 10.99c-3.38 9.97-5.18 20.48-5.76 31.9-.44 8.6-.22 16.17.55 28.17.69 10.76.76 12.12.76 15.72 0 6.35-1.02 10.87-4.35 19zm25.08 0h-1c-.04-4.73.06-9.39.28-15.02.26-6.41-.4-11.79-2.53-24.37l-.31-1.86c-2.12-12.55-2.76-19.35-1.97-26.47 1.03-9.25 4.75-16.68 12-22.67 22.04-18.2 29.81-30.18 29.81-44.61 0-2.6-.3-4.81-.98-8.17-.97-4.79-1.1-5.68-.97-7.57.2-2.56 1.27-4.7 3.56-6.72 2.67-2.35 7.05-4.6 13.72-7.01 9.72-3.5 15.52-9.18 24.3-21.57l1.78-2.5c4.48-6.33 7.1-9.63 10.43-12.78 4.31-4.07 8.98-6.77 14.54-8.17 13.3-3.32 20.37-5.47 25.34-7.64a49.5 49.5 0 0 0 5.28-2.7c1.1-.65 1.75-1.04 4.24-2.6 2.7-1.68 5.22-2.08 11.38-2.28 5.44-.18 7.9-.43 10.97-1.41a21.47 21.47 0 0 0 9.54-6.22c4.87-5.3 10.03-7.61 17.79-8.9 1.07-.18 1.88-.3 3.86-.58 6.9-.97 9.94-1.69 13.48-3.62 4.5-2.45 6.79-4.44 23.46-19.68l3.14-2.85c9.65-8.71 16.12-13.83 21.42-16.48 4.25-2.12 7.6-4.69 11.22-8.6v1.45c-3.42 3.57-6.69 6-10.78 8.05-5.18 2.59-11.61 7.67-21.2 16.32l-3.12 2.85c-16.8 15.35-19.05 17.3-23.66 19.82-3.68 2-6.8 2.75-13.82 3.73-1.97.28-2.78.4-3.84.57-7.56 1.26-12.52 3.48-17.21 8.6a22.47 22.47 0 0 1-9.97 6.5c-3.2 1-5.72 1.27-11.25 1.45-5.98.2-8.39.57-10.89 2.13a144 144 0 0 1-4.25 2.61 50.48 50.48 0 0 1-5.39 2.75c-5.04 2.2-12.15 4.37-25.5 7.7-9.74 2.44-15.26 7.65-24.4 20.56l-1.77 2.5c-8.9 12.54-14.82 18.34-24.78 21.93-6.57 2.36-10.85 4.57-13.4 6.82-2.1 1.86-3.05 3.74-3.22 6.04-.13 1.76 0 2.63.95 7.3.7 3.42 1 5.7 1 8.37 0 14.79-7.93 27-30.18 45.39-7.03 5.8-10.64 13-11.64 22-.78 7-.14 13.73 1.96 26.2l.32 1.85c2.15 12.65 2.8 18.07 2.54 24.58-.22 5.57-.32 10.2-.28 14.98zM95.9 600h-2.04c.68-3.82 1.14-8.8 1.61-15.98.2-3.11.27-4.06.39-5.6 1.3-17.54 4.04-27.14 11.5-33.2 4.65-3.77 7.22-8.92 8.67-16 .51-2.52.7-3.87 1.33-9.17.66-5.5 1.16-8.06 2.24-10.36 1.45-3.09 3.82-4.69 7.39-4.69 14.28 0 38.48 9.12 53.6 20.2 8.66 6.35 21.26 13.32 31.74 17.11 13.03 4.71 21.89 4.41 24.75-1.73 1.7-3.64 1.92-4.11 2.65-5.77 2.93-6.67 4.69-12.2 5.25-17.5.23-2.17.24-4.23.02-6.2-.32-2.75-1.42-4.55-4.08-7.35l-1.32-1.37a30.59 30.59 0 0 1-2.41-2.79 30.37 30.37 0 0 1-2.5-4.07l-1.13-2.14c-1.62-3.1-2.68-4.6-4.12-5.56-5.26-3.5-14.8-5.5-28.55-6.83a272.42 272.42 0 0 0-9.04-.71l-2.18-.17c-9.57-.73-15.12-1.56-19.06-3.2C156.57 471.07 136 450.5 136 440c0-5.34 1.74-9.53 5.47-14.13 1.98-2.44 11.12-11.71 12.79-13.54 4.52-4.97 10.16-9.54 17.68-14.66 2.8-1.9 14.78-9.6 17.49-11.49a50.54 50.54 0 0 0 6.34-5.43c1.53-1.5 6.96-7.13 7.12-7.3 7.18-7.3 12.7-11.56 19.74-14.38 3.36-1.34 8.13-2.79 17.45-5.38a9577.18 9577.18 0 0 1 11.78-3.28 602.6 602.6 0 0 0 12.67-3.7c20.4-6.24 34-12.08 40.79-18.44 8.74-8.2 11.78-13.84 15.73-26.02 2.02-6.22 3.09-9.04 5.07-12.72 9.54-17.71 28.71-39.37 43.5-45.45C383.77 238.25 389 232.34 389 226c0-2.89 2.73-8.4 6.83-13.73 4.76-6.2 10.65-11.36 16.75-14.18 12.5-5.77 33.5-10.09 47.42-10.09 5.32 0 9.83-1.5 16.42-4.89 9.2-4.71 10.1-5.11 13.58-5.11 10.42 0 32.06-2.55 45.76-5.97l3.88-.98 3.47-.89c2.6-.66 4.33-1.08 5.93-1.43 3.9-.86 6.76-1.23 9.58-1.17 2.74.06 5.47.52 8.67 1.48 4.56 1.37 13.71-.9 22.87-5.68a68.07 68.07 0 0 0 9.84-6.2v2.4c-11.09 8.14-25.76 13.66-33.29 11.4a29.72 29.72 0 0 0-8.13-1.4c-2.63-.05-5.36.3-9.11 1.12a238 238 0 0 0-9.33 2.3l-3.9.99C522.38 177.43 500.58 180 490 180c-2.99 0-3.91.4-12.67 4.89-6.85 3.51-11.61 5.11-17.33 5.11-13.65 0-34.35 4.26-46.58 9.9-5.78 2.67-11.42 7.62-16 13.58-3.85 5.02-6.42 10.2-6.42 12.52 0 7.27-5.8 13.82-20.62 19.92-14.27 5.88-33.16 27.21-42.5 44.55-1.9 3.55-2.95 6.28-4.93 12.4-4.05 12.47-7.23 18.39-16.27 26.86-7.08 6.64-20.87 12.57-41.57 18.89a604.52 604.52 0 0 1-12.7 3.71 1495.1 1495.1 0 0 1-11.8 3.28c-9.24 2.58-13.97 4.01-17.24 5.32-6.73 2.69-12.05 6.8-19.05 13.92-.15.15-5.6 5.8-7.15 7.32a52.4 52.4 0 0 1-6.6 5.65c-2.74 1.92-14.75 9.63-17.5 11.5-7.4 5.04-12.94 9.52-17.33 14.35-1.72 1.9-10.8 11.11-12.71 13.46-3.47 4.26-5.03 8.03-5.03 12.87 0 9.5 20 29.5 33.38 35.08 3.67 1.53 9.1 2.34 18.45 3.05a586.23 586.23 0 0 0 4.34.32c3.24.23 5.07.37 6.93.55 14.08 1.37 23.82 3.4 29.45 7.17 1.82 1.2 3.02 2.91 4.8 6.29l1.11 2.13a28.55 28.55 0 0 0 2.34 3.81c.62.83 1.3 1.6 2.26 2.61.23.24 1.1 1.16 1.32 1.37 2.93 3.09 4.24 5.23 4.61 8.5.24 2.12.23 4.33-.01 6.64-.59 5.55-2.4 11.25-5.41 18.1-.74 1.67-.96 2.15-2.66 5.8-3.49 7.47-13.33 7.8-27.25 2.77-10.67-3.86-23.43-10.92-32.25-17.38C164.62 515.96 140.82 507 127 507c-5 0-6.4 3.02-7.64 13.29a99.03 99.03 0 0 1-1.36 9.33c-1.53 7.5-4.3 13.04-9.37 17.16-6.87 5.58-9.5 14.78-10.77 31.8-.11 1.52-.18 2.47-.38 5.57-.46 7.01-.91 11.99-1.57 15.85zm8.05 0h-1.02c.29-1.41.58-2.94.9-4.59l1.05-5.62c2.5-13.3 4.2-19.92 6.68-24.05 1.7-2.84 3.68-5.5 8.05-11.03 8.21-10.36 10.88-14.55 10.88-18.71l-.02-1.69c-.02-1.78-.02-2.7.02-3.77.21-5.05 1.47-8.2 4.64-9.4 3.92-1.5 10.39.44 20.12 6.43 9.56 5.88 17.53 10.7 25.91 15.66 1.31.78 14.27 8.41 17.67 10.45a714.21 714.21 0 0 1 6.42 3.9c13.82 8.5 38.94 5.05 46.3-7.83 3.6-6.28 4.54-8.52 7.78-17.32a82.3 82.3 0 0 1 1.18-3.07 42.27 42.27 0 0 1 4.06-7.64c9.33-13.98 14.92-26.1 14.92-36.72 0-3.66.75-6.62 3.36-14.85.52-1.64.83-2.66 1.15-3.73 3.64-12.23 3.04-19.12-4.29-24a23.1 23.1 0 0 0-9.98-3.78c-7.2-.93-14.49 1.17-23.91 5.88-1.55.78-6.64 3.44-7.6 3.93a62.6 62.6 0 0 0-4.14 2.3l-4.4 2.66c-11.62 6.92-20.4 9.18-32.81 6.08-3.32-.84-6.24-1.4-13.1-2.64-13.25-2.39-18.7-3.75-23.33-6.46-6.23-3.67-7.46-9.02-2.88-16.65A93.1 93.1 0 0 1 172 415.42a157 157 0 0 1 8.32-7.66c-.07.05 6.16-5.3 7.82-6.77a85.12 85.12 0 0 0 6.5-6.33c7.7-8.46 12.78-13.36 20.08-18.57 9.94-7.1 21.4-12.36 35.18-15.58 37.03-8.64 51-12.7 58.83-17.93 8.6-5.73 21.3-24.77 36.84-54.81 5.22-10.1 12.27-18.4 21.13-25.71 5.13-4.24 9.56-7.25 17.55-12.23 7.42-4.62 9.62-6.14 11.38-8.16a21.15 21.15 0 0 0 2.95-4.87c.61-1.3 2.87-6.47 3-6.77 1.36-3 2.56-5.4 3.95-7.73 6.53-10.97 16.03-18 31.4-20.8 12.73-2.3 19.85-2.7 29.68-2.3 3.25.13 4.13.16 5.6.14 5.15-.07 9.71-1.04 16.61-3.8 20.74-8.3 38.75-12.04 59.19-12.04 3.05 0 6.03.15 10.48.48l2.09.16c12.45.96 18.08.96 25.34-.63a49.65 49.65 0 0 0 14.09-5.45v1.15a50.52 50.52 0 0 1-13.88 5.28c-7.38 1.61-13.08 1.61-25.63.65l-2.08-.16c-4.43-.33-7.39-.48-10.41-.48-20.3 0-38.2 3.72-58.81 11.96-7.01 2.8-11.7 3.8-16.97 3.88-1.5.02-2.39-.01-5.66-.14-9.76-.4-16.8-.01-29.47 2.3-15.06 2.73-24.32 9.58-30.71 20.31a72.8 72.8 0 0 0-3.9 7.63c-.12.28-2.39 5.47-3.01 6.79a22 22 0 0 1-3.1 5.1c-1.86 2.13-4.07 3.66-11.6 8.35-7.95 4.96-12.35 7.95-17.44 12.15-8.76 7.23-15.73 15.43-20.89 25.4-15.61 30.2-28.36 49.32-37.16 55.19-7.98 5.32-21.97 9.39-59.17 18.07-13.65 3.18-24.98 8.39-34.82 15.42-7.22 5.16-12.27 10.01-19.92 18.43a86.07 86.07 0 0 1-6.57 6.4c-1.67 1.48-7.91 6.83-7.84 6.77-3.27 2.84-5.8 5.16-8.26 7.62a92.1 92.1 0 0 0-14.27 18.13c-4.3 7.16-3.22 11.89 2.53 15.26 4.47 2.63 9.88 3.99 23.24 6.39a185.7 185.7 0 0 1 12.92 2.6c12.11 3.03 20.64.84 32.06-5.96l4.4-2.65c1.66-1 2.96-1.73 4.2-2.35.95-.48 6.04-3.14 7.6-3.92 9.59-4.8 17.04-6.94 24.49-5.98a24.1 24.1 0 0 1 10.4 3.93c7.82 5.21 8.45 12.52 4.7 25.13-.32 1.07-.64 2.1-1.16 3.74-2.57 8.12-3.31 11.04-3.31 14.55 0 10.88-5.66 23.14-15.08 37.28a41.28 41.28 0 0 0-3.97 7.46c-.37.9-.73 1.82-1.18 3.04-3.25 8.85-4.21 11.13-7.84 17.47-7.67 13.42-33.43 16.95-47.7 8.18a578.4 578.4 0 0 0-6.4-3.89c-3.4-2.04-16.36-9.67-17.67-10.45-8.38-4.97-16.36-9.78-25.92-15.66-9.5-5.85-15.7-7.7-19.24-6.36-2.68 1.02-3.8 3.82-4 8.51a61.12 61.12 0 0 0-.02 3.72l.02 1.7c0 4.5-2.69 8.73-11.52 19.87-3.92 4.95-5.87 7.59-7.55 10.39-2.39 3.97-4.08 10.56-6.56 23.72l-1.05 5.62-.86 4.4zm10.5 0h-1c.03-.34.04-.68.04-1 0-12.39 8.48-33.57 19.16-43.37a26.18 26.18 0 0 0 3.67-4.17 35.8 35.8 0 0 0 2.88-4.9c.36-.72 1.75-3.66 2.1-4.36 3.22-6.29 6.84-6.54 16.97.39 1.34.9 6.07 4.16 6.4 4.38 2.62 1.8 4.67 3.2 6.7 4.56 5.03 3.39 9.37 6.2 13.51 8.7 14.33 8.67 25.49 13.27 34.11 13.27 16.86 0 32.71-5.95 39.6-14.8 1.59-2.04 3.2-5.17 5.06-9.63.8-1.92 1.64-4.06 2.67-6.8l2.74-7.33c4.66-12.44 7.76-19.06 11.56-23.27 7.9-8.79 14.87-36 14.87-52.67 0-1.9.17-3.11 1.02-8.27.37-2.2.58-3.6.74-5.07.63-5.51.21-9.46-1.68-12.39-4.6-7.1-19.7-9.23-38.46-4.78a100.57 100.57 0 0 0-18.94 6.3c-5.17 2.37-17.11 9.74-16.5 9.4-6.72 3.64-12.97 4.15-24.8 1.3-29.55-7.14-30.43-8.62-15.26-26.81 17.44-20.93 47.12-46.18 56.38-46.18 9.92 0 53.84-11.98 65.78-17.95 9.46-4.73 24.32-21.18 36.82-37.85.71-.95 13.5-21.6 19.2-29.6 9.35-13.13 18.22-22.55 26.95-27.53 7.29-4.17 13.16-10.28 18.8-18.73 1.93-2.9 10.52-17.65 12.73-20.41 1.54-1.93 3-3.21 4.52-3.89 14.07-6.25 24.22-9.04 39.2-9.04h29c4.05 0 7.36-.4 22.93-2.5l4.3-.57c9.92-1.3 16.57-1.93 21.77-1.93 1.66 0 2.95.01 6.03.04 18.61.19 28.55-.48 44.86-4.03 3.1-.67 6.13-1.78 9.11-3.31v1.12a37.96 37.96 0 0 1-8.9 3.17c-16.4 3.56-26.4 4.24-45.08 4.05-3.08-.03-4.36-.04-6.02-.04-5.15 0-11.76.63-21.64 1.92l-4.3.58c-15.64 2.11-18.94 2.5-23.06 2.5h-29c-14.81 0-24.84 2.75-38.8 8.96-1.34.6-2.69 1.78-4.14 3.6-2.16 2.68-10.72 17.39-12.68 20.33-5.72 8.57-11.7 14.8-19.13 19.04-8.57 4.9-17.36 14.23-26.63 27.24-5.68 7.97-18.47 28.64-19.22 29.63-12.6 16.8-27.52 33.32-37.18 38.15-12.06 6.03-56.14 18.05-66.22 18.05-8.82 0-38.39 25.15-55.62 45.82-14.6 17.52-14.19 18.21 14.74 25.2 11.6 2.8 17.6 2.3 24.09-1.2-.67.35 11.31-7.03 16.56-9.44 5.41-2.48 11.6-4.59 19.11-6.37 19.13-4.53 34.65-2.35 39.54 5.22 2.05 3.17 2.48 7.32 1.84 13.04a96.34 96.34 0 0 1-.75 5.13c-.84 5.08-1.01 6.29-1.01 8.1 0 16.9-7.03 44.33-15.13 53.33-3.68 4.09-6.76 10.65-11.37 22.96-.35.93-2.2 5.94-2.73 7.33-1.04 2.76-1.88 4.9-2.68 6.84-1.9 4.53-3.55 7.73-5.2 9.85-7.1 9.13-23.25 15.19-40.39 15.19-8.86 0-20.15-4.65-34.63-13.42-4.15-2.51-8.5-5.32-13.55-8.72a861.54 861.54 0 0 1-6.71-4.56l-6.4-4.39c-9.68-6.63-12.61-6.42-15.5-.75-.35.68-1.74 3.62-2.1 4.35a36.77 36.77 0 0 1-2.96 5.03c-1.12 1.57-2.37 3-3.81 4.33-10.47 9.6-18.84 30.51-18.84 42.63l-.03 1zm-29.65 0h-1.1c1.17-2.52 1.79-5.2 1.79-8 0-20 4.83-42.04 12.15-49.35 5.17-5.18 7.77-8.38 9.9-12.74 2.64-5.41 3.95-12 3.95-20.91 0-6.82 1.14-11.59 3.37-15.07 1.74-2.7 3.6-4.21 8.91-7.52a31.64 31.64 0 0 0 3.9-2.79c4.61-3.96 6.58-6.2 7.72-9.41 1.43-4.02.93-9.04-1.86-16.02a68.98 68.98 0 0 0-3.99-8.07l-.93-1.7a75.47 75.47 0 0 1-2.64-5c-5.16-10.71-3.77-18.9 7.68-29.78a204 204 0 0 1 26.81-21.55c3.96-2.69 16.8-10.8 19.24-12.5 1.99-1.4 4.33-3.3 7.77-6.3-.02 0 7.23-6.39 9.47-8.3 4.97-4.26 9.09-7.5 13.05-10.15 4.72-3.15 8.97-5.28 12.87-6.32 12.78-3.41 15.6-4.18 21.77-5.97 12.55-3.64 21.96-6.9 28.14-10a45.47 45.47 0 0 1 7.47-2.79c8.66-2.66 12.02-4.1 16.97-8.1 6.78-5.46 13.07-14.25 19.33-27.87 15.97-34.77 19.08-39.39 32.15-49.19 3.14-2.36 6.37-4.1 11.43-6.4l2.33-1.04c11.93-5.35 16.87-8.93 21.1-17.38 1.88-3.77 2.48-6.29 3.37-12.27.78-5.19 1.48-7.56 3.53-10.25 2.57-3.4 7.03-6.27 14.36-9.01 3.37-1.26 7.36-2.5 12.05-3.73 16.33-4.3 25.28-5.36 39.6-5.81 6.9-.22 9.5-.56 12.66-2 1.19-.54 2.36-1.23 3.58-2.11 3.7-2.7 8.14-4.54 13.24-5.67 5.71-1.27 10.69-1.54 18.7-1.45l2.35.02c2.82 0 6.8-1 19.7-4.69 10.83-3.08 15.95-4.31 19.3-4.31.82 0 1.9.13 3.55.41l5.01.9c9.82 1.68 17.44 1.89 25.15-.21 7.98-2.18 14.8-6.77 20.29-14.24V147c-5.47 7.04-12.21 11.42-20.03 13.55-7.88 2.15-15.63 1.94-25.58.23l-5-.9c-1.6-.26-2.64-.39-3.39-.39-3.2 0-8.32 1.22-19.74 4.48-12.35 3.53-16.3 4.52-19.26 4.52l-2.36-.02c-7.94-.1-12.85.17-18.47 1.42-4.97 1.11-9.3 2.9-12.88 5.5a21.4 21.4 0 0 1-3.75 2.22c-3.32 1.5-6 1.87-13.04 2.09-14.25.44-23.13 1.5-39.37 5.77a125.56 125.56 0 0 0-11.95 3.7c-7.17 2.7-11.49 5.46-13.93 8.68-1.9 2.52-2.58 4.76-3.33 9.8-.9 6.08-1.53 8.68-3.47 12.56a30.6 30.6 0 0 1-9.66 11.45c-3.12 2.26-5.95 3.73-11.93 6.4l-2.31 1.04c-5.01 2.27-8.18 3.99-11.25 6.29-12.9 9.68-15.93 14.17-31.85 48.8-6.31 13.76-12.7 22.68-19.6 28.25-5.08 4.1-8.53 5.57-17.3 8.27a44.64 44.64 0 0 0-7.33 2.73c-6.24 3.12-15.7 6.4-28.3 10.06a867.4 867.4 0 0 1-21.8 5.97c-3.77 1.01-7.93 3.1-12.56 6.19a137.35 137.35 0 0 0-12.95 10.07c-2.24 1.92-9.48 8.3-9.48 8.3a98.2 98.2 0 0 1-7.84 6.37c-2.46 1.72-15.32 9.83-19.26 12.5a203 203 0 0 0-26.69 21.45c-11.13 10.58-12.43 18.3-7.47 28.63a74.52 74.52 0 0 0 2.62 4.95l.94 1.7a69.84 69.84 0 0 1 4.03 8.17c2.88 7.2 3.4 12.46 1.89 16.73-1.22 3.43-3.28 5.77-8.02 9.84-1.14.97-2.32 1.8-5.3 3.67-3.92 2.45-5.69 3.89-7.31 6.42-2.13 3.3-3.22 7.89-3.22 14.53 0 9.05-1.34 15.79-4.05 21.34-2.19 4.49-4.85 7.77-10.1 13.01-7.07 7.07-11.85 28.9-11.85 48.65 0 2.8-.58 5.48-1.7 8zm282.54 0h-1.01l-1.1-5.8c-3.08-16.26-4.05-26.2-2.74-37.26.7-5.8.77-9.68.55-15.3-.18-4.45-.17-5.68.19-7.63.78-4.3 3.44-8.53 10.39-16.34 9.07-10.2 12.26-15.41 19.8-30.15 1.35-2.64 2.33-4.47 3.38-6.3.9-1.58 1.82-3.06 2.77-4.5 3.14-4.7 7.03-8.42 16.84-16.81 11.22-9.6 15.5-13.86 18.13-19.13.7-1.4 1.3-2.8 1.93-4.4a206 206 0 0 0 1.49-4.05c3.63-9.94 8.01-13.93 22.9-17.81 4.99-1.3 20.55-5.13 21.38-5.34 16.19-4.1 25.33-7.36 33.48-12.6 5.86-3.77 5.84-3.76 27.66-16.53l2.6-1.52c10.23-6 17.1-10.2 22.73-13.95a149.3 149.3 0 0 0 8.8-6.3 723.7 723.7 0 0 0 6.37-5.08A87.74 87.74 0 0 1 600 342.95v1.12a85.76 85.76 0 0 0-15.49 9.9c.18-.14-4.76 3.84-6.38 5.1a150.3 150.3 0 0 1-8.85 6.35c-5.65 3.76-12.53 7.96-22.78 13.97l-2.6 1.53c-21.8 12.75-21.78 12.74-27.63 16.5-8.27 5.32-17.49 8.61-33.78 12.73-.83.21-16.39 4.04-21.36 5.33-8.03 2.1-13.15 4.5-16.45 7.5-2.66 2.42-4 4.86-5.77 9.7l-1.5 4.07a51.12 51.12 0 0 1-1.96 4.47c-2.72 5.45-7.04 9.75-18.38 19.45-9.73 8.32-13.6 12.02-16.65 16.6a77.18 77.18 0 0 0-2.74 4.45c-1.05 1.81-2.01 3.63-3.35 6.25-7.58 14.81-10.82 20.08-19.96 30.36-6.83 7.7-9.4 11.78-10.15 15.86-.34 1.85-.34 3.04-.17 7.4.22 5.68.14 9.6-.55 15.47-1.3 10.92-.34 20.79 2.73 36.95l1.12 5.99zm-76.59 0h-2.1l1.39-4.3c1.04-3.3 1.93-6.78 2.68-10.4 2.65-12.73 3.27-23.63 3.27-41.3 0-5.71-1.86-9.75-4.13-9.75-2.94 0-6.96 5.61-10.93 17.08C271.14 579.68 258.3 593 238 593c-22.42 0-29.26-1.35-48.42-10.09a87.69 87.69 0 0 1-9.42-5.04c-2.95-1.8-12.78-8.57-14.84-9.72-4.2-2.36-7-2.71-9.72-.99-.63.4-1.26.91-1.9 1.55a57.69 57.69 0 0 1-4.31 3.86 147.88 147.88 0 0 1-3.06 2.44l-1 .8C137.01 582.43 134 587.18 134 597c0 1.02-.02 2.01-.07 3h-2c.05-.99.07-1.98.07-3 0-10.52 3.33-15.78 12.09-22.76a265.61 265.61 0 0 1 2-1.6c.83-.64 1.43-1.13 2.03-1.61a55.76 55.76 0 0 0 4.17-3.74c.74-.73 1.48-1.34 2.24-1.82 3.47-2.2 7-1.75 11.77.93 2.15 1.21 12.03 8 14.9 9.76a85.7 85.7 0 0 0 9.22 4.93C209.29 589.7 215.85 591 238 591c19.25 0 31.49-12.7 41.06-40.33 4.24-12.25 8.66-18.42 12.81-18.42 3.8 0 6.13 5.06 6.13 11.75 0 17.8-.63 28.8-3.3 41.7-.77 3.7-1.68 7.23-2.75 10.6-.4 1.3-.8 2.53-1.19 3.7zm-149.25 0l.5-.94a160.1 160.1 0 0 0 6.53-13.26c2.73-6.29 5.78-9.64 9.24-10.52 3.74-.95 7.15.74 12.56 5.13 5.43 4.4 6.07 4.86 7.73 5.1 1.6.22 4.28 1.14 8.86 2.95 1.3.5 10.78 4.35 13.85 5.55 3.07 1.2 5.85 2.25 8.49 3.18 3.1 1.1 5.98 2.04 8.65 2.81h-3.45c-1.76-.56-3.6-1.18-5.54-1.87a281.2 281.2 0 0 1-8.51-3.19c-3.08-1.2-12.57-5.04-13.86-5.55-4.5-1.78-7.15-2.68-8.63-2.9-1.94-.27-2.53-.7-8.22-5.3-5.17-4.2-8.36-5.78-11.69-4.94-3.1.78-5.94 3.92-8.56 9.95a161 161 0 0 1-6.82 13.8h-1.13zm112.89 0a30.34 30.34 0 0 0 11.27-6.27c1.55-1.36 3.32-3.46 5.34-6.29 1.05-1.46 2.15-3.1 3.41-5.04a349.73 349.73 0 0 0 2.5-3.9l.47-.75.93-1.47a89.17 89.17 0 0 1 3.25-4.86c1.05-1.43 1.82-2.23 2.44-2.46 1.02-.37 1.49.48 1.49 2.04l.01 2.11c.05 6.91-.08 11.32-.7 16.33a48.4 48.4 0 0 1-2.38 10.56h-1.07a46.47 46.47 0 0 0 2.45-10.68c.62-4.96.75-9.33.7-16.2l-.01-2.12c0-.97-.08-1.12-.15-1.1-.36.14-1.05.85-1.97 2.1a88.44 88.44 0 0 0-3.22 4.82l-.92 1.46-.48.75a1268.1 1268.1 0 0 1-2.5 3.92c-1.26 1.95-2.38 3.6-3.44 5.08-2.06 2.88-3.87 5.04-5.5 6.45a30.87 30.87 0 0 1-8.94 5.52h-2.98zm-183.72 0H69.3c3.37-3.43 5.19-8.33 5.19-15 0-18.6-.04-17.35 1.02-20.77.6-1.93 1.5-3.74 3.27-6.63.42-.7 4.92-7.8 6.78-10.86 3.04-4.97 11.04-16.5 12.21-18.56 3.48-6.08 4.72-12.06 4.72-24.18 0-7.85 2.5-14.2 8.1-23.44l2.84-4.63a72.67 72.67 0 0 0 2.49-4.4c1.62-3.15 2.48-5.78 2.62-8.28.2-3.78-1.3-7.29-4.9-10.9-5.13-5.12-8.6-5.43-11.2-1.85-2.12 2.92-3.48 7.74-5.06 16.47-.2 1.03-.82 4.6-.82 4.57-.83 4.67-1.4 7.33-2.1 9.6-1.35 4.42-3.7 7.61-8.36 12.26l-3.26 3.2c-6.38 6.39-9.68 11.51-11.36 19.5l-1.16 5.52c-.87 4.1-1.56 7.04-2.33 9.94-3.67 13.74-9.65 25.97-22.59 44.72-7.68 11.14-11.05 18.87-10.92 23.72h-1c-.12-5.16 3.35-13.05 11.1-24.28 12.87-18.67 18.8-30.8 22.44-44.42.77-2.88 1.45-5.8 2.32-9.89l1.16-5.51c1.73-8.22 5.13-13.5 11.64-20 .63-.64 2.84-2.8 3.25-3.21 4.57-4.54 6.82-7.62 8.12-11.84a81.58 81.58 0 0 0 2.07-9.48l.81-4.57c1.62-8.9 3-13.8 5.24-16.89 3-4.15 7.2-3.78 12.71 1.74 3.8 3.8 5.42 7.58 5.2 11.66-.15 2.66-1.05 5.41-2.73 8.68a73.6 73.6 0 0 1-2.52 4.46l-2.84 4.63c-5.52 9.1-7.96 15.3-7.96 22.92 0 12.28-1.28 18.43-4.85 24.68-1.2 2.1-9.21 13.65-12.22 18.58-1.87 3.06-6.37 10.18-6.78 10.86-1.73 2.82-2.6 4.57-3.17 6.4-1.02 3.28-.98 2.1-.98 20.48 0 6.52-1.7 11.44-4.82 15zM310.09 0h1.06c-.37.9-.77 1.83-1.2 2.82-3.9 9.06-5.45 15.15-5.45 25.18 0 7.64-2.1 11.6-6.64 13.05-3.46 1.1-5.72.98-17.57-.43-11.55-1.36-19.17-1.58-28.16-.14-6.24 2.49-25.91 7.02-32.13 7.02-11.15 0-36.76-2.88-54.12-7.01a22.08 22.08 0 0 0-16.95 2.48c-4.05 2.33-7.09 5.03-13.9 11.97-6.28 6.39-9.53 9.23-13.8 11.5-7.09 3.79-11.22 7.65-13.4 12.27-1.82 3.85-2.33 7.84-2.33 15.29 0 4.4-2.65 6.69-9.45 9.74.1-.05-2.97 1.31-3.84 1.71-8.78 4.06-12.71 8.29-12.71 16.55 0 12.52-4.86 19.22-17.34 27.96l-4.56 3.14c-1.9 1.3-3.3 2.3-4.67 3.3-.92.68-1.79 1.34-2.62 2-7.16 5.62-11 14.54-15.56 33.28-.63 2.57-3.3 14-4.07 17.14a350.44 350.44 0 0 1-5.2 19.33c-1.37 4.5-4.5 15.07-4.96 16.53-1.05 3.4-1.64 4.94-2.46 6.32-.82 1.4-6.85 9.08-12.64 18.27L0 277.98v-1.9l4.58-7.35a270.8 270.8 0 0 1 12.61-18.23c-.3.5 1.35-2.8 2.38-6.12.45-1.44 3.58-12.01 4.95-16.53 1.83-6.03 3.44-12.09 5.19-19.27.76-3.13 3.44-14.56 4.06-17.14 4.62-18.95 8.52-28.02 15.92-33.83.84-.67 1.72-1.33 2.65-2.01 1.38-1.02 2.8-2.01 4.7-3.32l4.54-3.14C73.83 140.57 78.5 134.13 78.5 122c0-8.74 4.2-13.26 13.29-17.45.88-.41 3.96-1.77 3.85-1.73 6.46-2.9 8.86-4.97 8.86-8.82 0-7.6.53-11.7 2.42-15.71 2.29-4.84 6.57-8.85 13.84-12.73 4.15-2.21 7.35-5 14.15-11.93 6.28-6.4 9.36-9.13 13.52-11.53a23.07 23.07 0 0 1 17.69-2.59c17.27 4.12 42.8 6.99 53.88 6.99 6.1 0 25.73-4.53 31.92-7 9.12-1.46 16.83-1.25 28.49.13 11.63 1.38 13.9 1.5 17.15.47 4.06-1.3 5.94-4.85 5.94-12.1 0-10.1 1.56-16.3 6.6-28zm25.12 0h1c.05 5.62.26 11.48.65 19.4.47 9.7.64 14.57.64 21.6 0 9.81-4.68 17.46-13.1 23.16-6.53 4.43-14.94 7.46-24.33 9.33-3.74.54-9.42.56-22.68.23-6.74-.17-9.35-.22-12.39-.22-2.77 0-4.97.43-7.63 1.36-.88.3-4.55 1.74-5.58 2.11-6.55 2.35-13.59 3.53-24.79 3.53-8.1 0-13.58-1.38-22.46-4.9l-3.18-1.25c-12.55-4.87-21.27-5.15-37.18 1.12-11.15 4.39-18.13 9.2-22.28 14.81-3.15 4.26-4.33 7.8-5.94 15.8-1.22 6.09-1.93 8.74-3.5 12.13-1.65 3.53-3.97 5.81-7.07 7.22-2.33 1.07-4.35 1.5-9.32 2.19-9.04 1.27-12.77 3.09-15.61 9.58-3.71 8.48-7.72 13.87-14.22 19.76-2.4 2.18-13.14 11.02-15.91 13.42-8.2 7.1-13.85 17.37-18.7 31.97a258.81 258.81 0 0 0-3.27 10.7c-.01.05-2.26 7.97-2.88 10.1-8.49 28.85-17.88 52.95-26.13 61.2-2.8 2.8-5.06 5.64-10.4 12.96-3.4 4.68-6.23 8.25-8.95 11.1v-1.55c2.74-2.98 5.73-6.82 9.48-11.97 4.03-5.52 6.32-8.4 9.17-11.24 8.07-8.08 17.44-32.14 25.87-60.8.62-2.1 2.86-10.03 2.88-10.08 1.21-4.24 2.21-7.53 3.28-10.74 4.9-14.75 10.63-25.16 19-32.4 2.78-2.42 13.5-11.25 15.89-13.4 6.4-5.8 10.32-11.09 13.97-19.43 1.68-3.83 4.05-6.31 7.2-7.86 2.4-1.17 4.64-1.67 9.53-2.36 4.54-.63 6.5-1.05 8.7-2.06 2.89-1.31 5.03-3.42 6.58-6.73 1.53-3.3 2.23-5.9 3.43-11.9 1.64-8.14 2.85-11.79 6.11-16.2 4.28-5.79 11.41-10.7 22.73-15.16 16.15-6.36 25.13-6.07 37.9-1.11l3.19 1.26c8.77 3.47 14.13 4.82 22.09 4.82 11.09 0 18.02-1.16 24.46-3.47 1-.36 4.68-1.8 5.58-2.11A22.5 22.5 0 0 1 265 72.5c3.05 0 5.67.05 14.07.26 11.53.29 17.2.27 20.83-.25 9.25-1.85 17.54-4.83 23.94-9.17C332 57.8 336.5 50.46 336.5 41c0-7-.17-11.86-.7-22.7-.35-7.26-.55-12.83-.59-18.3zM93.87 0h2.04c-.7 4-1.61 6.82-3.03 9.47-2.33 4.38-2.85 5.75-5.26 13.03a40.46 40.46 0 0 1-1.94 5.03c-2.24 4.66-5.92 8.8-13.07 14.26-8.01 6.13-14.27 16.55-20.03 31.55-2.4 6.23-8.75 25.63-9.64 28.01-2.69 7.16-6.56 12.7-15.63 23.68l-2.68 3.24c-6.02 7.34-9.35 12.07-11.72 17.15-2.3 4.94-7.12 9.9-12.91 14.15v-2.4c5.14-3.94 9.1-8.3 11.1-12.6 2.46-5.27 5.87-10.1 11.98-17.56l2.68-3.26c8.94-10.8 12.72-16.22 15.3-23.1.88-2.33 7.24-21.74 9.65-28.03 5.89-15.31 12.3-26 20.68-32.41 6.92-5.3 10.4-9.2 12.48-13.55.65-1.35 1.16-2.7 1.85-4.79 2.45-7.4 3-8.83 5.4-13.34A27.68 27.68 0 0 0 93.87 0zm9.07 0h1.02c-1.66 8.3-2.91 12.67-4.54 15.26a59.14 59.14 0 0 0-4.1 8.21c-1.27 3-2.44 6.2-3.5 9.4-.38 1.12-.7 2.16-2.41 5.39a251.48 251.48 0 0 0-12.81 13.3c-3.48 3.96-5.95 7.27-7.15 9.66-.95 1.9-2.06 5.99-3.61 12.97-.64 2.9-3.65 17.15-4.51 21.07-3.63 16.45-6.63 26.69-9.9 32-7.66 12.45-10.64 15.71-37.08 41.1A69.78 69.78 0 0 1 0 179.21v-1.15a69.39 69.39 0 0 0 13.65-10.42c26.4-25.33 29.32-28.55 36.92-40.9 3.2-5.18 6.18-15.37 9.78-31.7.86-3.91 3.87-18.16 4.51-21.06 1.57-7.09 2.7-11.2 3.7-13.2 1.24-2.5 3.76-5.86 7.29-9.89.9-1.03 1.86-2.1 2.86-3.18 2.4-2.6 4.96-5.22 7.53-7.76.9-.88 1.73-1.7 3.37-3.4a129.02 129.02 0 0 1 4.78-13.46 60.07 60.07 0 0 1 4.19-8.35c1.52-2.44 2.74-6.71 4.36-14.74zM83.71 0h1.1c-2.09 4.74-6.03 8.92-11.42 12.3-7.2 4.52-16.5 7.2-24.39 7.2-8.9 0-11.8 7-11.74 21.52 0 1.7.04 3.17.12 5.99.1 3.3.12 4.45.12 5.99 0 5.73-.76 11.3-2.01 16.5a66.67 66.67 0 0 1-2.15 6.97 2597.76 2597.76 0 0 1-7 15.86A4270.8 4270.8 0 0 1 6.44 136.2 54.64 54.64 0 0 1 0 147v-1.65a54.87 54.87 0 0 0 5.55-9.57A4269.82 4269.82 0 0 0 30.7 79.97c.53-1.2.99-2.23 2.44-5.9A69.23 69.23 0 0 0 36.5 53c0-1.52-.03-2.66-.12-5.95-.08-2.83-.12-4.31-.12-6.01-.03-6.79.53-11.62 2.07-15.34 1.94-4.68 5.39-7.19 10.67-7.19 7.7 0 16.81-2.63 23.86-7.05C77.93 8.27 81.66 4.38 83.7 0zm282.63 0h1.01c1.86 10.02 2.18 12.67 2.32 18.3a123.43 123.43 0 0 1 .37 27.83c-.96 8.78-3.1 16.01-6.63 21.15-11.34 16.5-39.8 29.22-66.41 29.22-5.09 0-10.47.28-16.31.83a413.8 413.8 0 0 0-24.37 3.16c-21.56 3.26-27.66 4.01-36.32 4.01-6.92 0-12.2-1.05-21.69-3.9l-2.78-.83c-1.39-.41-2.54-.74-3.65-1.02-8-2.05-14.22-2.04-21.7.72a16.32 16.32 0 0 0-9.17 8.18c-1.6 3.05-2.5 6.06-4.02 12.83-1.5 6.64-2.34 9.52-3.99 12.64a16.16 16.16 0 0 1-9.85 8.36 104.8 104.8 0 0 0-9.5 3.42c-6.55 2.8-10.1 5.57-13.8 10.47-1.33 1.75-1.03 1.3-5.43 7.9-1.98 2.97-4.66 5.8-8.48 9.14-2.01 1.76-10.71 8.83-12.88 10.7-7.37 6.35-12.58 12.14-16.63 19.14-4.22 7.3-7.8 18.3-11.28 33.26-.87 3.73-1.72 7.64-2.64 12.14l-1.18 5.8-1.09 5.45c-1.8 8.96-2.77 13.28-3.77 16.26-6.8 20.44-17.26 42.16-27.13 51.2-5.11 4.7-8.1 7.07-11.1 8.86-.9.54-1.84 1.04-2.92 1.57-.44.22-9.6 4.4-14.1 6.66l-1.22.62v-1.13l.78-.39c4.52-2.26 13.67-6.44 14.1-6.65a41.19 41.19 0 0 0 2.84-1.54c2.94-1.75 5.88-4.09 10.94-8.73 9.71-8.9 20.1-30.51 26.87-50.79.97-2.92 1.94-7.22 3.73-16.13l1.1-5.46a490.5 490.5 0 0 1 3.82-17.96c3.5-15.06 7.1-26.14 11.39-33.54 4.11-7.11 9.4-12.98 16.83-19.4 2.19-1.88 10.88-8.95 12.88-10.7 3.77-3.28 6.39-6.05 8.3-8.93 4.43-6.64 4.12-6.18 5.47-7.96 3.8-5.03 7.5-7.91 14.21-10.78 2.61-1.12 5.74-2.24 9.59-3.46a15.17 15.17 0 0 0 9.27-7.86c1.59-3.02 2.42-5.85 4.03-12.99 1.41-6.27 2.32-9.33 3.98-12.48a17.31 17.31 0 0 1 9.7-8.66c7.7-2.83 14.1-2.84 22.3-.75 1.12.29 2.28.61 3.68 1.03l3.73 1.11c8.47 2.54 13.66 3.58 20.46 3.58 8.59 0 14.67-.75 36.18-4a414.64 414.64 0 0 1 24.41-3.17c5.88-.54 11.29-.83 16.41-.83 26.3 0 54.45-12.58 65.59-28.78 3.42-4.98 5.5-12.06 6.46-20.7.84-7.74.73-16.02.02-23.9a136.2 136.2 0 0 0-.57-5.12c0-4.47-.3-6.94-2.16-17zM18.88 0h1.03C18 7.57 17.15 10.18 14.46 16.2c-1.95 4.37-2.67 9.19-2.42 14.89.2 4.33.71 7.7 2.28 16.13 1.09 5.88 1.57 8.77 1.94 12.2.96 8.9.24 16.08-2.8 22.79A463.4 463.4 0 0 1 0 109.43v-2.12a465 465 0 0 0 12.54-25.52c2.97-6.52 3.67-13.53 2.72-22.27-.36-3.4-.84-6.26-1.93-12.12-1.57-8.47-2.1-11.88-2.29-16.27-.26-5.84.48-10.81 2.5-15.33 2.64-5.9 3.48-8.47 5.34-15.8zm280.47 0a70.78 70.78 0 0 1-4.91 11.24c-2.56 4.7-4.01 8.45-4.86 11.98l-.4 1.8-.28 1.45a5.28 5.28 0 0 1-.74 2.07c-.74 1.03-1.93 1.28-5.13 1.25.92 0-9.85-.29-15.03-.29-10.2 0-18.45.82-29.46 2.56-16.87 2.66-17.73 2.77-23.66 2.52a42.57 42.57 0 0 1-8-1.09c-17.7-4.16-46.18-5.86-54.72-3.01-2.72.9-5.88 2.8-9.52 5.59a112.37 112.37 0 0 0-6.54 5.48c-1.4 1.25-9.17 8.5-10.78 9.84-1.45 1.2-8.18 7.42-8.85 8.02a114.65 114.65 0 0 1-4.55 3.9c-4.99 4.03-8.9 6.2-11.92 6.2-3.52.05-4.32 0-5.14-.4-1.13-.56-1.5-1.72-1.13-3.57.74-3.63 4.47-10.84 12.84-24.8 5.69-9.48 9.42-18 11.78-26.2 1.45-5.04 1.94-7.4 2.97-14.54h1.01c-1.05 7.3-1.54 9.7-3.01 14.82-2.39 8.28-6.16 16.89-11.9 26.44-8.3 13.84-12 21.01-12.7 24.48-.3 1.45-.08 2.14.59 2.47.6.3 1.35.35 3.48.3 3.92 0 7.69-2.1 12.5-5.98 1.4-1.13 2.87-2.39 4.51-3.86.66-.59 7.41-6.83 8.88-8.05 1.59-1.33 9.34-8.55 10.75-9.82 2.4-2.15 4.55-3.96 6.6-5.53 3.72-2.85 6.97-4.8 9.81-5.74 8.76-2.92 37.41-1.22 55.27 2.99 2.57.6 5.14.95 7.81 1.06 5.84.25 6.7.14 23.47-2.51 11.05-1.75 19.36-2.57 29.6-2.57 5.2 0 15.99.3 15.05.29 2.87.03 3.84-.17 4.3-.83.23-.32.4-.8.58-1.7l.28-1.43.4-1.85c.88-3.6 2.36-7.44 4.96-12.22 1.87-3.43 3.44-7 4.73-10.76h1.06zm-8.59 0c-5.91 17.94-9.55 22-19.76 22-4.5 0-10.22.32-28.69 1.5l-1.53.1c-15.6.99-23.47 1.4-28.78 1.4-5.35 0-13.24-.96-28.86-3.28l-1.54-.23C163.18 18.75 157.47 18 153 18c-4.45 0-7.3 1.01-10.96 3.34-.1.06-1.8 1.17-2.3 1.47-2.43 1.5-4.32 2.19-6.74 2.19-2.8 0-4.11-1.46-4.11-4.22 0-1.04.16-2.29.5-4.1.16-.82.9-4.4 1.07-5.32.8-4.11 1.3-7.68 1.47-11.36h2c-.17 3.82-.68 7.5-1.5 11.75-.19.94-.92 4.5-1.07 5.31a21.04 21.04 0 0 0-.47 3.72c0 1.7.46 2.22 2.11 2.22 1.99 0 3.55-.57 5.7-1.9.47-.28 2.15-1.37 2.26-1.44C144.92 17.14 148.12 16 153 16c4.62 0 10.3.74 28.9 3.51l1.53.23C198.93 22.04 206.8 23 212 23c5.25 0 13.11-.41 28.65-1.4l1.54-.1C260.73 20.32 266.43 20 271 20c8.95 0 12.15-3.4 17.66-20h2.1zM141.51 0h1.13c-2.06 3.86-2.63 5.1-2.77 6.19-.15 1.12.42 1.64 2.32 1.96 1.8.3 3.85.35 10.81.35 6.02 0 13 .56 21.35 1.62 3.95.5 8.03 1.1 13.13 1.89 24 3.7 22.5 3.49 26.83 3.49 24.02 0 51.83-2.24 60.45-6.94 2.88-1.57 5.05-4.49 6.6-8.56h1.07c-1.64 4.47-3.98 7.69-7.2 9.44-8.83 4.82-36.67 7.06-60.92 7.06-4.41 0-2.84.22-26.98-3.5-5.1-.8-9.17-1.38-13.1-1.88-8.31-1.06-15.26-1.62-21.23-1.62-7.04 0-9.1-.05-10.97-.37-2.38-.4-3.38-1.32-3.15-3.07.16-1.22.69-2.41 2.63-6.06zm76.4 0c5.69 1.64 10.37 2.5 14.09 2.5 9.59 0 16.7-.71 22.4-2.5h2.98C251.12 2.53 243.2 3.5 232 3.5c-4.5 0-10.32-1.21-17.53-3.5h3.45zM70.69 0c-2.87 3.27-6.95 5.39-12.02 6.53-3.98.89-7.5 1.08-12.92 1A97.24 97.24 0 0 0 44 7.5c-5.37 0-8.86-1.24-10.1-4.97A8.6 8.6 0 0 1 33.5 0h.99c.02.82.14 1.56.36 2.22C35.91 5.39 39.02 6.5 44 6.5l1.76.02c5.35.09 8.8-.1 12.69-.97C62.95 4.54 66.63 2.74 69.3 0h1.37zM0 207.87c7.31-.16 11.5 3.33 11.5 11.13 0 11.41-5.05 28.35-11.5 41.5v-2.3c5.93-12.72 10.5-28.47 10.5-39.2 0-7.18-3.7-10.3-10.5-10.13v-1zm0 7.05c1.23.14 2.18.58 2.87 1.31 1.4 1.48 1.6 3.72 1.16 7.58l-.16 1.3A28.93 28.93 0 0 0 3.5 229c0 3.2-1.48 9.52-3.5 15.9v-3.45c1.49-5.13 2.5-9.87 2.5-12.45 0-.98.08-1.75.37-4.02l.16-1.29c.42-3.56.24-5.59-.88-6.77-.5-.53-1.21-.87-2.15-1v-1zM0 410.9v-1.47a21.67 21.67 0 0 0 2.97-4.7c1.32-2.7 2.68-6.28 4.56-11.89 7.85-23.55 7.83-26.6.25-30.4-2.25-1.12-4.8-1.43-7.78-.91v-1.02a13.1 13.1 0 0 1 8.22 1.04c8.24 4.12 8.26 7.6.25 31.6-1.88 5.66-3.25 9.27-4.6 12.02A20.82 20.82 0 0 1 0 410.9zM33.64 452c1.68 0 3.04-.23 8.34-1.31l2.38-.47c8.26-1.57 12.72-1.3 14.53 2.33 1.38 2.75-.47 5.86-4.75 9.68a75.6 75.6 0 0 1-5.08 4.07c-.94.7-4.89 3.59-5.79 4.27-1.86 1.4-2.97 2.37-3.47 3.03a19.08 19.08 0 0 0-2.89 5.5c.07-.2-4.02 13.65-6.96 22.22-2.7 7.85-5.56 10.72-8.82 8.59-2.11-1.4-3.66-4.24-6.6-11.03-1.98-4.62-2.5-5.76-3.4-7.4-4.55-8.18-3.9-23.9-.05-32.87a9.6 9.6 0 0 1 6.98-5.96c2.59-.66 4.86-.75 11.78-.67l3.8.02zm0 2c-1.13 0-2.09 0-3.82-.02-12.07-.13-14.83.57-16.9 5.41-3.63 8.47-4.26 23.55-.05 31.12.96 1.73 1.48 2.88 3.5 7.58 2.72 6.3 4.24 9.08 5.86 10.14 1.64 1.08 3.5-.8 5.82-7.55a682.9 682.9 0 0 0 6.97-22.24 21.03 21.03 0 0 1 3.18-6.04c.65-.87 1.85-1.9 3.86-3.43.92-.7 4.87-3.57 5.8-4.27 2.02-1.5 3.6-2.77 4.95-3.97 3.63-3.23 5.09-5.7 4.3-7.28-1.21-2.42-5.07-2.65-12.38-1.27l-2.35.47c-5.49 1.11-6.86 1.35-8.74 1.35zm345.63 146c-3.45-12.26-3.77-14.13-3.77-19 0-3.33-.13-6.27-.43-11.34-.63-10.33-.65-13.5.26-17.07 1.21-4.74 4.21-7.1 9.67-7.1h26c4.08 0 5.19 1.85 5.93 7.11.1.79.13.97.19 1.32.84 5.35 2.8 7.58 8.88 7.58 3.64 0 5.54.4 6.43 1.37.76.83.76 1.44.36 3.93-.85 5.26.5 8.85 7.5 13.8 6.32 4.45 11.63 5.36 16.55 3.37 3.8-1.54 6.73-4.16 11.92-10l1.1-1.23 1.09-1.23a75.6 75.6 0 0 1 2.7-2.86 35.81 35.81 0 0 1 9.57-6.73c1.52-.76 1.72-.86 5.66-2.63 6.1-2.73 9.01-4.5 11.74-7.62 2.63-3 4.67-4.85 6.7-6.04 3.18-1.85 5.46-2.13 13.68-2.13 5.98 0 10.56-4.32 18-14.99l2.82-4.03c1.06-1.5 1.94-2.7 2.79-3.79 7.87-10.12 19.38-10.4 30.74.96 5.54 5.53 10.17 19.43 13.64 38.51 2.5 13.75 4.18 29.46 4.47 39.84h-1c-.3-10.32-1.96-25.97-4.45-39.66-3.43-18.87-8.02-32.65-13.36-37.99-10.95-10.95-21.76-10.68-29.26-1.04-.83 1.07-1.7 2.26-2.75 3.75l-2.81 4.02c-7.65 10.95-12.38 15.42-18.83 15.42-8.04 0-10.21.26-13.17 2-1.92 1.12-3.9 2.9-6.45 5.83-2.86 3.26-5.87 5.09-12.09 7.88a103.35 103.35 0 0 0-5.62 2.6 34.84 34.84 0 0 0-9.32 6.54 74.67 74.67 0 0 0-3.75 4.05l-1.1 1.24c-5.28 5.95-8.29 8.64-12.28 10.25-5.26 2.13-10.92 1.17-17.5-3.48-7.33-5.17-8.82-9.15-7.92-14.77.34-2.12.34-2.6-.1-3.1-.64-.69-2.34-1.04-5.7-1.04-6.63 0-8.96-2.63-9.87-8.42l-.2-1.34c-.67-4.82-1.53-6.24-4.93-6.24h-26c-5 0-7.6 2.04-8.7 6.34-.88 3.43-.85 6.57-.23 16.76a177 177 0 0 1 .43 11.4c0 4.78.32 6.63 3.81 19h-1.04zm13.68 0c-1.31-6.58-1.61-10.71-1.36-14.84.04-.7.1-1.44.18-2.38l.23-2.56c.34-3.81.5-6.97.5-11.22 0-4.94 1.46-7.76 4.21-8.42 2.38-.58 5.56.54 9.2 3 6.64 4.52 13.99 13.07 16.55 19.23 4.77 11.44 14.12 15.69 33.54 15.69 8.6 0 14.32-2.35 20.67-7.88 1.45-1.26 15.06-15 21-20 7.21-6.07 11.77-7.59 20.62-8.32 5.52-.45 7.98-.9 11.44-2.36 4.58-1.95 9.36-5.48 14.9-11.29 7.43-7.76 13.25-8.92 17.47-4.3 3.32 3.63 5.46 10.58 6.82 20.24.73 5.17.94 7.74 1.58 17.38.25 3.75.17 5.32-.92 18.03h-1c1.09-12.7 1.17-14.28.92-17.97-.64-9.6-.85-12.16-1.57-17.3-1.33-9.47-3.43-16.27-6.56-19.7-3.76-4.11-8.93-3.08-16 4.32-5.65 5.9-10.54 9.5-15.25 11.5-3.58 1.53-6.13 1.99-11.6 2.44-8.8.72-13.17 2.18-20.2 8.1-5.9 4.96-19.5 18.7-21 19.99-6.52 5.68-12.47 8.12-21.32 8.12-19.78 0-29.5-4.42-34.46-16.3-2.49-5.97-9.71-14.38-16.2-18.79-3.42-2.32-6.36-3.35-8.4-2.86-2.2.53-3.44 2.92-3.44 7.45 0 4.28-.16 7.47-.5 11.31l-.23 2.56c-.09.93-.14 1.65-.19 2.35-.24 4.08.06 8.18 1.39 14.78h-1.02zm113.75 0c2.52-3.26 8.93-11.79 10.9-14.3 5.48-6.98 13.05-12.38 19.4-13.94 7.01-1.71 11.5 1.45 11.5 9.24 0 4.02-.04 5.16-.74 19h-1c.7-13.85.74-15 .74-19 0-7.12-3.86-9.83-10.26-8.26-6.11 1.5-13.5 6.77-18.85 13.57-1.86 2.36-7.65 10.07-10.43 13.69h-1.26zm-9.86-338.96c3.44 2.71 7 5.1 11.44 7.75 1.06.64 8.42 4.9 10.35 6.1 11.27 7 15 13.35 12.35 25.33-1.45 6.52-4.53 11.1-9.39 14.44-3.83 2.63-8.07 4.26-16.08 6.56-11.97 3.45-13.68 3.99-18.82 6.28a60.18 60.18 0 0 0-7.81 4.18c-11.11 7.07-19.1 7.7-27.96 3.28-3.56-1.77-17.2-11-17.2-11.01a101.77 101.77 0 0 0-5.2-3.07c-16.04-8.83-34.27-24.16-34.52-31.85-.11-3.46 1.99-6.57 6.28-10.26 1.03-.9 2.18-1.81 3.68-2.95.72-.55 3.38-2.56 3.94-3 4.47-3.4 7.18-5.79 9.32-8.45 11.12-13.82 26.55-28.68 34.36-32.28 12.06-5.54 19.84-5.77 27.37.12 3.25 2.54 5.65 6.54 8.58 13.35.29.65 2.3 5.45 2.88 6.74 1.62 3.65 2.9 5.8 4.24 6.94.72.6 1.45 1.2 2.2 1.8zm-3.49-.28c-1.63-1.39-3.03-3.74-4.77-7.65-.58-1.3-2.6-6.12-2.88-6.76-2.81-6.5-5.08-10.3-7.98-12.56-6.83-5.35-13.85-5.15-25.3.12-7.45 3.42-22.7 18.12-33.64 31.72-2.27 2.82-5.08 5.3-9.67 8.79l-3.94 2.98a79.98 79.98 0 0 0-3.59 2.88c-3.87 3.33-5.67 6-5.58 8.69.21 6.64 18.14 21.72 33.48 30.15 1.76.97 3.5 2 5.3 3.13.12.08 13.61 9.22 17.03 10.92 8.22 4.1 15.46 3.52 26-3.18a62.17 62.17 0 0 1 8.07-4.31c5.25-2.35 7-2.9 19.08-6.38 7.8-2.24 11.9-3.82 15.5-6.3 4.44-3.04 7.23-7.18 8.56-13.22 2.44-11.02-.83-16.6-11.45-23.2-1.9-1.18-9.23-5.42-10.32-6.08-4.5-2.69-8.13-5.12-11.64-7.9-.77-.6-1.52-1.21-2.26-1.84zM87.72 241.6c4.3-2.98 7.88-5 12.14-6.95.84-.4 1.73-.78 2.78-1.24l4.37-1.88a164.3 164.3 0 0 0 17.74-8.96 320.67 320.67 0 0 1 27.87-14.5c4.22-1.95 21.89-9.84 21.17-9.52 19.17-8.62 28.1-6.93 49.5 8.05 7.91 5.54 13.24 13.25 16.45 22.66 3.02 8.83 3.76 16.51 3.76 27.75 0 8.32-.66 12.95-3.68 18.97-4.18 8.36-12.3 16.14-25.58 23.47-24.45 13.49-38.83 27.55-52.83 47.84-8.83 12.8-47.76 44.21-65.16 54.15C75.04 413.55 48.89 423.5 31 423.5c-10.05 0-14.67-4.78-14.76-13.37-.07-6.32 2.06-13.73 6.3-24.32 2.95-7.37 2.02-12.9-2.16-22.29-3.19-7.17-3.88-9.14-3.88-12.52 0-3.35 1.87-6.9 5.52-11.07 2.61-3 3.5-3.83 11.9-11.5 5.09-4.66 8.08-7.6 10.7-10.75 9.46-11.36 12.62-19.47 17.9-44.78 3.12-15.05 6.63-20.28 15.12-25.25.8-.47 3.95-2.25 4.7-2.68a76.66 76.66 0 0 0 5.38-3.38zm.56.82a77.63 77.63 0 0 1-5.44 3.43l-4.7 2.67c-8.23 4.82-11.57 9.81-14.65 24.6-5.3 25.45-8.51 33.7-18.1 45.21-2.66 3.19-5.68 6.16-10.8 10.84-8.36 7.64-9.24 8.48-11.82 11.42-3.5 4.01-5.27 7.36-5.27 10.42 0 3.18.68 5.1 3.8 12.12 4.27 9.6 5.24 15.37 2.16 23.07-4.18 10.47-6.29 17.78-6.22 23.93.08 8.06 4.26 12.38 13.76 12.38 17.67 0 43.68-9.9 64.75-21.93 17.28-9.88 56.1-41.2 64.84-53.85 14.08-20.42 28.57-34.59 53.17-48.16 13.12-7.23 21.09-14.87 25.17-23.03 2.92-5.86 3.57-10.35 3.57-18.53 0-11.13-.74-18.73-3.7-27.43-3.15-9.22-8.36-16.75-16.09-22.16-21.13-14.8-29.7-16.42-48.5-7.95.7-.32-16.96 7.56-21.17 9.5-1.7.8-3.3 1.55-4.86 2.3a319.68 319.68 0 0 0-22.93 12.17 165.3 165.3 0 0 1-17.85 9.01l-4.37 1.88c-1.04.45-1.92.84-2.76 1.23a74.56 74.56 0 0 0-11.99 6.86zm-7.6 12.2c7.7-6.25 12.3-8.17 23.68-11.27 6.12-1.67 9.12-2.95 12.31-5.72 3.8-3.3 7.47-4.52 15.86-6.1 2.75-.52 3.67-.7 5.06-1.02 5.48-1.24 9.48-2.93 13.1-5.89 10.42-8.53 25.4-14.11 36.31-14.11 5.33 0 16.77 7.58 25.74 17.16 10.73 11.46 15.96 23.27 12.73 32.5-3.18 9.1-11.39 18.57-23.03 27.86-8.44 6.73-18.36 13-25.22 16.43-3.72 1.86-6.59 4.88-9.77 9.99-.69 1.1-11.1 20.25-16.03 27.83-5.62 8.65-15.4 17.36-30.23 27.96a552.58 552.58 0 0 1-9.2 6.42c-.13.09-6.81 4.65-8.6 5.89-6.47 4.46-10.35 7.35-13.05 9.83-11.64 10.67-37.14 15.54-43.7 8.98-1.96-1.96-2.2-4.06-1.95-10.52.37-9.42-.5-14.5-4.95-20.51a34.09 34.09 0 0 0-7.04-6.92c-3.93-2.95-6.07-6.11-6.56-9.49-.97-6.61 3.87-13.06 14.17-21.69 1.58-1.32 6.67-5.44 7.09-5.78a48.03 48.03 0 0 0 5.23-4.77c4.1-4.63 5.85-9.55 7.8-20.07a501.52 501.52 0 0 0 .8-4.37c.33-1.87.6-3.3.88-4.73.74-3.78 1.5-7.18 2.4-10.63 1-3.78 1.38-5.5 2.36-10.37.6-3.02.93-4.21 1.56-5.47 1.22-2.45 1.27-2.5 12.25-11.42zm.64.78c-10.77 8.74-10.88 8.84-12 11.08-.58 1.16-.88 2.3-1.47 5.22-.98 4.89-1.36 6.63-2.37 10.44-.9 3.43-1.65 6.8-2.39 10.56a339.79 339.79 0 0 0-1.29 6.95l-.39 2.15c-1.98 10.68-3.77 15.74-8.04 20.54a48.77 48.77 0 0 1-5.34 4.88c-.42.34-5.5 4.47-7.07 5.78-10.04 8.4-14.72 14.65-13.83 20.78.45 3.1 2.44 6.03 6.17 8.83 3 2.25 5.39 4.62 7.24 7.12 4.63 6.24 5.52 11.52 5.15 21.15-.25 6.14-.01 8.1 1.66 9.78 6.1 6.1 31.02 1.33 42.31-9.02 2.75-2.52 6.66-5.43 13.16-9.92l8.6-5.89c3.63-2.48 6.45-4.44 9.19-6.4 14.73-10.54 24.44-19.18 29.97-27.7 4.9-7.54 15.31-26.68 16.02-27.8 3.27-5.26 6.26-8.41 10.18-10.37 6.79-3.4 16.65-9.63 25.03-16.32 11.52-9.18 19.61-18.53 22.72-27.4 3.07-8.78-2.02-20.27-12.52-31.49-8.8-9.4-20.04-16.84-25.01-16.84-10.67 0-25.43 5.5-35.68 13.89-3.76 3.07-7.9 4.81-13.5 6.09-1.41.32-2.35.5-5.11 1.02-8.21 1.55-11.76 2.73-15.38 5.88-3.34 2.9-6.45 4.22-12.7 5.92-11.26 3.07-15.75 4.94-23.31 11.09zM212 251.85c0 7.56-.6 10.92-2.6 14.3-1.1 1.84-7.66 10.05-8.6 11.3-5.96 7.94-9.33 10.28-17.26 13.76-1.34.58-2.2 1-3.03 1.5-.55.33-1.2.66-2 1.02-.71.33-4.46 1.9-5.52 2.39-6.05 2.78-8.99 5.8-8.99 10.73 0 10.97-18.95 36.12-34.51 44.87-8.18 4.6-21.3 9.36-32.78 11.86-13.33 2.9-22.49 2.48-24.62-2.32-1.32-2.97-4.4-4.26-11.98-5.81l-.6-.12c-4.84-.99-6.94-1.55-9.03-2.64-2.92-1.5-4.48-3.7-4.48-6.84 0-2.74 1.08-5.77 3.25-9.67.85-1.53 1.82-3.13 3.23-5.35-.16.25 2.83-4.4 3.67-5.76 6.69-10.7 9.85-18.5 9.85-27.22 0-18.41 11.22-33.37 27.5-42.86 5.22-3.05 9.23-3.31 15.2-2.12 5.04 1 6.05.9 7.43-1.52 4.5-7.85 7.04-9.5 15.87-9.5 3.93 0 6.97-.98 10.47-3.16 1.56-.97 8.67-6.17 10.99-7.68 9.2-5.98 11.34-7 25.2-11.95 6.95-2.48 15.18 1.28 22.33 9.12 6.55 7.19 11.01 16.61 11.01 23.67zm-2 0c0-6.5-4.25-15.48-10.49-22.32-6.67-7.32-14.16-10.74-20.17-8.59-13.73 4.9-15.73 5.85-24.8 11.75-2.24 1.46-9.37 6.68-11.01 7.7-3.8 2.36-7.2 3.46-11.53 3.46-8.08 0-9.98 1.23-14.13 8.5-1.1 1.91-2.51 2.88-4.35 3.09-1.3.14-1.9.05-5.22-.61-5.53-1.1-9.07-.88-13.8 1.88-15.72 9.17-26.5 23.55-26.5 41.14 0 9.2-3.28 17.29-10.15 28.28l-3.68 5.77c-1.39 2.19-2.35 3.77-3.17 5.25-2.02 3.63-3 6.38-3 8.7 0 4.19 2.87 5.67 11.9 7.52l.61.12c8.27 1.7 11.7 3.13 13.4 6.95 3.17 7.14 36 0 54.6-10.46 14.98-8.43 33.49-32.99 33.49-43.13 0-5.9 3.47-9.48 10.16-12.55 1.1-.5 4.85-2.08 5.52-2.38.74-.34 1.32-.64 1.8-.93.92-.55 1.85-1 3.25-1.62 7.65-3.35 10.75-5.5 16.47-13.12 1.02-1.36 7.47-9.42 8.47-11.11 1.79-3.01 2.33-6.06 2.33-13.3zm-37.18-22.4c.15-.1 2.4-1.51 2.95-1.84.96-.57 1.7-.94 2.43-1.17 2.57-.83 5.06-.1 11.04 3.12 14.86 8 19.43 22.87 9.18 38.71-4.04 6.24-9.37 9-18.72 11.11-.85.2-1.2.27-3.13.68-6.04 1.29-8.78 2.08-11.6 3.65-3.63 2.02-6.09 4.98-7.5 9.44-7.87 24.93-19.72 43.34-36.28 50.31-16.45 6.93-21.13 8.53-27.98 8.89-4.94.25-9.8-.65-15.4-2.89a44.45 44.45 0 0 1-5.64-2.6c-4.02-2.33-5.14-4.74-4.5-9.31.3-2.13 3.77-15.53 4.84-20.65.63-3.05 1.19-6.14 1.75-9.69a464.04 464.04 0 0 0 1.35-8.9c1.42-9.41 2.5-14.27 4.49-18.65 2.46-5.43 6.13-9.03 11.72-11.13 6.59-2.47 10.54-3.1 18.03-3.53 4.75-.27 6.68-.64 9-2.05.61-.37 1.22-.81 1.82-1.33a30.61 30.61 0 0 0 3.37-3.4c.59-.69 2.38-2.9 2.63-3.19 3.36-4 6.3-5.53 12.33-5.53 3.94 0 5.9-.92 8.18-3.36-.17.18 2.75-3.14 3.85-4.22a30.95 30.95 0 0 1 6.79-5c1.5-.83 3.15-1.62 4.99-2.38a64.92 64.92 0 0 0 10.01-5.1zm-14.52 8.34a29.95 29.95 0 0 0-6.57 4.84 116.68 116.68 0 0 0-3.82 4.2c-2.46 2.63-4.68 3.67-8.91 3.67-5.72 0-8.39 1.39-11.57 5.17-.23.28-2.03 2.5-2.63 3.2a31.6 31.6 0 0 1-3.47 3.51c-.65.55-1.3 1.03-1.96 1.43-2.5 1.51-4.55 1.9-9.47 2.19-7.39.42-11.25 1.04-17.72 3.47-5.34 2-8.82 5.4-11.17 10.6-1.93 4.27-3 9.07-4.41 18.39l-.65 4.34-.7 4.57c-.57 3.56-1.12 6.67-1.76 9.73-1.08 5.18-4.54 18.53-4.83 20.59-.59 4.17.35 6.18 4.01 8.3 1.35.77 3.1 1.58 5.52 2.55 5.46 2.18 10.18 3.05 14.97 2.8 6.69-.34 11.32-1.93 27.65-8.8 16.21-6.83 27.92-25.01 35.71-49.7 1.49-4.7 4.12-7.86 7.97-10 2.93-1.63 5.74-2.45 11.87-3.76 1.92-.4 2.28-.49 3.12-.68 9.12-2.06 14.24-4.7 18.1-10.67 9.92-15.34 5.55-29.55-8.82-37.29-5.75-3.1-8.03-3.76-10.25-3.05-.65.2-1.33.54-2.23 1.08-.55.32-2.77 1.72-2.93 1.82a65.91 65.91 0 0 1-10.16 5.17c-1.8.75-3.42 1.52-4.89 2.33zm-42.39 32.72c16.15-2.87 26.36-.97 32.47 6.16 5.08 5.93 1.13 21.42-5.93 35.55-4.79 9.58-10.6 16.21-23.16 25.19-14.15 10.1-35.5 12.2-40.71 3.85-1.86-2.97-2.1-8.14-1.06-15.73.78-5.68 1.86-10.71 4.73-22.98l.12-.51c1.59-6.8 2.37-10.31 3.14-14.14 1.45-7.25 3.74-11.47 7.26-13.74 2.81-1.8 5.53-2.28 12.33-2.62 5.33-.27 7.56-.46 10.81-1.03zm.18.98c-3.3.59-5.56.78-10.94 1.05-6.62.33-9.23.78-11.84 2.46-3.25 2.1-5.42 6.09-6.82 13.1-.77 3.84-1.56 7.35-3.15 14.17l-.12.5c-2.86 12.24-3.93 17.26-4.7 22.9-1.03 7.36-.79 12.36.9 15.07 4.82 7.7 25.54 5.67 39.29-4.15 12.43-8.88 18.13-15.39 22.84-24.81 6.86-13.72 10.75-29 6.07-34.45-5.84-6.81-15.7-8.65-31.53-5.84zM132 276.5c7.12 0 10.66 3.08 11.25 8.7.42 4.02-.43 8.14-2.77 15.94-2.56 8.52-18.36 25.38-27.2 31.28-7.01 4.67-20.02 5.67-26.57.99-3.99-2.85-3.53-12.08.02-26.46.68-2.75 1.47-5.65 2.37-8.76a412.6 412.6 0 0 1 3.05-10.14l.37-1.2c1.48-4.8 5.1-7.75 10.73-9.27 4.4-1.2 9.54-1.5 17.48-1.33l3.89.1c3.87.11 5.42.15 7.38.15zm0 1c-1.97 0-3.53-.04-7.41-.15l-3.88-.1c-7.85-.17-12.92.13-17.2 1.3-5.32 1.43-8.67 4.16-10.03 8.6a1277.83 1277.83 0 0 1-1.6 5.21c-.68 2.2-1.27 4.17-1.82 6.1-.9 3.1-1.68 5.99-2.36 8.73-3.43 13.88-3.87 22.93-.4 25.4 6.17 4.42 18.73 3.45 25.42-1 8.66-5.78 24.33-22.49 26.8-30.73 2.3-7.67 3.14-11.71 2.73-15.56-.53-5.1-3.64-7.8-10.25-7.8zm-17.79 7a31.3 31.3 0 0 1 8.57 1.4c5.42 1.78 8.72 5.03 8.72 10.1 0 9.59-9.51 17.2-22.34 21.47-9.82 3.28-13.62-1.79-11.66-16.54.84-6.28 3.82-10.67 8.24-13.46a20.38 20.38 0 0 1 8.47-2.97zm-.6 1.08a19.39 19.39 0 0 0-7.34 2.73c-4.18 2.64-6.98 6.78-7.77 12.76-1.89 14.11 1.36 18.45 10.34 15.46C121.3 312.37 130.5 305 130.5 296c0-4.56-2.98-7.5-8.03-9.15a28.05 28.05 0 0 0-8.2-1.35c-.13 0-.35.03-.66.08zm80.87-23.45c-2.72 9.8-14.93 9.86-26.72 3.3-10.17-5.64-13.8-17.98-5-22.87a66.53 66.53 0 0 0 4.48-2.7l2.03-1.3a50.15 50.15 0 0 1 3.92-2.3c4.73-2.43 8.82-2.8 14-.72 9.16 3.66 10.98 13.33 7.3 26.6zm-20.83-24.98a49.26 49.26 0 0 0-3.84 2.25l-2.03 1.3c-.84.53-1.5.95-2.16 1.35-.82.5-1.6.96-2.38 1.39-7.94 4.4-4.59 15.8 5 21.12 11.31 6.29 22.8 6.23 25.28-2.7 3.57-12.83 1.85-21.97-6.7-25.4-4.9-1.95-8.69-1.62-13.17.7zm17.85 12.15c0 5.7-2.44 9-6.64 9.96-3.3.76-7.56-.05-11.08-1.81l-1.89-.94c-.67-.34-1.18-.62-1.63-.88-4.07-2.38-4.13-4.97.34-10.93 6.8-9.06 20.9-7.16 20.9 4.6zm-1 0c0-5.3-2.87-8.55-7.32-9.16-4.23-.57-8.99 1.44-11.78 5.16-4.15 5.54-4.1 7.44-.64 9.47.44.25.93.51 1.59.85l1.87.93c3.34 1.67 7.36 2.44 10.42 1.74 3.73-.86 5.86-3.74 5.86-9zM387 530.3c0-12.8 2.44-16.74 18.48-29.77a56.8 56.8 0 0 1 7.61-5.2c2.6-1.5 5.33-2.82 8.5-4.18 1.24-.53 2.48-1.05 4.1-1.7l3.92-1.57c9.4-3.83 13.74-6.7 16.62-12.05 1.2-2.22 2.21-4.4 3.23-6.83a148.57 148.57 0 0 0 1.54-3.84l.3-.74.56-1.44c3.2-8.02 6.05-12.08 12.7-16.5a35.26 35.26 0 0 0 4.96-4 46.36 46.36 0 0 0 3.88-4.29c.27-.34 2.55-3.2 3.2-3.98 3.48-4.15 6.51-5.9 11.51-5.9 3.08 0 5.62-.63 9.57-2.1 5.42-2.02 6.53-2.34 8.96-2.2 2.53.13 4.85 1.26 7.18 3.59 1.3 1.3 5.55 5.83 6.52 6.78 5.06 5 9.44 6.92 17.77 6.92a197.5 197.5 0 0 1 12.08.45c15.93.87 21.94.57 25.28-2.21 6.91-5.77 11.64-2.73 11.64 7.76 0 10.73-8.6 20-19 20-4.8 0-8.32 1.43-9.34 3.67-1.12 2.48.68 6.15 5.98 10.57 13.6 11.33 11.24 20.76-7.64 20.76a21.91 21.91 0 0 0-14.6 5.24c-3.28 2.71-5.8 5.86-9.85 11.82l-1.52 2.25c-3.1 4.57-5.01 7.1-7.32 9.4-6.21 6.21-9.3 7.64-13.05 6.89l-1-.23a10.82 10.82 0 0 0-2.66-.37c-1.6 0-2.41.67-8.18 6.22-4.85 4.67-8.07 6.78-11.82 6.78-1.33 0-3.46 1.15-6.45 3.45-1.27.98-2.68 2.14-4.5 3.7l-4.92 4.29a181.11 181.11 0 0 1-4.54 3.82c-9.33 7.56-15.63 10.2-20.21 6.52-2.7-2.15-4.14-4.51-4.63-7.26-.37-2.04-.26-3.63.29-7.3.87-5.85.65-8.42-1.83-11.6-2.32-2.98-2.96-3.22-3.77-2.39-.25.26-1.35 1.63-1.61 1.94-2.21 2.5-4.85 3.57-9 2.82-4.6-.84-5.57-4.11-4.72-10.09l.24-1.56c.6-3.66.68-4.93.25-5.8-.44-.86-1.9-.94-5.23.4l-.74.29c-13.78 5.54-15.26 6.09-19.43 6.67-6.03.84-9.31-1.6-9.31-7.9zm2 0c0 5 2.14 6.6 7.04 5.92 3.91-.55 5.43-1.1 18.95-6.55l.75-.3c4.17-1.66 6.7-1.54 7.76.58.71 1.43.62 2.76-.06 7l-.24 1.53c-.72 5.04-.06 7.27 3.09 7.84 3.43.62 5.38-.17 7.15-2.18.2-.23 1.34-1.66 1.68-2 1.9-1.96 3.82-1.25 6.78 2.55 2.9 3.74 3.17 6.77 2.22 13.12-1 6.75-.52 9.4 3.62 12.71 3.49 2.8 9.1.45 17.7-6.51 1.35-1.1 2.75-2.28 4.49-3.78l4.93-4.3c1.84-1.58 3.27-2.76 4.58-3.77 3.34-2.56 5.74-3.86 7.67-3.86 3.04 0 5.95-1.9 10.43-6.22l2.46-2.39c.94-.89 1.67-1.56 2.37-2.13 1.81-1.49 3.3-2.26 4.74-2.26 1.03 0 1.81.13 3.1.42.7.16.71.17.96.21 2.96.6 5.45-.55 11.23-6.33 2.2-2.2 4.06-4.65 7.09-9.11l1.52-2.25c4.15-6.11 6.76-9.37 10.22-12.24a23.9 23.9 0 0 1 15.88-5.7c16.87 0 18.62-7.01 6.36-17.23-5.9-4.92-8.12-9.41-6.52-12.93 1.42-3.12 5.67-4.84 11.16-4.84 9.25 0 17-8.34 17-18 0-8.94-2.88-10.79-8.36-6.23-3.94 3.28-9.98 3.59-26.67 2.68l-1.02-.06c-5.09-.27-7.99-.39-10.95-.39-8.88 0-13.76-2.14-19.18-7.5-1-.98-5.26-5.53-6.53-6.79-1.99-1.99-3.86-2.9-5.87-3-2.03-.12-3.06.18-8.15 2.07-4.15 1.55-6.9 2.22-10.27 2.22-4.33 0-6.84 1.46-9.98 5.2-.63.74-2.89 3.6-3.18 3.95a48.29 48.29 0 0 1-4.04 4.46 37.26 37.26 0 0 1-5.24 4.23c-6.26 4.17-8.9 7.91-11.95 15.58l-.57 1.43-.28.74a531.5 531.5 0 0 1-1.56 3.88 77.49 77.49 0 0 1-3.32 7c-3.16 5.88-7.82 8.97-17.63 12.96l-3.92 1.58c-1.6.64-2.84 1.15-4.05 1.67a79.2 79.2 0 0 0-8.3 4.08 54.8 54.8 0 0 0-7.35 5.02C391.12 514.78 389 518.21 389 530.31zm133.22-79.76c3.06 1.53 6.54 2.02 10.68 1.7 2.53-.2 4.91-.62 8.8-1.49 5.36-1.19 6.33-1.38 8.33-1.54 2.78-.23 4.82.17 6.29 1.4 1.58 1.31 1.96 2.72 1.26 4.22-.66 1.38-1.05 1.74-5.05 5.07-3.53 2.93-5.03 4.83-5.03 7.09 0 7.3 1.29 10.02 7.83 15.62 3.86 3.3 5.93 6.84 5.28 9.62-.75 3.25-4.96 5.02-12.61 5.02-7.18 0-12.7 4.61-20.03 14.68-.5.7-3.96 5.57-4.94 6.87a38.89 38.89 0 0 1-4.72 5.5c-1.06.98-2.09 1.7-3.1 2.15-2.85 1.26-5.05 1.57-9.83 1.74-7.66.27-10.87 1.45-14.98 7.1-1.58 2.17-3.11 4-4.68 5.6a42.87 42.87 0 0 1-8.65 6.69c-.15.08-10.69 6.19-14.8 8.83-3.76 2.42-6.45 2.04-8.22-.77-1.28-2.03-1.9-4.54-2.87-10.35-.84-5.08-1.27-7.08-2.06-8.93-.97-2.3-2.21-3.24-4.02-2.88-6.2 1.24-8.95 1.39-10.98.2-2.37-1.4-3.13-4.62-2.62-10.73.16-1.96-1.04-2.87-3.76-3.04-2.24-.13-4.9.2-9.94 1.12l-.69.12c-7.97 1.45-10.72 1.72-12.72.73-2.91-1.43-1.6-5.27 4.23-12.21 5.48-6.53 10.6-10.81 15.76-13.53 3.74-1.97 5.94-2.65 12.16-4.1 7.29-1.72 10.4-3.51 14.04-9.31 2.96-4.75 10.74-18.62 12.14-20.84 3.59-5.67 6.8-9.1 11.05-11.34 2.6-1.38 4.72-2.82 9.17-6.07l1.38-1.01c7.85-5.72 12.3-7.98 17.68-7.98 4.22 0 6.49 1.36 9.13 4.77.34.43 1.67 2.22 2 2.67.85 1.09 1.6 1.98 2.45 2.83a24.29 24.29 0 0 0 6.64 4.78zm-.44.9c-2.8-1.4-5-3.03-6.92-4.97-.87-.9-1.65-1.81-2.51-2.93-.35-.46-1.68-2.25-2.01-2.67-2.47-3.18-4.46-4.38-8.34-4.38-5.09 0-9.4 2.2-17.09 7.78l-1.38 1.01c-4.49 3.29-6.63 4.74-9.3 6.15-4.06 2.15-7.16 5.45-10.66 11-1.39 2.19-9.16 16.05-12.15 20.82-3.79 6.07-7.13 7.98-14.66 9.75-6.13 1.45-8.27 2.1-11.92 4.02-5.04 2.66-10.05 6.86-15.46 13.3-5.43 6.46-6.53 9.69-4.55 10.66 1.7.84 4.48.57 12.1-.81l.7-.13c5.12-.93 7.82-1.27 10.17-1.12 3.21.2 4.92 1.48 4.7 4.11-.48 5.76.2 8.64 2.13 9.78 1.73 1.02 4.34.88 10.27-.31 2.35-.47 4 .78 5.14 3.47.83 1.95 1.27 4 2.07 8.8l.06.36c.94 5.65 1.55 8.11 2.72 9.98 1.46 2.3 3.52 2.6 6.84.46 4.14-2.66 14.69-8.77 14.81-8.85a41.9 41.9 0 0 0 8.46-6.54 47.89 47.89 0 0 0 4.6-5.48c4.32-5.95 7.81-7.23 15.74-7.5 4.66-.17 6.76-.47 9.46-1.67.9-.4 1.85-1.06 2.84-1.96a38.03 38.03 0 0 0 4.6-5.36c.96-1.3 4.4-6.16 4.93-6.87 7.5-10.31 13.22-15.09 20.83-15.09 7.24 0 11.02-1.6 11.64-4.24.54-2.32-1.36-5.55-4.97-8.64-6.75-5.79-8.17-8.79-8.17-16.38 0-2.67 1.64-4.74 5.39-7.86 3.8-3.17 4.23-3.56 4.78-4.73.5-1.06.25-1.99-.99-3.03-2.23-1.85-4.72-1.65-13.76.36-3.93.87-6.35 1.3-8.94 1.5-4.3.34-7.97-.18-11.2-1.8zm-28-3.9c5.65-2.82 8.96-2.2 12.9 1.37.56.5 2.6 2.47 3.02 2.87 4.2 3.89 8.07 5.71 14.3 5.71 11.37 0 14 1.41 16.1 8.09.26.83 1.35 4.6 1.66 5.62.8 2.63 1.64 5.03 2.7 7.6 2.13 5.17 2.64 8.32 1.72 10.24-.77 1.61-2.1 2.18-5.37 2.79-2.32.43-2.8.53-3.85.85-1.85.58-3.35 1.4-4.6 2.66-1 1-2.02 2.13-3.31 3.66-.6.71-2.91 3.5-3.46 4.14-7.2 8.54-12.43 12.35-19.59 12.35-3.76 0-6.95 1.28-10.59 4-1.84 1.37-11.62 10.31-15.22 13.06a73.09 73.09 0 0 1-8.95 5.88c-4.58 2.54-7.35 3.22-8.98 2.23-1.32-.8-1.65-2.07-1.94-5.5a52.53 52.53 0 0 0-.16-1.81c-.54-4.73-2.24-6.86-7.16-6.86-7.11 0-8.85-1.23-9.73-5.41-.96-4.61-2.1-6.7-6.55-9.67-3.97-2.65-4.31-5.42-1.52-8.22 2-2 4.63-3.5 11.35-6.87 6.61-3.3 9.2-4.8 11.1-6.68a39.09 39.09 0 0 0 5.3-6.48c.98-1.5 1.83-3.04 2.88-5.13l2.12-4.3c.91-1.83 1.72-3.37 2.61-4.98 5.74-10.32 10.37-14.78 23.22-21.2zm-22.34 21.7c-.89 1.59-1.69 3.12-2.6 4.94l-2.11 4.3a52.9 52.9 0 0 1-2.94 5.23 40.08 40.08 0 0 1-5.44 6.63c-2 2-4.62 3.51-11.35 6.87-6.6 3.3-9.2 4.8-11.1 6.69-2.33 2.34-2.08 4.37 1.38 6.67 4.7 3.14 5.96 5.46 6.97 10.3.78 3.7 2.09 4.62 8.75 4.62 5.5 0 7.57 2.57 8.15 7.75.06.5.09.82.17 1.84.25 3.06.55 4.17 1.46 4.72 1.2.74 3.69.13 7.98-2.25a72.09 72.09 0 0 0 8.82-5.8c3.55-2.7 13.34-11.65 15.24-13.07 3.79-2.83 7.18-4.19 11.18-4.19 6.77 0 11.8-3.67 18.83-12l3.45-4.13a60.07 60.07 0 0 1 3.37-3.72 11.72 11.72 0 0 1 5.01-2.91c1.1-.34 1.6-.45 3.97-.89 2.95-.55 4.07-1.02 4.65-2.23.76-1.59.28-4.5-1.74-9.43a84.46 84.46 0 0 1-2.74-7.69c-.31-1.03-1.4-4.8-1.66-5.61-1.95-6.2-4.16-7.39-15.14-7.39-6.5 0-10.61-1.93-14.98-5.98-.44-.4-2.46-2.37-3.01-2.86-3.65-3.3-6.52-3.85-11.79-1.21-12.67 6.33-17.15 10.65-22.78 20.8zm55.86 11.93c-2.98 6.45-16.78 15.26-26.74 15.26-5.33 0-7.56-2.98-7.11-7.86.32-3.48 2.1-7.91 3.93-10.61l1.52-2.32a44.95 44.95 0 0 1 1.88-2.7c3.66-4.8 7.85-7.45 13.62-7.45 9.06 0 15.75 9.52 12.9 15.68zm-.9-.42c2.52-5.47-3.65-14.26-12-14.26-5.4 0-9.33 2.48-12.82 7.06-.6.8-1.17 1.6-1.85 2.64 0 0-1.2 1.87-1.52 2.33-1.74 2.57-3.46 6.85-3.77 10.14-.4 4.33 1.43 6.77 6.12 6.77 9.57 0 23.02-8.58 25.83-14.68zm-69.67 20.74c2.08.18 4.44.81 5.88 1.8 2.12 1.47 2.2 3.6-.26 6.05-5.14 5.15-12.85 4.34-12.85-1.35 0-4.66 3.14-6.84 7.23-6.5zm-.09 1c-3.56-.3-6.14 1.5-6.14 5.5 0 4.58 6.53 5.26 11.15.65 2.03-2.04 1.98-3.43.4-4.52-1.27-.88-3.48-1.47-5.4-1.63zm29.59-225.95c4.64 2.35 17.27 8.24 19.39 9.43a24.14 24.14 0 0 1 7.05 5.64 45.03 45.03 0 0 1 3.75 5.2c2.4 3.78.04 7.66-6.2 11.63-4.97 3.16-12.18 6.3-21.95 9.82-4.84 1.74-19.63 6.68-21.1 7.2-6.59 2.33-14.85.1-25.14-5.86-3.93-2.27-8-5-12.94-8.54-2.23-1.61-9.5-6.99-10.7-7.85a81.21 81.21 0 0 0-8.63-5.7c-4.82-2.6-4.45-6.64.17-12.13 3.27-3.88 4.17-4.67 18.1-16.33a230.2 230.2 0 0 0 8.89-7.74 95.2 95.2 0 0 0 4.72-4.66c5.08-5.43 9.8-6.49 14.97-3.92 2.24 1.1 4.53 2.85 7.43 5.52 1.48 1.37 6.94 6.72 7.98 7.7 5.2 4.91 9.46 8.2 14.2 10.6zm-.46.9c-4.85-2.45-9.18-5.79-14.44-10.76-1.05-1-6.5-6.34-7.97-7.69-2.83-2.61-5.06-4.3-7.2-5.37-4.75-2.36-9-1.4-13.8 3.71a96.18 96.18 0 0 1-4.76 4.71c-2.48 2.3-5.16 4.62-8.92 7.77-13.86 11.6-14.77 12.4-17.98 16.21-4.28 5.08-4.58 8.4-.46 10.61 2.23 1.2 4.9 2.99 8.74 5.77 1.2.87 8.47 6.24 10.7 7.85a154.8 154.8 0 0 0 12.85 8.49c10.06 5.82 18.07 7.98 24.3 5.78 1.48-.52 16.27-5.47 21.1-7.2 9.7-3.5 16.86-6.61 21.75-9.72 5.84-3.71 7.9-7.1 5.9-10.26a44.09 44.09 0 0 0-3.67-5.08 23.16 23.16 0 0 0-6.78-5.42c-2.08-1.16-14.68-7.05-19.36-9.4zm-38.83 8.05c3.11-.37 5.7-.13 8.4.7 2.15.66 2.74.93 8.64 3.77 4.75 2.29 8.39 3.86 13.19 5.56 8.38 2.97 11.32 6.23 8.83 9.76-2.08 2.94-8.04 5.92-17.84 9.18-8.45 2.82-15.48 2.35-21.43-.9-4.65-2.55-8.33-6.5-12.15-12.3-2.9-4.41-2.73-8.2.16-11.06 2.48-2.45 6.87-4.07 12.2-4.7zm.12 1c-5.13.6-9.33 2.16-11.62 4.42-2.53 2.5-2.68 5.77-.02 9.8 3.73 5.68 7.3 9.51 11.8 11.97 5.7 3.11 12.43 3.57 20.62.84 9.59-3.2 15.44-6.12 17.34-8.82 1.94-2.75-.5-5.45-8.35-8.24-4.84-1.72-8.5-3.3-13.28-5.6-5.84-2.81-6.42-3.07-8.5-3.71a18.42 18.42 0 0 0-8-.66zM202.5 500.38c0 4.78-1.45 7.56-4.43 8.93-2.29 1.05-4.55 1.23-10.79 1.2l-1.78-.01c-9.19 0-17-7.65-17-15.5 0-7.59 10.6-10.51 19.74-5.44 2.78 1.55 4.21 1.94 8.57 2.75 4.44.83 5.69 2.27 5.69 8.07zm-1 0c0-5.3-.9-6.34-4.88-7.08-4.45-.83-5.96-1.25-8.86-2.86-8.57-4.76-18.26-2.1-18.26 4.56 0 7.3 7.36 14.5 16 14.5h1.79c6.06.04 8.26-.14 10.36-1.1 2.6-1.2 3.85-3.6 3.85-8.02zm33.33-117.85c3.71-1.31 8.7-2.7 16.1-4.55 2.58-.65 16.53-4.04 20.56-5.05 19.59-4.93 31.55-8.9 38.23-13.35 14.93-9.95 36.87-33.88 43.83-47.8 2.25-4.5 4.65-6.38 7.68-6.25 1.26.06 2.61.45 4.32 1.2a50.81 50.81 0 0 1 3.54 1.7l1.26.63c4.78 2.34 8.38 3.44 12.65 3.44 7.2 0 10.01 3.07 8.35 7.91-1.4 4.06-5.92 8.91-11.1 12.02-8.3 4.98-11.75 17.3-11.75 33.57 0 3.59-1.37 6.28-3.98 8.36-1.98 1.58-4.2 2.6-8.47 4.16l-1.02.37c-4.85 1.75-6.98 2.77-8.68 4.46-5.09 5.1-12.54 7.15-20.35 7.15-1.38 0-2.47.92-3.99 3.1-.29.41-1.32 1.95-1.47 2.18-2.68 3.92-4.93 5.72-8.54 5.72-7.84 0-10.74.93-21.76 6.94-5.18 2.82-8.8 3.58-14.66 3.68-.26 0-.47 0-.92.02-4.82.06-7.12.3-10.51 1.34a73.43 73.43 0 0 0-8.89 3.56c-2.17 1-10.53 5.01-10.23 4.87-7.79 3.7-13.32 5.98-18.9 7.57-12.41 3.55-18.58 2.24-27.42-4.07-2.58-1.85-2.72-4.43-.83-7.62 1.45-2.45 3.9-5.09 8.08-8.97l1.78-1.64c3.92-3.6 4.48-4.11 5.9-5.53 2.32-2.32 3.12-3.5 5.48-7.63 1.93-3.36 3.37-5.11 6.27-7.06 2.3-1.54 5.34-2.98 9.44-4.43zm.34.94c-4.03 1.42-7 2.83-9.22 4.32-2.75 1.85-4.1 3.49-5.96 6.73-2.4 4.2-3.24 5.44-5.64 7.83-1.43 1.44-2 1.96-5.94 5.57l-1.77 1.63c-4.1 3.82-6.52 6.41-7.9 8.75-1.65 2.79-1.54 4.8.55 6.3 8.6 6.14 14.46 7.38 26.57 3.92 5.5-1.57 11-3.84 18.74-7.51-.3.14 8.06-3.88 10.24-4.88a74.3 74.3 0 0 1 9.01-3.6c3.51-1.09 5.89-1.33 10.8-1.4h.91c5.72-.1 9.18-.83 14.2-3.57 11.16-6.08 14.2-7.06 22.24-7.06 3.19 0 5.2-1.6 7.71-5.28l1.48-2.2c1.7-2.43 3-3.52 4.81-3.52 7.57 0 14.78-2 19.65-6.85 1.83-1.84 4.04-2.9 9.04-4.7l1.02-.37c8.6-3.13 11.79-5.67 11.79-11.58 0-16.6 3.53-29.2 12.24-34.43 5-3 9.35-7.67 10.66-11.48 1.42-4.13-.83-6.59-7.4-6.59-4.45 0-8.19-1.14-13.09-3.54-7.52-3.67-6.78-3.34-8.72-3.43-2.58-.1-4.65 1.52-6.74 5.7-7.04 14.07-29.1 38.14-44.17 48.19-6.81 4.54-18.84 8.52-38.55 13.48-4.03 1.02-17.98 4.4-20.56 5.05-7.37 1.84-12.33 3.23-16 4.52zM252 387.5c2.08 0 4-.2 7.25-.69 5.22-.77 6.64-.9 8.46-.5 2.52.56 3.79 2.35 3.79 5.69 0 4.05-2.27 7.29-6.62 10.11-3.24 2.1-6.53 3.53-14.15 6.4l-.27.1-2.28.86c-3.04 1.16-5.27 2.52-9.33 5.43l-.8.57c-8.19 5.88-13.35 8.03-23.05 8.03-4.98 0-6.88-2.03-5.75-5.62.87-2.81 3.58-6.56 7.8-11.13 1.26-1.37 2.64-2.8 4.15-4.3 3.17-3.14 11.25-10.61 11.45-10.8.46-.47.93-.89 1.4-1.26 3.38-2.71 5.77-3.08 14.18-2.93 1.65.03 2.63.04 3.77.04zm0 1c-1.15 0-2.13-.01-3.79-.04-8.18-.14-10.4.2-13.54 2.71-.44.35-.88.74-1.32 1.18-.2.21-8.3 7.69-11.45 10.82a134.6 134.6 0 0 0-4.12 4.26c-4.12 4.47-6.76 8.12-7.58 10.75-.9 2.88.45 4.32 4.8 4.32 9.46 0 14.44-2.07 22.46-7.84l.8-.57c4.13-2.96 6.42-4.36 9.56-5.56l2.3-.86.25-.1c7.55-2.84 10.8-4.25 13.97-6.3 4.08-2.65 6.16-5.6 6.16-9.27 0-2.89-.97-4.26-3-4.7-1.65-.37-3.05-.25-8.1.5-3.3.5-5.26.7-7.4.7zm112.47-45.34c-1.88 5.44-1.98 6.76-.98 12.76 1.18 7.06-1.38 16.58-5.49 16.58a16.89 16.89 0 0 0-1.51.07l-.64.04c-2.86.18-4.83.17-6.94-.17-6.55-1.06-10.41-5.14-10.41-13.44 0-13.9 2.14-19.69 8.13-26.33a21.9 21.9 0 0 0 2.52-3.75c.59-1.03 2.78-5.13 2.72-5.01 4.44-8.14 7.71-11.53 12.25-10.4 1.17.3 2.2.77 3.58 1.59l1.39.84a20 20 0 0 0 3.1 1.6c.7.27 1.8.32 4.75.26l.72-.01c3.16-.05 4.78.08 5.83.66 1.61.89 1.2 2.56-1.14 4.9a215.9 215.9 0 0 1-3.86 3.76c-10.6 10.1-12.75 12.4-14.02 16.05zm-.94-.32c1.34-3.9 3.46-6.17 14.27-16.46 1.55-1.47 2.73-2.62 3.85-3.73 1.94-1.95 2.17-2.88 1.35-3.33-.82-.45-2.37-.58-5.32-.53l-.72.01c-3.14.06-4.26.02-5.14-.34-1.06-.41-1.97-.9-3.25-1.67l-1.38-.83a12.1 12.1 0 0 0-3.31-1.47c-3.88-.97-6.92 2.17-11.13 9.9.07-.13-2.14 3.98-2.73 5.02a22.71 22.71 0 0 1-2.65 3.92c-5.81 6.47-7.87 12-7.87 25.67 0 7.79 3.48 11.47 9.57 12.45 2.01.33 3.92.34 6.71.16a371.33 371.33 0 0 0 1.23-.07c.42-.03.73-.04.99-.04 3.2 0 5.6-8.9 4.5-15.42-1.02-6.16-.91-7.64 1.03-13.24zm-9.26 12.42c.58.52 2.5 1.9 2.55 1.93 1.96 1.57 2.04 3.31.01 6.36-3.74 5.64-8.83 3.09-8.83-4.55 0-3.81.51-5.67 2.07-6.02 1.18-.26 2 .3 4.2 2.28zm-1.34 1.48c-1.5-1.35-2.23-1.85-2.43-1.8-.17.03-.5 1.23-.5 4.06 0 5.87 2.67 7.21 5.17 3.45 1.5-2.26 1.47-2.84.4-3.7.03.03-1.95-1.4-2.64-2zm222.9-130.19c2.2-1.1 3.67-1.66 5.88-2.36l.28-.09a48.92 48.92 0 0 0 8.79-3.55c4.17-2.08 6.35-1.88 6.96.84.44 2 .2 4.01-1.25 12.7-2.27 13.62-9.16 26.14-21.17 36.3-4.3 3.63-7.41 4.39-9.75 2.44-1.88-1.57-3.1-4.57-4.61-10.48-.3-1.15-1.43-5.83-1.72-6.96a114.18 114.18 0 0 0-2.71-9.22c-2.4-6.82-3.03-10.78-2.1-12.94.77-1.83 2.08-2.24 5.6-2.45 1.49-.09 2.09-.14 2.97-.28l1.95-.33c.72-.12 1.22-.2 1.68-.29 1.1-.2 1.92-.38 2.71-.6 1.7-.49 3.42-1.2 6.49-2.73zm.44.9c-3.11 1.54-4.88 2.29-6.65 2.79-.84.23-1.69.42-2.81.63a108.77 108.77 0 0 1-3.81.63c-.77.13-1.39.19-2.92.28-3.13.18-4.17.51-4.74 1.85-.78 1.84-.2 5.62 2.13 12.2a115.12 115.12 0 0 1 2.74 9.31l1.72 6.96c1.46 5.7 2.62 8.58 4.28 9.96 1.87 1.56 4.49.93 8.47-2.44 11.82-10 18.6-22.3 20.83-35.7 1.4-8.45 1.65-10.51 1.25-12.31-.41-1.87-1.86-2-5.54-.16a49.87 49.87 0 0 1-8.93 3.6l-.28.1a35.4 35.4 0 0 0-5.74 2.3zm-4.5 6.58c1.37-.32 2.5-.75 3.9-1.42.35-.18 2.57-1.31 3.32-1.67 1.5-.71 2.97-1.31 4.7-1.89 2.7-.9 4.64-.77 5.88.4.98.94 1.34 2.26 1.41 4.18.02.4.02.7.02 1.37 0 5.63-4.63 16.88-11.34 22.75-4.34 3.8-7.31 4.67-9.92 2.52-2.06-1.7-3.5-4.65-6.67-12.91-1.86-4.83-2.05-8.1-.68-10.2 1.12-1.7 2.9-2.36 5.83-2.7l1.26-.12c1.19-.12 1.75-.19 2.3-.31zm-2.1 2.3l-1.22.12c-2.4.27-3.7.76-4.39 1.81-.93 1.43-.78 4.1.87 8.38 3.02 7.84 4.41 10.71 6.08 12.09 1.63 1.34 3.64.75 7.33-2.48C584.6 250.77 589 240.08 589 235c0-.64 0-.93-.02-1.29-.05-1.44-.3-2.33-.79-2.8-.6-.57-1.8-.65-3.87.04a37.95 37.95 0 0 0-4.47 1.8c-.72.34-2.93 1.47-3.32 1.66a19.54 19.54 0 0 1-4.3 1.56c-.66.16-1.28.24-2.56.36zm-227.73-88.98c-1.59 4.3-3.54 7.25-7.14 11.4l-2.6 2.97a67.02 67.02 0 0 0-2.63 3.23 46.4 46.4 0 0 0-4.68 7.5c-2.85 5.7-7.14 10.18-12.85 13.89-4.25 2.76-8.25 4.62-15.67 7.59-11.01 4.4-16.43 1.26-27.22-16.4-2.86-4.69-8.8-8.63-17.98-12.66-3-1.33-12.88-5.24-14.43-5.92-4.96-2.18-7.04-3.72-6.42-5.85.67-2.32 5.3-4.05 15.48-6.08 16.63-3.32 26.93-3.82 39.93-3.02 7.9.49 9.67.5 12.74-.26 1.99-.48 3.92-1.3 6-2.6l2.79-1.71c9.86-6.14 12.94-7.96 17.3-9.9 6.03-2.71 10.57-3.32 13.94-1.4 7.2 4.12 7.68 7.7 3.44 19.22zm-1.88-.7c3.95-10.7 3.6-13.26-2.56-16.78-2.66-1.52-6.62-.99-12.12 1.48-4.24 1.9-7.3 3.7-17.07 9.77l-2.79 1.73a22.6 22.6 0 0 1-6.57 2.84c-3.36.81-5.22.8-13.34.3-12.84-.78-22.97-.29-39.41 3-4.9.97-8.45 1.88-10.79 2.75-2.03.76-3.04 1.45-3.17 1.91-.16.57 1.48 1.79 5.3 3.46 1.5.67 11.39 4.58 14.44 5.93 9.52 4.19 15.74 8.3 18.87 13.44 10.35 16.93 14.87 19.56 24.78 15.6 7.3-2.93 11.21-4.75 15.33-7.42 5.42-3.53 9.47-7.75 12.15-13.1 1.44-2.9 3.02-5.4 4.86-7.82a68.95 68.95 0 0 1 2.72-3.33l2.6-2.97c3.46-3.99 5.28-6.75 6.77-10.79zm-6.64-.39c-7.94 12.8-18.53 21.75-33.3 25.23-7.82 1.83-12.47-.79-13.12-5.93-.55-4.45 2.29-9.06 6-9.06 3.02 0 5.6-1.68 15.38-9.16 1.47-1.12 2.57-1.96 3.66-2.74 4.4-3.2 7.77-5.17 10.82-6.08 5.57-1.67 9.33-2.15 11.35-1.22 2.5 1.14 2.22 4.13-.79 8.96zm-.84-.52c2.72-4.4 2.94-6.74 1.21-7.53-1.71-.79-5.32-.33-10.65 1.27-2.9.87-6.2 2.79-10.51 5.92-1.08.79-2.18 1.62-3.65 2.74-10.08 7.72-12.62 9.36-15.98 9.36-3.02 0-5.5 4.02-5 7.94.56 4.5 4.62 6.78 11.89 5.07 14.48-3.4 24.86-12.18 32.69-24.77zM461.17 33.53c13.88 4.96 20.75 4.96 31.62.01 3.02-1.37 5.47-2.94 11-6.82 5.57-3.92 8.05-5.51 11.14-6.92 4.14-1.88 7.78-2.38 11.22-1.28 3.92 1.26 6.2 12.3 6.78 28.45.5 14.2-.52 28.93-2.46 34.2-1.82 4.93-5.86 8.17-11.51 10.02A41.7 41.7 0 0 1 506 93.01c-5.79 0-9 2.4-12.2 7.64-.37.59-1.55 2.6-1.71 2.87-1.75 2.9-3.05 4.33-4.93 4.95-.94.32-2.07.83-3.87 1.74l-2.43 1.23c-1.03.53-1.87.94-2.7 1.34-6.43 3.1-11.73 4.72-17.16 4.72-5.71 0-10.04 2.09-14.02 5.92-1.16 1.11-4.2 4.53-4.63 4.94-2.54 2.44-5.93 4.24-10.85 6.1-1.4.52-5.98 2.13-6.25 2.22l-2.06.78c-.89.36-1.78.63-2.7.81-5.55 1.14-11.14-.54-17.98-4.42-1.27-.73-5.13-3.06-5.76-3.42-2.05-1.16-4.12-1.53-9.09-1.9l-1.73-.15c-4.78-.4-7.68-1.14-10.22-2.97-5-3.61-6.77-7.76-5.65-12.33 1.33-5.42 6.5-11.02 14.85-17.28a169.2 169.2 0 0 1 6.5-4.61c-.33.23 4.33-2.92 5.3-3.6 2.73-1.91 4.8-3.9 12.75-12.04l1.09-1.1c3.49-3.56 5.89-5.89 8.12-7.83 2.9-2.5 4.72-5.95 7.5-13.05l.63-1.61c2.7-6.92 4.28-10 6.87-12.33 1.42-1.28 6.68-6.54 7.93-7.5 3.98-3 8.01-2.73 19.57 1.4zm-.34.94c-11.26-4.02-15-4.28-18.62-1.53-1.19.9-6.4 6.11-7.88 7.43-2.42 2.18-3.96 5.19-6.6 11.95l-.63 1.61c-2.83 7.26-4.72 10.8-7.77 13.45a141.85 141.85 0 0 0-9.16 8.87c-8.02 8.2-10.08 10.2-12.88 12.16-.99.69-5.65 3.84-5.31 3.6-2.5 1.71-4.52 3.13-6.47 4.59-8.17 6.13-13.23 11.6-14.48 16.72-1.02 4.15.58 7.9 5.26 11.27 2.36 1.7 5.11 2.4 9.72 2.8l1.73.13c5.12.4 7.28.78 9.5 2.05.65.36 4.5 2.7 5.76 3.4 6.66 3.78 12.04 5.4 17.29 4.32.86-.17 1.7-.42 2.52-.75a67 67 0 0 1 2.1-.8c.28-.1 4.86-1.7 6.24-2.22 4.8-1.8 8.08-3.56 10.5-5.88.4-.38 3.44-3.8 4.63-4.94 4.16-4 8.72-6.2 14.72-6.2 5.25 0 10.42-1.59 16.73-4.62.82-.4 1.65-.8 2.68-1.33.12-.06 1.93-.99 2.43-1.23 1.84-.93 3-1.46 4-1.8 1.6-.52 2.76-1.82 4.39-4.52l1.7-2.88c3.39-5.5 6.87-8.11 13.07-8.11 4.45 0 8.73-.49 12.64-1.77 5.4-1.76 9.2-4.8 10.9-9.41 1.87-5.11 2.9-19.75 2.39-33.83-.56-15.53-2.81-26.48-6.08-27.52-3.18-1.02-6.57-.55-10.5 1.23-3.02 1.37-5.47 2.94-11 6.83-5.57 3.92-8.05 5.5-11.14 6.92-11.13 5.05-18.26 5.05-32.38.01zM475 55c5.38 0 7.55-.21 9.72-.96 1.26-.43 9.95-4.8 14.88-6.96 1.9-.82 3.56-2.44 6.6-6.04 2.56-3.04 3.19-3.75 4.4-4.84 3.7-3.35 7.07-3.28 10.22 1.23 6.23 8.9 5.61 15.94.07 27.02a71.26 71.26 0 0 0-2.5 5.48c-.32.8-1 2.7-1.09 2.9-.17.45-.34.81-.54 1.17-.63 1.14-1.56 2.21-4.05 4.7-2.4 2.4-5.16 3.27-11.68 4.33-1.81.3-2.2.36-3 .51-6.02 1.1-9.6 2.69-12.24 6.07-3.57 4.59-7.9 7.48-14.98 10.74-.55.24-1.1.5-1.8.8l-1.78.8a60.08 60.08 0 0 0-7.7 3.9c-2.57 1.6-4.79 2.35-9.42 3.46-8.58 2.06-12.28 3.76-17.37 9.36-5.12 5.64-10.17 7.64-16.63 6.7-5.36-.79-10.63-3.01-23.56-9.48-6.3-3.15-6.43-7.78-1.5-13.56 3.38-3.94 3.52-4.06 19.4-16.44 8.12-6.33 12.97-10.57 16.63-14.88 2.53-2.98 4.2-5.73 4.96-8.3 5.5-18.3 12.5-21.98 22.78-15.56 1.95 1.22 6.61 4.55 7.18 4.9 3.36 2.15 6.52 2.95 13 2.95zm0 2c-6.84 0-10.37-.89-14.08-3.26-.63-.4-5.27-3.71-7.16-4.9-9.05-5.65-14.66-2.7-19.8 14.45-.86 2.87-2.67 5.85-5.35 9.01-3.78 4.45-8.7 8.75-16.94 15.17-15.66 12.21-15.86 12.38-19.1 16.16-4.17 4.9-4.09 8 .88 10.48 12.71 6.35 17.89 8.54 22.94 9.28 5.78.84 10.18-.9 14.87-6.06 5.42-5.96 9.45-7.82 18.38-9.96 4.43-1.07 6.5-1.76 8.83-3.22a61.7 61.7 0 0 1 7.94-4.02l1.78-.8 1.78-.8c6.82-3.13 10.91-5.87 14.24-10.14 3-3.87 7-5.64 13.46-6.82.83-.15 1.21-.21 3.04-.51 6.1-1 8.6-1.78 10.58-3.77 2.36-2.36 3.21-3.34 3.72-4.26.15-.27.29-.56.44-.94.06-.15.75-2.06 1.09-2.9.64-1.6 1.45-3.4 2.57-5.64 5.24-10.49 5.8-16.8.07-24.98-2.4-3.44-4.37-3.48-7.24-.89-1.11 1-1.73 1.7-4.22 4.65-3.24 3.85-5.04 5.59-7.32 6.59-4.82 2.1-13.62 6.53-15.03 7.01-2.44.84-4.79 1.07-10.37 1.07zm-12.7 8.6c5.47 3.9 10.34 3.72 18.23.88 5.39-1.94 5.92-2.1 7.7-2.1 2.5-.01 4.21 1.36 5.24 4.46 1.66 4.98-2.32 8.52-12.3 12.68-2.7 1.13-16.25 6.18-20 7.73-7.86 3.24-13.93 6.42-18.87 10.15-13.02 9.84-18.36 11.93-23.71 9.68a24.67 24.67 0 0 1-3.62-1.98l-1.99-1.28a90.4 90.4 0 0 0-2.24-1.4c-3.33-2-2.82-4.28.85-7.34 1.35-1.13 10.66-7.61 13.53-9.91 7.1-5.69 11.91-11.47 14.41-18.34 3.07-8.45 4.89-12.1 6.8-13.39 1.73-1.16 3.36-.53 6.18 1.9.63.56 3.4 3.08 4.11 3.7 1.93 1.7 3.71 3.15 5.67 4.55zm-.6.8c-1.98-1.42-3.79-2.88-5.74-4.6-.73-.64-3.48-3.16-4.1-3.7-2.5-2.16-3.75-2.65-4.97-1.83-1.66 1.11-3.44 4.7-6.42 12.9-2.57 7.07-7.5 12.99-14.72 18.78-2.91 2.33-12.21 8.8-13.52 9.9-3.22 2.68-3.56 4.17-.97 5.72l2.26 1.4 1.99 1.28c1.47.93 2.48 1.5 3.47 1.91 4.9 2.07 9.96.07 22.72-9.56 5.02-3.79 11.15-7 19.1-10.28 3.76-1.55 17.3-6.6 20-7.72 9.5-3.97 13.14-7.2 11.73-11.44-.9-2.71-2.25-3.8-4.3-3.79-1.6 0-2.15.17-7.36 2.05-8.17 2.94-13.34 3.14-19.16-1.01z'%3E%3C/path%3E%3C/svg%3E");
  }
  
  .text-shadow-purple {
    text-shadow: 0px 3px 3px rgb(125, 76, 148);
  }
  
  .text-shadow-grey {
    text-shadow: 0px 3px 1px #333;
  }
  
  #image-grid img {
    border-radius: 0.5rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
    height: 100%;
    transition-duration: 300ms;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  #image-grid img:hover {
    --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-scale-x: 1.25;
    --transform-scale-y: 1.25;
    filter: brightness(50%);
  }
  
  .grid-item {
    overflow: hidden;
    height: 100%;
    width: 100%;
  }
  
  @media (min-width: 500px) {
    .ssm\:container {
      width: 100%;
    }
  
    @media (min-width: 500px) {
      .ssm\:container {
        max-width: 500px;
      }
    }
  
    @media (min-width: 640px) {
      .ssm\:container {
        max-width: 640px;
      }
    }
  
    @media (min-width: 768px) {
      .ssm\:container {
        max-width: 768px;
      }
    }
  
    @media (min-width: 1024px) {
      .ssm\:container {
        max-width: 1024px;
      }
    }
  
    @media (min-width: 1280px) {
      .ssm\:container {
        max-width: 1280px;
      }
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:-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));
    }
  
    .ssm\:-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)));
    }
  
    .ssm\:space-y-reverse > :not(template) ~ :not(template) {
      --space-y-reverse: 1;
    }
  
    .ssm\:space-x-reverse > :not(template) ~ :not(template) {
      --space-x-reverse: 1;
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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)));
    }
  
    .ssm\:divide-y-reverse > :not(template) ~ :not(template) {
      --divide-y-reverse: 1;
    }
  
    .ssm\:divide-x-reverse > :not(template) ~ :not(template) {
      --divide-x-reverse: 1;
    }
  
    .ssm\:divide-transparent > :not(template) ~ :not(template) {
      border-color: transparent;
    }
  
    .ssm\:divide-current > :not(template) ~ :not(template) {
      border-color: currentColor;
    }
  
    .ssm\:divide-black > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #000;
      border-color: rgba(0, 0, 0, var(--divide-opacity));
    }
  
    .ssm\:divide-white > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fff;
      border-color: rgba(255, 255, 255, var(--divide-opacity));
    }
  
    .ssm\:divide-gray-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f7fafc;
      border-color: rgba(247, 250, 252, var(--divide-opacity));
    }
  
    .ssm\:divide-gray-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #edf2f7;
      border-color: rgba(237, 242, 247, var(--divide-opacity));
    }
  
    .ssm\:divide-gray-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #e2e8f0;
      border-color: rgba(226, 232, 240, var(--divide-opacity));
    }
  
    .ssm\:divide-gray-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #cbd5e0;
      border-color: rgba(203, 213, 224, var(--divide-opacity));
    }
  
    .ssm\:divide-gray-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #a0aec0;
      border-color: rgba(160, 174, 192, var(--divide-opacity));
    }
  
    .ssm\:divide-gray-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #718096;
      border-color: rgba(113, 128, 150, var(--divide-opacity));
    }
  
    .ssm\:divide-gray-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #4a5568;
      border-color: rgba(74, 85, 104, var(--divide-opacity));
    }
  
    .ssm\:divide-gray-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2d3748;
      border-color: rgba(45, 55, 72, var(--divide-opacity));
    }
  
    .ssm\:divide-gray-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #1a202c;
      border-color: rgba(26, 32, 44, var(--divide-opacity));
    }
  
    .ssm\:divide-red-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--divide-opacity));
    }
  
    .ssm\:divide-red-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--divide-opacity));
    }
  
    .ssm\:divide-red-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--divide-opacity));
    }
  
    .ssm\:divide-red-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--divide-opacity));
    }
  
    .ssm\:divide-red-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--divide-opacity));
    }
  
    .ssm\:divide-red-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--divide-opacity));
    }
  
    .ssm\:divide-red-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--divide-opacity));
    }
  
    .ssm\:divide-red-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--divide-opacity));
    }
  
    .ssm\:divide-red-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--divide-opacity));
    }
  
    .ssm\:divide-orange-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--divide-opacity));
    }
  
    .ssm\:divide-orange-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--divide-opacity));
    }
  
    .ssm\:divide-orange-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--divide-opacity));
    }
  
    .ssm\:divide-orange-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--divide-opacity));
    }
  
    .ssm\:divide-orange-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--divide-opacity));
    }
  
    .ssm\:divide-orange-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--divide-opacity));
    }
  
    .ssm\:divide-orange-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--divide-opacity));
    }
  
    .ssm\:divide-orange-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--divide-opacity));
    }
  
    .ssm\:divide-orange-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--divide-opacity));
    }
  
    .ssm\:divide-yellow-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--divide-opacity));
    }
  
    .ssm\:divide-yellow-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--divide-opacity));
    }
  
    .ssm\:divide-yellow-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--divide-opacity));
    }
  
    .ssm\:divide-yellow-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--divide-opacity));
    }
  
    .ssm\:divide-yellow-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--divide-opacity));
    }
  
    .ssm\:divide-yellow-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--divide-opacity));
    }
  
    .ssm\:divide-yellow-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--divide-opacity));
    }
  
    .ssm\:divide-yellow-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--divide-opacity));
    }
  
    .ssm\:divide-yellow-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--divide-opacity));
    }
  
    .ssm\:divide-green-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--divide-opacity));
    }
  
    .ssm\:divide-green-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--divide-opacity));
    }
  
    .ssm\:divide-green-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--divide-opacity));
    }
  
    .ssm\:divide-green-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--divide-opacity));
    }
  
    .ssm\:divide-green-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--divide-opacity));
    }
  
    .ssm\:divide-green-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--divide-opacity));
    }
  
    .ssm\:divide-green-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--divide-opacity));
    }
  
    .ssm\:divide-green-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--divide-opacity));
    }
  
    .ssm\:divide-green-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--divide-opacity));
    }
  
    .ssm\:divide-teal-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--divide-opacity));
    }
  
    .ssm\:divide-teal-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--divide-opacity));
    }
  
    .ssm\:divide-teal-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--divide-opacity));
    }
  
    .ssm\:divide-teal-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--divide-opacity));
    }
  
    .ssm\:divide-teal-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--divide-opacity));
    }
  
    .ssm\:divide-teal-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--divide-opacity));
    }
  
    .ssm\:divide-teal-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--divide-opacity));
    }
  
    .ssm\:divide-teal-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--divide-opacity));
    }
  
    .ssm\:divide-teal-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--divide-opacity));
    }
  
    .ssm\:divide-blue-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--divide-opacity));
    }
  
    .ssm\:divide-blue-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--divide-opacity));
    }
  
    .ssm\:divide-blue-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--divide-opacity));
    }
  
    .ssm\:divide-blue-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--divide-opacity));
    }
  
    .ssm\:divide-blue-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--divide-opacity));
    }
  
    .ssm\:divide-blue-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--divide-opacity));
    }
  
    .ssm\:divide-blue-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--divide-opacity));
    }
  
    .ssm\:divide-blue-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--divide-opacity));
    }
  
    .ssm\:divide-blue-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--divide-opacity));
    }
  
    .ssm\:divide-indigo-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--divide-opacity));
    }
  
    .ssm\:divide-indigo-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--divide-opacity));
    }
  
    .ssm\:divide-indigo-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--divide-opacity));
    }
  
    .ssm\:divide-indigo-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--divide-opacity));
    }
  
    .ssm\:divide-indigo-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--divide-opacity));
    }
  
    .ssm\:divide-indigo-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--divide-opacity));
    }
  
    .ssm\:divide-indigo-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--divide-opacity));
    }
  
    .ssm\:divide-indigo-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--divide-opacity));
    }
  
    .ssm\:divide-indigo-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--divide-opacity));
    }
  
    .ssm\:divide-purple-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--divide-opacity));
    }
  
    .ssm\:divide-purple-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--divide-opacity));
    }
  
    .ssm\:divide-purple-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--divide-opacity));
    }
  
    .ssm\:divide-purple-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--divide-opacity));
    }
  
    .ssm\:divide-purple-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--divide-opacity));
    }
  
    .ssm\:divide-purple-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--divide-opacity));
    }
  
    .ssm\:divide-purple-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--divide-opacity));
    }
  
    .ssm\:divide-purple-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--divide-opacity));
    }
  
    .ssm\:divide-purple-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--divide-opacity));
    }
  
    .ssm\:divide-pink-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--divide-opacity));
    }
  
    .ssm\:divide-pink-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--divide-opacity));
    }
  
    .ssm\:divide-pink-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--divide-opacity));
    }
  
    .ssm\:divide-pink-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--divide-opacity));
    }
  
    .ssm\:divide-pink-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--divide-opacity));
    }
  
    .ssm\:divide-pink-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--divide-opacity));
    }
  
    .ssm\:divide-pink-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--divide-opacity));
    }
  
    .ssm\:divide-pink-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--divide-opacity));
    }
  
    .ssm\:divide-pink-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, var(--divide-opacity));
    }
  
    .ssm\:divide-solid > :not(template) ~ :not(template) {
      border-style: solid;
    }
  
    .ssm\:divide-dashed > :not(template) ~ :not(template) {
      border-style: dashed;
    }
  
    .ssm\:divide-dotted > :not(template) ~ :not(template) {
      border-style: dotted;
    }
  
    .ssm\:divide-double > :not(template) ~ :not(template) {
      border-style: double;
    }
  
    .ssm\:divide-none > :not(template) ~ :not(template) {
      border-style: none;
    }
  
    .ssm\:divide-opacity-0 > :not(template) ~ :not(template) {
      --divide-opacity: 0;
    }
  
    .ssm\:divide-opacity-25 > :not(template) ~ :not(template) {
      --divide-opacity: 0.25;
    }
  
    .ssm\:divide-opacity-50 > :not(template) ~ :not(template) {
      --divide-opacity: 0.5;
    }
  
    .ssm\:divide-opacity-75 > :not(template) ~ :not(template) {
      --divide-opacity: 0.75;
    }
  
    .ssm\:divide-opacity-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
    }
  
    .ssm\: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;
    }
  
    .ssm\:not-sr-only {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip: auto;
      white-space: normal;
    }
  
    .ssm\: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;
    }
  
    .ssm\:focus\:not-sr-only:focus {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip: auto;
      white-space: normal;
    }
  
    .ssm\:appearance-none {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
    }
  
    .ssm\:bg-fixed {
      background-attachment: fixed;
    }
  
    .ssm\:bg-local {
      background-attachment: local;
    }
  
    .ssm\:bg-scroll {
      background-attachment: scroll;
    }
  
    .ssm\:bg-clip-border {
      background-clip: border-box;
    }
  
    .ssm\:bg-clip-padding {
      background-clip: padding-box;
    }
  
    .ssm\:bg-clip-content {
      background-clip: content-box;
    }
  
    .ssm\:bg-clip-text {
      -webkit-background-clip: text;
              background-clip: text;
    }
  
    .ssm\:bg-transparent {
      background-color: transparent;
    }
  
    .ssm\:bg-current {
      background-color: currentColor;
    }
  
    .ssm\:bg-black {
      --bg-opacity: 1;
      background-color: #000;
      background-color: rgba(0, 0, 0, var(--bg-opacity));
    }
  
    .ssm\:bg-white {
      --bg-opacity: 1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
    }
  
    .ssm\:bg-gray-100 {
      --bg-opacity: 1;
      background-color: #f7fafc;
      background-color: rgba(247, 250, 252, var(--bg-opacity));
    }
  
    .ssm\:bg-gray-200 {
      --bg-opacity: 1;
      background-color: #edf2f7;
      background-color: rgba(237, 242, 247, var(--bg-opacity));
    }
  
    .ssm\:bg-gray-300 {
      --bg-opacity: 1;
      background-color: #e2e8f0;
      background-color: rgba(226, 232, 240, var(--bg-opacity));
    }
  
    .ssm\:bg-gray-400 {
      --bg-opacity: 1;
      background-color: #cbd5e0;
      background-color: rgba(203, 213, 224, var(--bg-opacity));
    }
  
    .ssm\:bg-gray-500 {
      --bg-opacity: 1;
      background-color: #a0aec0;
      background-color: rgba(160, 174, 192, var(--bg-opacity));
    }
  
    .ssm\:bg-gray-600 {
      --bg-opacity: 1;
      background-color: #718096;
      background-color: rgba(113, 128, 150, var(--bg-opacity));
    }
  
    .ssm\:bg-gray-700 {
      --bg-opacity: 1;
      background-color: #4a5568;
      background-color: rgba(74, 85, 104, var(--bg-opacity));
    }
  
    .ssm\:bg-gray-800 {
      --bg-opacity: 1;
      background-color: #2d3748;
      background-color: rgba(45, 55, 72, var(--bg-opacity));
    }
  
    .ssm\:bg-gray-900 {
      --bg-opacity: 1;
      background-color: #1a202c;
      background-color: rgba(26, 32, 44, var(--bg-opacity));
    }
  
    .ssm\:bg-red-100 {
      --bg-opacity: 1;
      background-color: #fff5f5;
      background-color: rgba(255, 245, 245, var(--bg-opacity));
    }
  
    .ssm\:bg-red-200 {
      --bg-opacity: 1;
      background-color: #fed7d7;
      background-color: rgba(254, 215, 215, var(--bg-opacity));
    }
  
    .ssm\:bg-red-300 {
      --bg-opacity: 1;
      background-color: #feb2b2;
      background-color: rgba(254, 178, 178, var(--bg-opacity));
    }
  
    .ssm\:bg-red-400 {
      --bg-opacity: 1;
      background-color: #fc8181;
      background-color: rgba(252, 129, 129, var(--bg-opacity));
    }
  
    .ssm\:bg-red-500 {
      --bg-opacity: 1;
      background-color: #f56565;
      background-color: rgba(245, 101, 101, var(--bg-opacity));
    }
  
    .ssm\:bg-red-600 {
      --bg-opacity: 1;
      background-color: #e53e3e;
      background-color: rgba(229, 62, 62, var(--bg-opacity));
    }
  
    .ssm\:bg-red-700 {
      --bg-opacity: 1;
      background-color: #c53030;
      background-color: rgba(197, 48, 48, var(--bg-opacity));
    }
  
    .ssm\:bg-red-800 {
      --bg-opacity: 1;
      background-color: #9b2c2c;
      background-color: rgba(155, 44, 44, var(--bg-opacity));
    }
  
    .ssm\:bg-red-900 {
      --bg-opacity: 1;
      background-color: #742a2a;
      background-color: rgba(116, 42, 42, var(--bg-opacity));
    }
  
    .ssm\:bg-orange-100 {
      --bg-opacity: 1;
      background-color: #fffaf0;
      background-color: rgba(255, 250, 240, var(--bg-opacity));
    }
  
    .ssm\:bg-orange-200 {
      --bg-opacity: 1;
      background-color: #feebc8;
      background-color: rgba(254, 235, 200, var(--bg-opacity));
    }
  
    .ssm\:bg-orange-300 {
      --bg-opacity: 1;
      background-color: #fbd38d;
      background-color: rgba(251, 211, 141, var(--bg-opacity));
    }
  
    .ssm\:bg-orange-400 {
      --bg-opacity: 1;
      background-color: #f6ad55;
      background-color: rgba(246, 173, 85, var(--bg-opacity));
    }
  
    .ssm\:bg-orange-500 {
      --bg-opacity: 1;
      background-color: #ed8936;
      background-color: rgba(237, 137, 54, var(--bg-opacity));
    }
  
    .ssm\:bg-orange-600 {
      --bg-opacity: 1;
      background-color: #dd6b20;
      background-color: rgba(221, 107, 32, var(--bg-opacity));
    }
  
    .ssm\:bg-orange-700 {
      --bg-opacity: 1;
      background-color: #c05621;
      background-color: rgba(192, 86, 33, var(--bg-opacity));
    }
  
    .ssm\:bg-orange-800 {
      --bg-opacity: 1;
      background-color: #9c4221;
      background-color: rgba(156, 66, 33, var(--bg-opacity));
    }
  
    .ssm\:bg-orange-900 {
      --bg-opacity: 1;
      background-color: #7b341e;
      background-color: rgba(123, 52, 30, var(--bg-opacity));
    }
  
    .ssm\:bg-yellow-100 {
      --bg-opacity: 1;
      background-color: #fffff0;
      background-color: rgba(255, 255, 240, var(--bg-opacity));
    }
  
    .ssm\:bg-yellow-200 {
      --bg-opacity: 1;
      background-color: #fefcbf;
      background-color: rgba(254, 252, 191, var(--bg-opacity));
    }
  
    .ssm\:bg-yellow-300 {
      --bg-opacity: 1;
      background-color: #faf089;
      background-color: rgba(250, 240, 137, var(--bg-opacity));
    }
  
    .ssm\:bg-yellow-400 {
      --bg-opacity: 1;
      background-color: #f6e05e;
      background-color: rgba(246, 224, 94, var(--bg-opacity));
    }
  
    .ssm\:bg-yellow-500 {
      --bg-opacity: 1;
      background-color: #ecc94b;
      background-color: rgba(236, 201, 75, var(--bg-opacity));
    }
  
    .ssm\:bg-yellow-600 {
      --bg-opacity: 1;
      background-color: #d69e2e;
      background-color: rgba(214, 158, 46, var(--bg-opacity));
    }
  
    .ssm\:bg-yellow-700 {
      --bg-opacity: 1;
      background-color: #b7791f;
      background-color: rgba(183, 121, 31, var(--bg-opacity));
    }
  
    .ssm\:bg-yellow-800 {
      --bg-opacity: 1;
      background-color: #975a16;
      background-color: rgba(151, 90, 22, var(--bg-opacity));
    }
  
    .ssm\:bg-yellow-900 {
      --bg-opacity: 1;
      background-color: #744210;
      background-color: rgba(116, 66, 16, var(--bg-opacity));
    }
  
    .ssm\:bg-green-100 {
      --bg-opacity: 1;
      background-color: #f0fff4;
      background-color: rgba(240, 255, 244, var(--bg-opacity));
    }
  
    .ssm\:bg-green-200 {
      --bg-opacity: 1;
      background-color: #c6f6d5;
      background-color: rgba(198, 246, 213, var(--bg-opacity));
    }
  
    .ssm\:bg-green-300 {
      --bg-opacity: 1;
      background-color: #9ae6b4;
      background-color: rgba(154, 230, 180, var(--bg-opacity));
    }
  
    .ssm\:bg-green-400 {
      --bg-opacity: 1;
      background-color: #68d391;
      background-color: rgba(104, 211, 145, var(--bg-opacity));
    }
  
    .ssm\:bg-green-500 {
      --bg-opacity: 1;
      background-color: #48bb78;
      background-color: rgba(72, 187, 120, var(--bg-opacity));
    }
  
    .ssm\:bg-green-600 {
      --bg-opacity: 1;
      background-color: #38a169;
      background-color: rgba(56, 161, 105, var(--bg-opacity));
    }
  
    .ssm\:bg-green-700 {
      --bg-opacity: 1;
      background-color: #2f855a;
      background-color: rgba(47, 133, 90, var(--bg-opacity));
    }
  
    .ssm\:bg-green-800 {
      --bg-opacity: 1;
      background-color: #276749;
      background-color: rgba(39, 103, 73, var(--bg-opacity));
    }
  
    .ssm\:bg-green-900 {
      --bg-opacity: 1;
      background-color: #22543d;
      background-color: rgba(34, 84, 61, var(--bg-opacity));
    }
  
    .ssm\:bg-teal-100 {
      --bg-opacity: 1;
      background-color: #e6fffa;
      background-color: rgba(230, 255, 250, var(--bg-opacity));
    }
  
    .ssm\:bg-teal-200 {
      --bg-opacity: 1;
      background-color: #b2f5ea;
      background-color: rgba(178, 245, 234, var(--bg-opacity));
    }
  
    .ssm\:bg-teal-300 {
      --bg-opacity: 1;
      background-color: #81e6d9;
      background-color: rgba(129, 230, 217, var(--bg-opacity));
    }
  
    .ssm\:bg-teal-400 {
      --bg-opacity: 1;
      background-color: #4fd1c5;
      background-color: rgba(79, 209, 197, var(--bg-opacity));
    }
  
    .ssm\:bg-teal-500 {
      --bg-opacity: 1;
      background-color: #38b2ac;
      background-color: rgba(56, 178, 172, var(--bg-opacity));
    }
  
    .ssm\:bg-teal-600 {
      --bg-opacity: 1;
      background-color: #319795;
      background-color: rgba(49, 151, 149, var(--bg-opacity));
    }
  
    .ssm\:bg-teal-700 {
      --bg-opacity: 1;
      background-color: #2c7a7b;
      background-color: rgba(44, 122, 123, var(--bg-opacity));
    }
  
    .ssm\:bg-teal-800 {
      --bg-opacity: 1;
      background-color: #285e61;
      background-color: rgba(40, 94, 97, var(--bg-opacity));
    }
  
    .ssm\:bg-teal-900 {
      --bg-opacity: 1;
      background-color: #234e52;
      background-color: rgba(35, 78, 82, var(--bg-opacity));
    }
  
    .ssm\:bg-blue-100 {
      --bg-opacity: 1;
      background-color: #ebf8ff;
      background-color: rgba(235, 248, 255, var(--bg-opacity));
    }
  
    .ssm\:bg-blue-200 {
      --bg-opacity: 1;
      background-color: #bee3f8;
      background-color: rgba(190, 227, 248, var(--bg-opacity));
    }
  
    .ssm\:bg-blue-300 {
      --bg-opacity: 1;
      background-color: #90cdf4;
      background-color: rgba(144, 205, 244, var(--bg-opacity));
    }
  
    .ssm\:bg-blue-400 {
      --bg-opacity: 1;
      background-color: #63b3ed;
      background-color: rgba(99, 179, 237, var(--bg-opacity));
    }
  
    .ssm\:bg-blue-500 {
      --bg-opacity: 1;
      background-color: #4299e1;
      background-color: rgba(66, 153, 225, var(--bg-opacity));
    }
  
    .ssm\:bg-blue-600 {
      --bg-opacity: 1;
      background-color: #3182ce;
      background-color: rgba(49, 130, 206, var(--bg-opacity));
    }
  
    .ssm\:bg-blue-700 {
      --bg-opacity: 1;
      background-color: #2b6cb0;
      background-color: rgba(43, 108, 176, var(--bg-opacity));
    }
  
    .ssm\:bg-blue-800 {
      --bg-opacity: 1;
      background-color: #2c5282;
      background-color: rgba(44, 82, 130, var(--bg-opacity));
    }
  
    .ssm\:bg-blue-900 {
      --bg-opacity: 1;
      background-color: #2a4365;
      background-color: rgba(42, 67, 101, var(--bg-opacity));
    }
  
    .ssm\:bg-indigo-100 {
      --bg-opacity: 1;
      background-color: #ebf4ff;
      background-color: rgba(235, 244, 255, var(--bg-opacity));
    }
  
    .ssm\:bg-indigo-200 {
      --bg-opacity: 1;
      background-color: #c3dafe;
      background-color: rgba(195, 218, 254, var(--bg-opacity));
    }
  
    .ssm\:bg-indigo-300 {
      --bg-opacity: 1;
      background-color: #a3bffa;
      background-color: rgba(163, 191, 250, var(--bg-opacity));
    }
  
    .ssm\:bg-indigo-400 {
      --bg-opacity: 1;
      background-color: #7f9cf5;
      background-color: rgba(127, 156, 245, var(--bg-opacity));
    }
  
    .ssm\:bg-indigo-500 {
      --bg-opacity: 1;
      background-color: #667eea;
      background-color: rgba(102, 126, 234, var(--bg-opacity));
    }
  
    .ssm\:bg-indigo-600 {
      --bg-opacity: 1;
      background-color: #5a67d8;
      background-color: rgba(90, 103, 216, var(--bg-opacity));
    }
  
    .ssm\:bg-indigo-700 {
      --bg-opacity: 1;
      background-color: #4c51bf;
      background-color: rgba(76, 81, 191, var(--bg-opacity));
    }
  
    .ssm\:bg-indigo-800 {
      --bg-opacity: 1;
      background-color: #434190;
      background-color: rgba(67, 65, 144, var(--bg-opacity));
    }
  
    .ssm\:bg-indigo-900 {
      --bg-opacity: 1;
      background-color: #3c366b;
      background-color: rgba(60, 54, 107, var(--bg-opacity));
    }
  
    .ssm\:bg-purple-100 {
      --bg-opacity: 1;
      background-color: #faf5ff;
      background-color: rgba(250, 245, 255, var(--bg-opacity));
    }
  
    .ssm\:bg-purple-200 {
      --bg-opacity: 1;
      background-color: #e9d8fd;
      background-color: rgba(233, 216, 253, var(--bg-opacity));
    }
  
    .ssm\:bg-purple-300 {
      --bg-opacity: 1;
      background-color: #d6bcfa;
      background-color: rgba(214, 188, 250, var(--bg-opacity));
    }
  
    .ssm\:bg-purple-400 {
      --bg-opacity: 1;
      background-color: #b794f4;
      background-color: rgba(183, 148, 244, var(--bg-opacity));
    }
  
    .ssm\:bg-purple-500 {
      --bg-opacity: 1;
      background-color: #9f7aea;
      background-color: rgba(159, 122, 234, var(--bg-opacity));
    }
  
    .ssm\:bg-purple-600 {
      --bg-opacity: 1;
      background-color: #805ad5;
      background-color: rgba(128, 90, 213, var(--bg-opacity));
    }
  
    .ssm\:bg-purple-700 {
      --bg-opacity: 1;
      background-color: #6b46c1;
      background-color: rgba(107, 70, 193, var(--bg-opacity));
    }
  
    .ssm\:bg-purple-800 {
      --bg-opacity: 1;
      background-color: #553c9a;
      background-color: rgba(85, 60, 154, var(--bg-opacity));
    }
  
    .ssm\:bg-purple-900 {
      --bg-opacity: 1;
      background-color: #44337a;
      background-color: rgba(68, 51, 122, var(--bg-opacity));
    }
  
    .ssm\:bg-pink-100 {
      --bg-opacity: 1;
      background-color: #fff5f7;
      background-color: rgba(255, 245, 247, var(--bg-opacity));
    }
  
    .ssm\:bg-pink-200 {
      --bg-opacity: 1;
      background-color: #fed7e2;
      background-color: rgba(254, 215, 226, var(--bg-opacity));
    }
  
    .ssm\:bg-pink-300 {
      --bg-opacity: 1;
      background-color: #fbb6ce;
      background-color: rgba(251, 182, 206, var(--bg-opacity));
    }
  
    .ssm\:bg-pink-400 {
      --bg-opacity: 1;
      background-color: #f687b3;
      background-color: rgba(246, 135, 179, var(--bg-opacity));
    }
  
    .ssm\:bg-pink-500 {
      --bg-opacity: 1;
      background-color: #ed64a6;
      background-color: rgba(237, 100, 166, var(--bg-opacity));
    }
  
    .ssm\:bg-pink-600 {
      --bg-opacity: 1;
      background-color: #d53f8c;
      background-color: rgba(213, 63, 140, var(--bg-opacity));
    }
  
    .ssm\:bg-pink-700 {
      --bg-opacity: 1;
      background-color: #b83280;
      background-color: rgba(184, 50, 128, var(--bg-opacity));
    }
  
    .ssm\:bg-pink-800 {
      --bg-opacity: 1;
      background-color: #97266d;
      background-color: rgba(151, 38, 109, var(--bg-opacity));
    }
  
    .ssm\:bg-pink-900 {
      --bg-opacity: 1;
      background-color: #702459;
      background-color: rgba(112, 36, 89, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-transparent:hover {
      background-color: transparent;
    }
  
    .ssm\:hover\:bg-current:hover {
      background-color: currentColor;
    }
  
    .ssm\:hover\:bg-black:hover {
      --bg-opacity: 1;
      background-color: #000;
      background-color: rgba(0, 0, 0, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-white:hover {
      --bg-opacity: 1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-gray-100:hover {
      --bg-opacity: 1;
      background-color: #f7fafc;
      background-color: rgba(247, 250, 252, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-gray-200:hover {
      --bg-opacity: 1;
      background-color: #edf2f7;
      background-color: rgba(237, 242, 247, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-gray-300:hover {
      --bg-opacity: 1;
      background-color: #e2e8f0;
      background-color: rgba(226, 232, 240, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-gray-400:hover {
      --bg-opacity: 1;
      background-color: #cbd5e0;
      background-color: rgba(203, 213, 224, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-gray-500:hover {
      --bg-opacity: 1;
      background-color: #a0aec0;
      background-color: rgba(160, 174, 192, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-gray-600:hover {
      --bg-opacity: 1;
      background-color: #718096;
      background-color: rgba(113, 128, 150, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-gray-700:hover {
      --bg-opacity: 1;
      background-color: #4a5568;
      background-color: rgba(74, 85, 104, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-gray-800:hover {
      --bg-opacity: 1;
      background-color: #2d3748;
      background-color: rgba(45, 55, 72, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-gray-900:hover {
      --bg-opacity: 1;
      background-color: #1a202c;
      background-color: rgba(26, 32, 44, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-red-100:hover {
      --bg-opacity: 1;
      background-color: #fff5f5;
      background-color: rgba(255, 245, 245, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-red-200:hover {
      --bg-opacity: 1;
      background-color: #fed7d7;
      background-color: rgba(254, 215, 215, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-red-300:hover {
      --bg-opacity: 1;
      background-color: #feb2b2;
      background-color: rgba(254, 178, 178, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-red-400:hover {
      --bg-opacity: 1;
      background-color: #fc8181;
      background-color: rgba(252, 129, 129, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-red-500:hover {
      --bg-opacity: 1;
      background-color: #f56565;
      background-color: rgba(245, 101, 101, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-red-600:hover {
      --bg-opacity: 1;
      background-color: #e53e3e;
      background-color: rgba(229, 62, 62, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-red-700:hover {
      --bg-opacity: 1;
      background-color: #c53030;
      background-color: rgba(197, 48, 48, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-red-800:hover {
      --bg-opacity: 1;
      background-color: #9b2c2c;
      background-color: rgba(155, 44, 44, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-red-900:hover {
      --bg-opacity: 1;
      background-color: #742a2a;
      background-color: rgba(116, 42, 42, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-orange-100:hover {
      --bg-opacity: 1;
      background-color: #fffaf0;
      background-color: rgba(255, 250, 240, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-orange-200:hover {
      --bg-opacity: 1;
      background-color: #feebc8;
      background-color: rgba(254, 235, 200, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-orange-300:hover {
      --bg-opacity: 1;
      background-color: #fbd38d;
      background-color: rgba(251, 211, 141, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-orange-400:hover {
      --bg-opacity: 1;
      background-color: #f6ad55;
      background-color: rgba(246, 173, 85, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-orange-500:hover {
      --bg-opacity: 1;
      background-color: #ed8936;
      background-color: rgba(237, 137, 54, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-orange-600:hover {
      --bg-opacity: 1;
      background-color: #dd6b20;
      background-color: rgba(221, 107, 32, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-orange-700:hover {
      --bg-opacity: 1;
      background-color: #c05621;
      background-color: rgba(192, 86, 33, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-orange-800:hover {
      --bg-opacity: 1;
      background-color: #9c4221;
      background-color: rgba(156, 66, 33, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-orange-900:hover {
      --bg-opacity: 1;
      background-color: #7b341e;
      background-color: rgba(123, 52, 30, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-yellow-100:hover {
      --bg-opacity: 1;
      background-color: #fffff0;
      background-color: rgba(255, 255, 240, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-yellow-200:hover {
      --bg-opacity: 1;
      background-color: #fefcbf;
      background-color: rgba(254, 252, 191, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-yellow-300:hover {
      --bg-opacity: 1;
      background-color: #faf089;
      background-color: rgba(250, 240, 137, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-yellow-400:hover {
      --bg-opacity: 1;
      background-color: #f6e05e;
      background-color: rgba(246, 224, 94, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-yellow-500:hover {
      --bg-opacity: 1;
      background-color: #ecc94b;
      background-color: rgba(236, 201, 75, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-yellow-600:hover {
      --bg-opacity: 1;
      background-color: #d69e2e;
      background-color: rgba(214, 158, 46, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-yellow-700:hover {
      --bg-opacity: 1;
      background-color: #b7791f;
      background-color: rgba(183, 121, 31, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-yellow-800:hover {
      --bg-opacity: 1;
      background-color: #975a16;
      background-color: rgba(151, 90, 22, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-yellow-900:hover {
      --bg-opacity: 1;
      background-color: #744210;
      background-color: rgba(116, 66, 16, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-green-100:hover {
      --bg-opacity: 1;
      background-color: #f0fff4;
      background-color: rgba(240, 255, 244, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-green-200:hover {
      --bg-opacity: 1;
      background-color: #c6f6d5;
      background-color: rgba(198, 246, 213, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-green-300:hover {
      --bg-opacity: 1;
      background-color: #9ae6b4;
      background-color: rgba(154, 230, 180, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-green-400:hover {
      --bg-opacity: 1;
      background-color: #68d391;
      background-color: rgba(104, 211, 145, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-green-500:hover {
      --bg-opacity: 1;
      background-color: #48bb78;
      background-color: rgba(72, 187, 120, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-green-600:hover {
      --bg-opacity: 1;
      background-color: #38a169;
      background-color: rgba(56, 161, 105, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-green-700:hover {
      --bg-opacity: 1;
      background-color: #2f855a;
      background-color: rgba(47, 133, 90, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-green-800:hover {
      --bg-opacity: 1;
      background-color: #276749;
      background-color: rgba(39, 103, 73, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-green-900:hover {
      --bg-opacity: 1;
      background-color: #22543d;
      background-color: rgba(34, 84, 61, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-teal-100:hover {
      --bg-opacity: 1;
      background-color: #e6fffa;
      background-color: rgba(230, 255, 250, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-teal-200:hover {
      --bg-opacity: 1;
      background-color: #b2f5ea;
      background-color: rgba(178, 245, 234, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-teal-300:hover {
      --bg-opacity: 1;
      background-color: #81e6d9;
      background-color: rgba(129, 230, 217, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-teal-400:hover {
      --bg-opacity: 1;
      background-color: #4fd1c5;
      background-color: rgba(79, 209, 197, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-teal-500:hover {
      --bg-opacity: 1;
      background-color: #38b2ac;
      background-color: rgba(56, 178, 172, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-teal-600:hover {
      --bg-opacity: 1;
      background-color: #319795;
      background-color: rgba(49, 151, 149, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-teal-700:hover {
      --bg-opacity: 1;
      background-color: #2c7a7b;
      background-color: rgba(44, 122, 123, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-teal-800:hover {
      --bg-opacity: 1;
      background-color: #285e61;
      background-color: rgba(40, 94, 97, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-teal-900:hover {
      --bg-opacity: 1;
      background-color: #234e52;
      background-color: rgba(35, 78, 82, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-blue-100:hover {
      --bg-opacity: 1;
      background-color: #ebf8ff;
      background-color: rgba(235, 248, 255, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-blue-200:hover {
      --bg-opacity: 1;
      background-color: #bee3f8;
      background-color: rgba(190, 227, 248, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-blue-300:hover {
      --bg-opacity: 1;
      background-color: #90cdf4;
      background-color: rgba(144, 205, 244, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-blue-400:hover {
      --bg-opacity: 1;
      background-color: #63b3ed;
      background-color: rgba(99, 179, 237, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-blue-500:hover {
      --bg-opacity: 1;
      background-color: #4299e1;
      background-color: rgba(66, 153, 225, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-blue-600:hover {
      --bg-opacity: 1;
      background-color: #3182ce;
      background-color: rgba(49, 130, 206, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-blue-700:hover {
      --bg-opacity: 1;
      background-color: #2b6cb0;
      background-color: rgba(43, 108, 176, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-blue-800:hover {
      --bg-opacity: 1;
      background-color: #2c5282;
      background-color: rgba(44, 82, 130, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-blue-900:hover {
      --bg-opacity: 1;
      background-color: #2a4365;
      background-color: rgba(42, 67, 101, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-indigo-100:hover {
      --bg-opacity: 1;
      background-color: #ebf4ff;
      background-color: rgba(235, 244, 255, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-indigo-200:hover {
      --bg-opacity: 1;
      background-color: #c3dafe;
      background-color: rgba(195, 218, 254, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-indigo-300:hover {
      --bg-opacity: 1;
      background-color: #a3bffa;
      background-color: rgba(163, 191, 250, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-indigo-400:hover {
      --bg-opacity: 1;
      background-color: #7f9cf5;
      background-color: rgba(127, 156, 245, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-indigo-500:hover {
      --bg-opacity: 1;
      background-color: #667eea;
      background-color: rgba(102, 126, 234, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-indigo-600:hover {
      --bg-opacity: 1;
      background-color: #5a67d8;
      background-color: rgba(90, 103, 216, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-indigo-700:hover {
      --bg-opacity: 1;
      background-color: #4c51bf;
      background-color: rgba(76, 81, 191, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-indigo-800:hover {
      --bg-opacity: 1;
      background-color: #434190;
      background-color: rgba(67, 65, 144, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-indigo-900:hover {
      --bg-opacity: 1;
      background-color: #3c366b;
      background-color: rgba(60, 54, 107, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-purple-100:hover {
      --bg-opacity: 1;
      background-color: #faf5ff;
      background-color: rgba(250, 245, 255, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-purple-200:hover {
      --bg-opacity: 1;
      background-color: #e9d8fd;
      background-color: rgba(233, 216, 253, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-purple-300:hover {
      --bg-opacity: 1;
      background-color: #d6bcfa;
      background-color: rgba(214, 188, 250, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-purple-400:hover {
      --bg-opacity: 1;
      background-color: #b794f4;
      background-color: rgba(183, 148, 244, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-purple-500:hover {
      --bg-opacity: 1;
      background-color: #9f7aea;
      background-color: rgba(159, 122, 234, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-purple-600:hover {
      --bg-opacity: 1;
      background-color: #805ad5;
      background-color: rgba(128, 90, 213, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-purple-700:hover {
      --bg-opacity: 1;
      background-color: #6b46c1;
      background-color: rgba(107, 70, 193, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-purple-800:hover {
      --bg-opacity: 1;
      background-color: #553c9a;
      background-color: rgba(85, 60, 154, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-purple-900:hover {
      --bg-opacity: 1;
      background-color: #44337a;
      background-color: rgba(68, 51, 122, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-pink-100:hover {
      --bg-opacity: 1;
      background-color: #fff5f7;
      background-color: rgba(255, 245, 247, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-pink-200:hover {
      --bg-opacity: 1;
      background-color: #fed7e2;
      background-color: rgba(254, 215, 226, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-pink-300:hover {
      --bg-opacity: 1;
      background-color: #fbb6ce;
      background-color: rgba(251, 182, 206, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-pink-400:hover {
      --bg-opacity: 1;
      background-color: #f687b3;
      background-color: rgba(246, 135, 179, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-pink-500:hover {
      --bg-opacity: 1;
      background-color: #ed64a6;
      background-color: rgba(237, 100, 166, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-pink-600:hover {
      --bg-opacity: 1;
      background-color: #d53f8c;
      background-color: rgba(213, 63, 140, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-pink-700:hover {
      --bg-opacity: 1;
      background-color: #b83280;
      background-color: rgba(184, 50, 128, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-pink-800:hover {
      --bg-opacity: 1;
      background-color: #97266d;
      background-color: rgba(151, 38, 109, var(--bg-opacity));
    }
  
    .ssm\:hover\:bg-pink-900:hover {
      --bg-opacity: 1;
      background-color: #702459;
      background-color: rgba(112, 36, 89, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-transparent:focus {
      background-color: transparent;
    }
  
    .ssm\:focus\:bg-current:focus {
      background-color: currentColor;
    }
  
    .ssm\:focus\:bg-black:focus {
      --bg-opacity: 1;
      background-color: #000;
      background-color: rgba(0, 0, 0, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-white:focus {
      --bg-opacity: 1;
      background-color: #fff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-gray-100:focus {
      --bg-opacity: 1;
      background-color: #f7fafc;
      background-color: rgba(247, 250, 252, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-gray-200:focus {
      --bg-opacity: 1;
      background-color: #edf2f7;
      background-color: rgba(237, 242, 247, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-gray-300:focus {
      --bg-opacity: 1;
      background-color: #e2e8f0;
      background-color: rgba(226, 232, 240, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-gray-400:focus {
      --bg-opacity: 1;
      background-color: #cbd5e0;
      background-color: rgba(203, 213, 224, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-gray-500:focus {
      --bg-opacity: 1;
      background-color: #a0aec0;
      background-color: rgba(160, 174, 192, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-gray-600:focus {
      --bg-opacity: 1;
      background-color: #718096;
      background-color: rgba(113, 128, 150, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-gray-700:focus {
      --bg-opacity: 1;
      background-color: #4a5568;
      background-color: rgba(74, 85, 104, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-gray-800:focus {
      --bg-opacity: 1;
      background-color: #2d3748;
      background-color: rgba(45, 55, 72, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-gray-900:focus {
      --bg-opacity: 1;
      background-color: #1a202c;
      background-color: rgba(26, 32, 44, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-red-100:focus {
      --bg-opacity: 1;
      background-color: #fff5f5;
      background-color: rgba(255, 245, 245, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-red-200:focus {
      --bg-opacity: 1;
      background-color: #fed7d7;
      background-color: rgba(254, 215, 215, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-red-300:focus {
      --bg-opacity: 1;
      background-color: #feb2b2;
      background-color: rgba(254, 178, 178, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-red-400:focus {
      --bg-opacity: 1;
      background-color: #fc8181;
      background-color: rgba(252, 129, 129, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-red-500:focus {
      --bg-opacity: 1;
      background-color: #f56565;
      background-color: rgba(245, 101, 101, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-red-600:focus {
      --bg-opacity: 1;
      background-color: #e53e3e;
      background-color: rgba(229, 62, 62, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-red-700:focus {
      --bg-opacity: 1;
      background-color: #c53030;
      background-color: rgba(197, 48, 48, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-red-800:focus {
      --bg-opacity: 1;
      background-color: #9b2c2c;
      background-color: rgba(155, 44, 44, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-red-900:focus {
      --bg-opacity: 1;
      background-color: #742a2a;
      background-color: rgba(116, 42, 42, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-orange-100:focus {
      --bg-opacity: 1;
      background-color: #fffaf0;
      background-color: rgba(255, 250, 240, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-orange-200:focus {
      --bg-opacity: 1;
      background-color: #feebc8;
      background-color: rgba(254, 235, 200, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-orange-300:focus {
      --bg-opacity: 1;
      background-color: #fbd38d;
      background-color: rgba(251, 211, 141, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-orange-400:focus {
      --bg-opacity: 1;
      background-color: #f6ad55;
      background-color: rgba(246, 173, 85, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-orange-500:focus {
      --bg-opacity: 1;
      background-color: #ed8936;
      background-color: rgba(237, 137, 54, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-orange-600:focus {
      --bg-opacity: 1;
      background-color: #dd6b20;
      background-color: rgba(221, 107, 32, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-orange-700:focus {
      --bg-opacity: 1;
      background-color: #c05621;
      background-color: rgba(192, 86, 33, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-orange-800:focus {
      --bg-opacity: 1;
      background-color: #9c4221;
      background-color: rgba(156, 66, 33, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-orange-900:focus {
      --bg-opacity: 1;
      background-color: #7b341e;
      background-color: rgba(123, 52, 30, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-yellow-100:focus {
      --bg-opacity: 1;
      background-color: #fffff0;
      background-color: rgba(255, 255, 240, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-yellow-200:focus {
      --bg-opacity: 1;
      background-color: #fefcbf;
      background-color: rgba(254, 252, 191, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-yellow-300:focus {
      --bg-opacity: 1;
      background-color: #faf089;
      background-color: rgba(250, 240, 137, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-yellow-400:focus {
      --bg-opacity: 1;
      background-color: #f6e05e;
      background-color: rgba(246, 224, 94, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-yellow-500:focus {
      --bg-opacity: 1;
      background-color: #ecc94b;
      background-color: rgba(236, 201, 75, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-yellow-600:focus {
      --bg-opacity: 1;
      background-color: #d69e2e;
      background-color: rgba(214, 158, 46, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-yellow-700:focus {
      --bg-opacity: 1;
      background-color: #b7791f;
      background-color: rgba(183, 121, 31, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-yellow-800:focus {
      --bg-opacity: 1;
      background-color: #975a16;
      background-color: rgba(151, 90, 22, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-yellow-900:focus {
      --bg-opacity: 1;
      background-color: #744210;
      background-color: rgba(116, 66, 16, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-green-100:focus {
      --bg-opacity: 1;
      background-color: #f0fff4;
      background-color: rgba(240, 255, 244, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-green-200:focus {
      --bg-opacity: 1;
      background-color: #c6f6d5;
      background-color: rgba(198, 246, 213, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-green-300:focus {
      --bg-opacity: 1;
      background-color: #9ae6b4;
      background-color: rgba(154, 230, 180, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-green-400:focus {
      --bg-opacity: 1;
      background-color: #68d391;
      background-color: rgba(104, 211, 145, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-green-500:focus {
      --bg-opacity: 1;
      background-color: #48bb78;
      background-color: rgba(72, 187, 120, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-green-600:focus {
      --bg-opacity: 1;
      background-color: #38a169;
      background-color: rgba(56, 161, 105, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-green-700:focus {
      --bg-opacity: 1;
      background-color: #2f855a;
      background-color: rgba(47, 133, 90, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-green-800:focus {
      --bg-opacity: 1;
      background-color: #276749;
      background-color: rgba(39, 103, 73, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-green-900:focus {
      --bg-opacity: 1;
      background-color: #22543d;
      background-color: rgba(34, 84, 61, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-teal-100:focus {
      --bg-opacity: 1;
      background-color: #e6fffa;
      background-color: rgba(230, 255, 250, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-teal-200:focus {
      --bg-opacity: 1;
      background-color: #b2f5ea;
      background-color: rgba(178, 245, 234, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-teal-300:focus {
      --bg-opacity: 1;
      background-color: #81e6d9;
      background-color: rgba(129, 230, 217, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-teal-400:focus {
      --bg-opacity: 1;
      background-color: #4fd1c5;
      background-color: rgba(79, 209, 197, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-teal-500:focus {
      --bg-opacity: 1;
      background-color: #38b2ac;
      background-color: rgba(56, 178, 172, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-teal-600:focus {
      --bg-opacity: 1;
      background-color: #319795;
      background-color: rgba(49, 151, 149, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-teal-700:focus {
      --bg-opacity: 1;
      background-color: #2c7a7b;
      background-color: rgba(44, 122, 123, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-teal-800:focus {
      --bg-opacity: 1;
      background-color: #285e61;
      background-color: rgba(40, 94, 97, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-teal-900:focus {
      --bg-opacity: 1;
      background-color: #234e52;
      background-color: rgba(35, 78, 82, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-blue-100:focus {
      --bg-opacity: 1;
      background-color: #ebf8ff;
      background-color: rgba(235, 248, 255, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-blue-200:focus {
      --bg-opacity: 1;
      background-color: #bee3f8;
      background-color: rgba(190, 227, 248, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-blue-300:focus {
      --bg-opacity: 1;
      background-color: #90cdf4;
      background-color: rgba(144, 205, 244, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-blue-400:focus {
      --bg-opacity: 1;
      background-color: #63b3ed;
      background-color: rgba(99, 179, 237, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-blue-500:focus {
      --bg-opacity: 1;
      background-color: #4299e1;
      background-color: rgba(66, 153, 225, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-blue-600:focus {
      --bg-opacity: 1;
      background-color: #3182ce;
      background-color: rgba(49, 130, 206, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-blue-700:focus {
      --bg-opacity: 1;
      background-color: #2b6cb0;
      background-color: rgba(43, 108, 176, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-blue-800:focus {
      --bg-opacity: 1;
      background-color: #2c5282;
      background-color: rgba(44, 82, 130, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-blue-900:focus {
      --bg-opacity: 1;
      background-color: #2a4365;
      background-color: rgba(42, 67, 101, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-indigo-100:focus {
      --bg-opacity: 1;
      background-color: #ebf4ff;
      background-color: rgba(235, 244, 255, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-indigo-200:focus {
      --bg-opacity: 1;
      background-color: #c3dafe;
      background-color: rgba(195, 218, 254, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-indigo-300:focus {
      --bg-opacity: 1;
      background-color: #a3bffa;
      background-color: rgba(163, 191, 250, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-indigo-400:focus {
      --bg-opacity: 1;
      background-color: #7f9cf5;
      background-color: rgba(127, 156, 245, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-indigo-500:focus {
      --bg-opacity: 1;
      background-color: #667eea;
      background-color: rgba(102, 126, 234, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-indigo-600:focus {
      --bg-opacity: 1;
      background-color: #5a67d8;
      background-color: rgba(90, 103, 216, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-indigo-700:focus {
      --bg-opacity: 1;
      background-color: #4c51bf;
      background-color: rgba(76, 81, 191, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-indigo-800:focus {
      --bg-opacity: 1;
      background-color: #434190;
      background-color: rgba(67, 65, 144, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-indigo-900:focus {
      --bg-opacity: 1;
      background-color: #3c366b;
      background-color: rgba(60, 54, 107, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-purple-100:focus {
      --bg-opacity: 1;
      background-color: #faf5ff;
      background-color: rgba(250, 245, 255, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-purple-200:focus {
      --bg-opacity: 1;
      background-color: #e9d8fd;
      background-color: rgba(233, 216, 253, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-purple-300:focus {
      --bg-opacity: 1;
      background-color: #d6bcfa;
      background-color: rgba(214, 188, 250, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-purple-400:focus {
      --bg-opacity: 1;
      background-color: #b794f4;
      background-color: rgba(183, 148, 244, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-purple-500:focus {
      --bg-opacity: 1;
      background-color: #9f7aea;
      background-color: rgba(159, 122, 234, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-purple-600:focus {
      --bg-opacity: 1;
      background-color: #805ad5;
      background-color: rgba(128, 90, 213, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-purple-700:focus {
      --bg-opacity: 1;
      background-color: #6b46c1;
      background-color: rgba(107, 70, 193, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-purple-800:focus {
      --bg-opacity: 1;
      background-color: #553c9a;
      background-color: rgba(85, 60, 154, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-purple-900:focus {
      --bg-opacity: 1;
      background-color: #44337a;
      background-color: rgba(68, 51, 122, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-pink-100:focus {
      --bg-opacity: 1;
      background-color: #fff5f7;
      background-color: rgba(255, 245, 247, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-pink-200:focus {
      --bg-opacity: 1;
      background-color: #fed7e2;
      background-color: rgba(254, 215, 226, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-pink-300:focus {
      --bg-opacity: 1;
      background-color: #fbb6ce;
      background-color: rgba(251, 182, 206, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-pink-400:focus {
      --bg-opacity: 1;
      background-color: #f687b3;
      background-color: rgba(246, 135, 179, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-pink-500:focus {
      --bg-opacity: 1;
      background-color: #ed64a6;
      background-color: rgba(237, 100, 166, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-pink-600:focus {
      --bg-opacity: 1;
      background-color: #d53f8c;
      background-color: rgba(213, 63, 140, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-pink-700:focus {
      --bg-opacity: 1;
      background-color: #b83280;
      background-color: rgba(184, 50, 128, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-pink-800:focus {
      --bg-opacity: 1;
      background-color: #97266d;
      background-color: rgba(151, 38, 109, var(--bg-opacity));
    }
  
    .ssm\:focus\:bg-pink-900:focus {
      --bg-opacity: 1;
      background-color: #702459;
      background-color: rgba(112, 36, 89, var(--bg-opacity));
    }
  
    .ssm\:bg-none {
      background-image: none;
    }
  
    .ssm\:bg-gradient-to-t {
      background-image: linear-gradient(to top, var(--gradient-color-stops));
    }
  
    .ssm\:bg-gradient-to-tr {
      background-image: linear-gradient(to top right, var(--gradient-color-stops));
    }
  
    .ssm\:bg-gradient-to-r {
      background-image: linear-gradient(to right, var(--gradient-color-stops));
    }
  
    .ssm\:bg-gradient-to-br {
      background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
    }
  
    .ssm\:bg-gradient-to-b {
      background-image: linear-gradient(to bottom, var(--gradient-color-stops));
    }
  
    .ssm\:bg-gradient-to-bl {
      background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
    }
  
    .ssm\:bg-gradient-to-l {
      background-image: linear-gradient(to left, var(--gradient-color-stops));
    }
  
    .ssm\:bg-gradient-to-tl {
      background-image: linear-gradient(to top left, var(--gradient-color-stops));
    }
  
    .ssm\:from-transparent {
      --gradient-from-color: transparent;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
    }
  
    .ssm\:from-current {
      --gradient-from-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
    }
  
    .ssm\:from-black {
      --gradient-from-color: #000;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
    }
  
    .ssm\:from-white {
      --gradient-from-color: #fff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
    }
  
    .ssm\:from-gray-100 {
      --gradient-from-color: #f7fafc;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0));
    }
  
    .ssm\:from-gray-200 {
      --gradient-from-color: #edf2f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0));
    }
  
    .ssm\:from-gray-300 {
      --gradient-from-color: #e2e8f0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0));
    }
  
    .ssm\:from-gray-400 {
      --gradient-from-color: #cbd5e0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0));
    }
  
    .ssm\:from-gray-500 {
      --gradient-from-color: #a0aec0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0));
    }
  
    .ssm\:from-gray-600 {
      --gradient-from-color: #718096;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0));
    }
  
    .ssm\:from-gray-700 {
      --gradient-from-color: #4a5568;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0));
    }
  
    .ssm\:from-gray-800 {
      --gradient-from-color: #2d3748;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0));
    }
  
    .ssm\:from-gray-900 {
      --gradient-from-color: #1a202c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0));
    }
  
    .ssm\:from-red-100 {
      --gradient-from-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .ssm\:from-red-200 {
      --gradient-from-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .ssm\:from-red-300 {
      --gradient-from-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .ssm\:from-red-400 {
      --gradient-from-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .ssm\:from-red-500 {
      --gradient-from-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .ssm\:from-red-600 {
      --gradient-from-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .ssm\:from-red-700 {
      --gradient-from-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .ssm\:from-red-800 {
      --gradient-from-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .ssm\:from-red-900 {
      --gradient-from-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .ssm\:from-orange-100 {
      --gradient-from-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .ssm\:from-orange-200 {
      --gradient-from-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .ssm\:from-orange-300 {
      --gradient-from-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .ssm\:from-orange-400 {
      --gradient-from-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .ssm\:from-orange-500 {
      --gradient-from-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .ssm\:from-orange-600 {
      --gradient-from-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .ssm\:from-orange-700 {
      --gradient-from-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .ssm\:from-orange-800 {
      --gradient-from-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .ssm\:from-orange-900 {
      --gradient-from-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .ssm\:from-yellow-100 {
      --gradient-from-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .ssm\:from-yellow-200 {
      --gradient-from-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .ssm\:from-yellow-300 {
      --gradient-from-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .ssm\:from-yellow-400 {
      --gradient-from-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .ssm\:from-yellow-500 {
      --gradient-from-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .ssm\:from-yellow-600 {
      --gradient-from-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .ssm\:from-yellow-700 {
      --gradient-from-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .ssm\:from-yellow-800 {
      --gradient-from-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .ssm\:from-yellow-900 {
      --gradient-from-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .ssm\:from-green-100 {
      --gradient-from-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .ssm\:from-green-200 {
      --gradient-from-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .ssm\:from-green-300 {
      --gradient-from-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .ssm\:from-green-400 {
      --gradient-from-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .ssm\:from-green-500 {
      --gradient-from-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .ssm\:from-green-600 {
      --gradient-from-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .ssm\:from-green-700 {
      --gradient-from-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .ssm\:from-green-800 {
      --gradient-from-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .ssm\:from-green-900 {
      --gradient-from-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .ssm\:from-teal-100 {
      --gradient-from-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .ssm\:from-teal-200 {
      --gradient-from-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .ssm\:from-teal-300 {
      --gradient-from-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .ssm\:from-teal-400 {
      --gradient-from-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .ssm\:from-teal-500 {
      --gradient-from-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .ssm\:from-teal-600 {
      --gradient-from-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .ssm\:from-teal-700 {
      --gradient-from-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .ssm\:from-teal-800 {
      --gradient-from-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .ssm\:from-teal-900 {
      --gradient-from-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .ssm\:from-blue-100 {
      --gradient-from-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .ssm\:from-blue-200 {
      --gradient-from-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .ssm\:from-blue-300 {
      --gradient-from-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .ssm\:from-blue-400 {
      --gradient-from-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .ssm\:from-blue-500 {
      --gradient-from-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .ssm\:from-blue-600 {
      --gradient-from-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .ssm\:from-blue-700 {
      --gradient-from-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .ssm\:from-blue-800 {
      --gradient-from-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .ssm\:from-blue-900 {
      --gradient-from-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .ssm\:from-indigo-100 {
      --gradient-from-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .ssm\:from-indigo-200 {
      --gradient-from-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .ssm\:from-indigo-300 {
      --gradient-from-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .ssm\:from-indigo-400 {
      --gradient-from-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .ssm\:from-indigo-500 {
      --gradient-from-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .ssm\:from-indigo-600 {
      --gradient-from-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .ssm\:from-indigo-700 {
      --gradient-from-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .ssm\:from-indigo-800 {
      --gradient-from-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .ssm\:from-indigo-900 {
      --gradient-from-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .ssm\:from-purple-100 {
      --gradient-from-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .ssm\:from-purple-200 {
      --gradient-from-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .ssm\:from-purple-300 {
      --gradient-from-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .ssm\:from-purple-400 {
      --gradient-from-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .ssm\:from-purple-500 {
      --gradient-from-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .ssm\:from-purple-600 {
      --gradient-from-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .ssm\:from-purple-700 {
      --gradient-from-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .ssm\:from-purple-800 {
      --gradient-from-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .ssm\:from-purple-900 {
      --gradient-from-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .ssm\:from-pink-100 {
      --gradient-from-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .ssm\:from-pink-200 {
      --gradient-from-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .ssm\:from-pink-300 {
      --gradient-from-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .ssm\:from-pink-400 {
      --gradient-from-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .ssm\:from-pink-500 {
      --gradient-from-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .ssm\:from-pink-600 {
      --gradient-from-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .ssm\:from-pink-700 {
      --gradient-from-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .ssm\:from-pink-800 {
      --gradient-from-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .ssm\:from-pink-900 {
      --gradient-from-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .ssm\: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));
    }
  
    .ssm\:via-current {
      --gradient-via-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\:via-red-100 {
      --gradient-via-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .ssm\:via-red-200 {
      --gradient-via-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .ssm\:via-red-300 {
      --gradient-via-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .ssm\:via-red-400 {
      --gradient-via-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .ssm\:via-red-500 {
      --gradient-via-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .ssm\:via-red-600 {
      --gradient-via-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .ssm\:via-red-700 {
      --gradient-via-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .ssm\:via-red-800 {
      --gradient-via-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .ssm\:via-red-900 {
      --gradient-via-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .ssm\:via-orange-100 {
      --gradient-via-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .ssm\:via-orange-200 {
      --gradient-via-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .ssm\:via-orange-300 {
      --gradient-via-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .ssm\:via-orange-400 {
      --gradient-via-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .ssm\:via-orange-500 {
      --gradient-via-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .ssm\:via-orange-600 {
      --gradient-via-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .ssm\:via-orange-700 {
      --gradient-via-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .ssm\:via-orange-800 {
      --gradient-via-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .ssm\:via-orange-900 {
      --gradient-via-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .ssm\:via-yellow-100 {
      --gradient-via-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .ssm\:via-yellow-200 {
      --gradient-via-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .ssm\:via-yellow-300 {
      --gradient-via-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .ssm\:via-yellow-400 {
      --gradient-via-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .ssm\:via-yellow-500 {
      --gradient-via-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .ssm\:via-yellow-600 {
      --gradient-via-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .ssm\:via-yellow-700 {
      --gradient-via-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .ssm\:via-yellow-800 {
      --gradient-via-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .ssm\:via-yellow-900 {
      --gradient-via-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .ssm\:via-green-100 {
      --gradient-via-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .ssm\:via-green-200 {
      --gradient-via-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .ssm\:via-green-300 {
      --gradient-via-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .ssm\:via-green-400 {
      --gradient-via-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .ssm\:via-green-500 {
      --gradient-via-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .ssm\:via-green-600 {
      --gradient-via-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .ssm\:via-green-700 {
      --gradient-via-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .ssm\:via-green-800 {
      --gradient-via-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .ssm\:via-green-900 {
      --gradient-via-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .ssm\:via-teal-100 {
      --gradient-via-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .ssm\:via-teal-200 {
      --gradient-via-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .ssm\:via-teal-300 {
      --gradient-via-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .ssm\:via-teal-400 {
      --gradient-via-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .ssm\:via-teal-500 {
      --gradient-via-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .ssm\:via-teal-600 {
      --gradient-via-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .ssm\:via-teal-700 {
      --gradient-via-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .ssm\:via-teal-800 {
      --gradient-via-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .ssm\:via-teal-900 {
      --gradient-via-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .ssm\:via-blue-100 {
      --gradient-via-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .ssm\:via-blue-200 {
      --gradient-via-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .ssm\:via-blue-300 {
      --gradient-via-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .ssm\:via-blue-400 {
      --gradient-via-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .ssm\:via-blue-500 {
      --gradient-via-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .ssm\:via-blue-600 {
      --gradient-via-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .ssm\:via-blue-700 {
      --gradient-via-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .ssm\:via-blue-800 {
      --gradient-via-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .ssm\:via-blue-900 {
      --gradient-via-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .ssm\:via-indigo-100 {
      --gradient-via-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .ssm\:via-indigo-200 {
      --gradient-via-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .ssm\:via-indigo-300 {
      --gradient-via-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .ssm\:via-indigo-400 {
      --gradient-via-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .ssm\:via-indigo-500 {
      --gradient-via-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .ssm\:via-indigo-600 {
      --gradient-via-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .ssm\:via-indigo-700 {
      --gradient-via-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .ssm\:via-indigo-800 {
      --gradient-via-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .ssm\:via-indigo-900 {
      --gradient-via-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .ssm\:via-purple-100 {
      --gradient-via-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .ssm\:via-purple-200 {
      --gradient-via-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .ssm\:via-purple-300 {
      --gradient-via-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .ssm\:via-purple-400 {
      --gradient-via-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .ssm\:via-purple-500 {
      --gradient-via-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .ssm\:via-purple-600 {
      --gradient-via-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .ssm\:via-purple-700 {
      --gradient-via-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .ssm\:via-purple-800 {
      --gradient-via-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .ssm\:via-purple-900 {
      --gradient-via-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .ssm\:via-pink-100 {
      --gradient-via-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .ssm\:via-pink-200 {
      --gradient-via-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .ssm\:via-pink-300 {
      --gradient-via-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .ssm\:via-pink-400 {
      --gradient-via-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .ssm\:via-pink-500 {
      --gradient-via-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .ssm\:via-pink-600 {
      --gradient-via-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .ssm\:via-pink-700 {
      --gradient-via-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .ssm\:via-pink-800 {
      --gradient-via-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .ssm\:via-pink-900 {
      --gradient-via-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .ssm\:to-transparent {
      --gradient-to-color: transparent;
    }
  
    .ssm\:to-current {
      --gradient-to-color: currentColor;
    }
  
    .ssm\:to-black {
      --gradient-to-color: #000;
    }
  
    .ssm\:to-white {
      --gradient-to-color: #fff;
    }
  
    .ssm\:to-gray-100 {
      --gradient-to-color: #f7fafc;
    }
  
    .ssm\:to-gray-200 {
      --gradient-to-color: #edf2f7;
    }
  
    .ssm\:to-gray-300 {
      --gradient-to-color: #e2e8f0;
    }
  
    .ssm\:to-gray-400 {
      --gradient-to-color: #cbd5e0;
    }
  
    .ssm\:to-gray-500 {
      --gradient-to-color: #a0aec0;
    }
  
    .ssm\:to-gray-600 {
      --gradient-to-color: #718096;
    }
  
    .ssm\:to-gray-700 {
      --gradient-to-color: #4a5568;
    }
  
    .ssm\:to-gray-800 {
      --gradient-to-color: #2d3748;
    }
  
    .ssm\:to-gray-900 {
      --gradient-to-color: #1a202c;
    }
  
    .ssm\:to-red-100 {
      --gradient-to-color: #fff5f5;
    }
  
    .ssm\:to-red-200 {
      --gradient-to-color: #fed7d7;
    }
  
    .ssm\:to-red-300 {
      --gradient-to-color: #feb2b2;
    }
  
    .ssm\:to-red-400 {
      --gradient-to-color: #fc8181;
    }
  
    .ssm\:to-red-500 {
      --gradient-to-color: #f56565;
    }
  
    .ssm\:to-red-600 {
      --gradient-to-color: #e53e3e;
    }
  
    .ssm\:to-red-700 {
      --gradient-to-color: #c53030;
    }
  
    .ssm\:to-red-800 {
      --gradient-to-color: #9b2c2c;
    }
  
    .ssm\:to-red-900 {
      --gradient-to-color: #742a2a;
    }
  
    .ssm\:to-orange-100 {
      --gradient-to-color: #fffaf0;
    }
  
    .ssm\:to-orange-200 {
      --gradient-to-color: #feebc8;
    }
  
    .ssm\:to-orange-300 {
      --gradient-to-color: #fbd38d;
    }
  
    .ssm\:to-orange-400 {
      --gradient-to-color: #f6ad55;
    }
  
    .ssm\:to-orange-500 {
      --gradient-to-color: #ed8936;
    }
  
    .ssm\:to-orange-600 {
      --gradient-to-color: #dd6b20;
    }
  
    .ssm\:to-orange-700 {
      --gradient-to-color: #c05621;
    }
  
    .ssm\:to-orange-800 {
      --gradient-to-color: #9c4221;
    }
  
    .ssm\:to-orange-900 {
      --gradient-to-color: #7b341e;
    }
  
    .ssm\:to-yellow-100 {
      --gradient-to-color: #fffff0;
    }
  
    .ssm\:to-yellow-200 {
      --gradient-to-color: #fefcbf;
    }
  
    .ssm\:to-yellow-300 {
      --gradient-to-color: #faf089;
    }
  
    .ssm\:to-yellow-400 {
      --gradient-to-color: #f6e05e;
    }
  
    .ssm\:to-yellow-500 {
      --gradient-to-color: #ecc94b;
    }
  
    .ssm\:to-yellow-600 {
      --gradient-to-color: #d69e2e;
    }
  
    .ssm\:to-yellow-700 {
      --gradient-to-color: #b7791f;
    }
  
    .ssm\:to-yellow-800 {
      --gradient-to-color: #975a16;
    }
  
    .ssm\:to-yellow-900 {
      --gradient-to-color: #744210;
    }
  
    .ssm\:to-green-100 {
      --gradient-to-color: #f0fff4;
    }
  
    .ssm\:to-green-200 {
      --gradient-to-color: #c6f6d5;
    }
  
    .ssm\:to-green-300 {
      --gradient-to-color: #9ae6b4;
    }
  
    .ssm\:to-green-400 {
      --gradient-to-color: #68d391;
    }
  
    .ssm\:to-green-500 {
      --gradient-to-color: #48bb78;
    }
  
    .ssm\:to-green-600 {
      --gradient-to-color: #38a169;
    }
  
    .ssm\:to-green-700 {
      --gradient-to-color: #2f855a;
    }
  
    .ssm\:to-green-800 {
      --gradient-to-color: #276749;
    }
  
    .ssm\:to-green-900 {
      --gradient-to-color: #22543d;
    }
  
    .ssm\:to-teal-100 {
      --gradient-to-color: #e6fffa;
    }
  
    .ssm\:to-teal-200 {
      --gradient-to-color: #b2f5ea;
    }
  
    .ssm\:to-teal-300 {
      --gradient-to-color: #81e6d9;
    }
  
    .ssm\:to-teal-400 {
      --gradient-to-color: #4fd1c5;
    }
  
    .ssm\:to-teal-500 {
      --gradient-to-color: #38b2ac;
    }
  
    .ssm\:to-teal-600 {
      --gradient-to-color: #319795;
    }
  
    .ssm\:to-teal-700 {
      --gradient-to-color: #2c7a7b;
    }
  
    .ssm\:to-teal-800 {
      --gradient-to-color: #285e61;
    }
  
    .ssm\:to-teal-900 {
      --gradient-to-color: #234e52;
    }
  
    .ssm\:to-blue-100 {
      --gradient-to-color: #ebf8ff;
    }
  
    .ssm\:to-blue-200 {
      --gradient-to-color: #bee3f8;
    }
  
    .ssm\:to-blue-300 {
      --gradient-to-color: #90cdf4;
    }
  
    .ssm\:to-blue-400 {
      --gradient-to-color: #63b3ed;
    }
  
    .ssm\:to-blue-500 {
      --gradient-to-color: #4299e1;
    }
  
    .ssm\:to-blue-600 {
      --gradient-to-color: #3182ce;
    }
  
    .ssm\:to-blue-700 {
      --gradient-to-color: #2b6cb0;
    }
  
    .ssm\:to-blue-800 {
      --gradient-to-color: #2c5282;
    }
  
    .ssm\:to-blue-900 {
      --gradient-to-color: #2a4365;
    }
  
    .ssm\:to-indigo-100 {
      --gradient-to-color: #ebf4ff;
    }
  
    .ssm\:to-indigo-200 {
      --gradient-to-color: #c3dafe;
    }
  
    .ssm\:to-indigo-300 {
      --gradient-to-color: #a3bffa;
    }
  
    .ssm\:to-indigo-400 {
      --gradient-to-color: #7f9cf5;
    }
  
    .ssm\:to-indigo-500 {
      --gradient-to-color: #667eea;
    }
  
    .ssm\:to-indigo-600 {
      --gradient-to-color: #5a67d8;
    }
  
    .ssm\:to-indigo-700 {
      --gradient-to-color: #4c51bf;
    }
  
    .ssm\:to-indigo-800 {
      --gradient-to-color: #434190;
    }
  
    .ssm\:to-indigo-900 {
      --gradient-to-color: #3c366b;
    }
  
    .ssm\:to-purple-100 {
      --gradient-to-color: #faf5ff;
    }
  
    .ssm\:to-purple-200 {
      --gradient-to-color: #e9d8fd;
    }
  
    .ssm\:to-purple-300 {
      --gradient-to-color: #d6bcfa;
    }
  
    .ssm\:to-purple-400 {
      --gradient-to-color: #b794f4;
    }
  
    .ssm\:to-purple-500 {
      --gradient-to-color: #9f7aea;
    }
  
    .ssm\:to-purple-600 {
      --gradient-to-color: #805ad5;
    }
  
    .ssm\:to-purple-700 {
      --gradient-to-color: #6b46c1;
    }
  
    .ssm\:to-purple-800 {
      --gradient-to-color: #553c9a;
    }
  
    .ssm\:to-purple-900 {
      --gradient-to-color: #44337a;
    }
  
    .ssm\:to-pink-100 {
      --gradient-to-color: #fff5f7;
    }
  
    .ssm\:to-pink-200 {
      --gradient-to-color: #fed7e2;
    }
  
    .ssm\:to-pink-300 {
      --gradient-to-color: #fbb6ce;
    }
  
    .ssm\:to-pink-400 {
      --gradient-to-color: #f687b3;
    }
  
    .ssm\:to-pink-500 {
      --gradient-to-color: #ed64a6;
    }
  
    .ssm\:to-pink-600 {
      --gradient-to-color: #d53f8c;
    }
  
    .ssm\:to-pink-700 {
      --gradient-to-color: #b83280;
    }
  
    .ssm\:to-pink-800 {
      --gradient-to-color: #97266d;
    }
  
    .ssm\:to-pink-900 {
      --gradient-to-color: #702459;
    }
  
    .ssm\:hover\:from-transparent:hover {
      --gradient-from-color: transparent;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
    }
  
    .ssm\:hover\:from-current:hover {
      --gradient-from-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
    }
  
    .ssm\:hover\:from-black:hover {
      --gradient-from-color: #000;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
    }
  
    .ssm\:hover\:from-white:hover {
      --gradient-from-color: #fff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\:hover\:from-red-100:hover {
      --gradient-from-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .ssm\:hover\:from-red-200:hover {
      --gradient-from-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .ssm\:hover\:from-red-300:hover {
      --gradient-from-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .ssm\:hover\:from-red-400:hover {
      --gradient-from-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .ssm\:hover\:from-red-500:hover {
      --gradient-from-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .ssm\:hover\:from-red-600:hover {
      --gradient-from-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .ssm\:hover\:from-red-700:hover {
      --gradient-from-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .ssm\:hover\:from-red-800:hover {
      --gradient-from-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .ssm\:hover\:from-red-900:hover {
      --gradient-from-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .ssm\:hover\:from-orange-100:hover {
      --gradient-from-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .ssm\:hover\:from-orange-200:hover {
      --gradient-from-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .ssm\:hover\:from-orange-300:hover {
      --gradient-from-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .ssm\:hover\:from-orange-400:hover {
      --gradient-from-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .ssm\:hover\:from-orange-500:hover {
      --gradient-from-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .ssm\:hover\:from-orange-600:hover {
      --gradient-from-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .ssm\:hover\:from-orange-700:hover {
      --gradient-from-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .ssm\:hover\:from-orange-800:hover {
      --gradient-from-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .ssm\:hover\:from-orange-900:hover {
      --gradient-from-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .ssm\:hover\:from-yellow-100:hover {
      --gradient-from-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .ssm\:hover\:from-yellow-200:hover {
      --gradient-from-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .ssm\:hover\:from-yellow-300:hover {
      --gradient-from-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .ssm\:hover\:from-yellow-400:hover {
      --gradient-from-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .ssm\:hover\:from-yellow-500:hover {
      --gradient-from-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .ssm\:hover\:from-yellow-600:hover {
      --gradient-from-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .ssm\:hover\:from-yellow-700:hover {
      --gradient-from-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .ssm\:hover\:from-yellow-800:hover {
      --gradient-from-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .ssm\:hover\:from-yellow-900:hover {
      --gradient-from-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .ssm\:hover\:from-green-100:hover {
      --gradient-from-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .ssm\:hover\:from-green-200:hover {
      --gradient-from-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .ssm\:hover\:from-green-300:hover {
      --gradient-from-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .ssm\:hover\:from-green-400:hover {
      --gradient-from-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .ssm\:hover\:from-green-500:hover {
      --gradient-from-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .ssm\:hover\:from-green-600:hover {
      --gradient-from-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .ssm\:hover\:from-green-700:hover {
      --gradient-from-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .ssm\:hover\:from-green-800:hover {
      --gradient-from-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .ssm\:hover\:from-green-900:hover {
      --gradient-from-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .ssm\:hover\:from-teal-100:hover {
      --gradient-from-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .ssm\:hover\:from-teal-200:hover {
      --gradient-from-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .ssm\:hover\:from-teal-300:hover {
      --gradient-from-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .ssm\:hover\:from-teal-400:hover {
      --gradient-from-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .ssm\:hover\:from-teal-500:hover {
      --gradient-from-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .ssm\:hover\:from-teal-600:hover {
      --gradient-from-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .ssm\:hover\:from-teal-700:hover {
      --gradient-from-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .ssm\:hover\:from-teal-800:hover {
      --gradient-from-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .ssm\:hover\:from-teal-900:hover {
      --gradient-from-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .ssm\:hover\:from-blue-100:hover {
      --gradient-from-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .ssm\:hover\:from-blue-200:hover {
      --gradient-from-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .ssm\:hover\:from-blue-300:hover {
      --gradient-from-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .ssm\:hover\:from-blue-400:hover {
      --gradient-from-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .ssm\:hover\:from-blue-500:hover {
      --gradient-from-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .ssm\:hover\:from-blue-600:hover {
      --gradient-from-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .ssm\:hover\:from-blue-700:hover {
      --gradient-from-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .ssm\:hover\:from-blue-800:hover {
      --gradient-from-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .ssm\:hover\:from-blue-900:hover {
      --gradient-from-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .ssm\:hover\:from-indigo-100:hover {
      --gradient-from-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .ssm\:hover\:from-indigo-200:hover {
      --gradient-from-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .ssm\:hover\:from-indigo-300:hover {
      --gradient-from-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .ssm\:hover\:from-indigo-400:hover {
      --gradient-from-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .ssm\:hover\:from-indigo-500:hover {
      --gradient-from-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .ssm\:hover\:from-indigo-600:hover {
      --gradient-from-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .ssm\:hover\:from-indigo-700:hover {
      --gradient-from-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .ssm\:hover\:from-indigo-800:hover {
      --gradient-from-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .ssm\:hover\:from-indigo-900:hover {
      --gradient-from-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .ssm\:hover\:from-purple-100:hover {
      --gradient-from-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .ssm\:hover\:from-purple-200:hover {
      --gradient-from-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .ssm\:hover\:from-purple-300:hover {
      --gradient-from-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .ssm\:hover\:from-purple-400:hover {
      --gradient-from-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .ssm\:hover\:from-purple-500:hover {
      --gradient-from-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .ssm\:hover\:from-purple-600:hover {
      --gradient-from-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .ssm\:hover\:from-purple-700:hover {
      --gradient-from-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .ssm\:hover\:from-purple-800:hover {
      --gradient-from-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .ssm\:hover\:from-purple-900:hover {
      --gradient-from-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .ssm\:hover\:from-pink-100:hover {
      --gradient-from-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .ssm\:hover\:from-pink-200:hover {
      --gradient-from-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .ssm\:hover\:from-pink-300:hover {
      --gradient-from-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .ssm\:hover\:from-pink-400:hover {
      --gradient-from-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .ssm\:hover\:from-pink-500:hover {
      --gradient-from-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .ssm\:hover\:from-pink-600:hover {
      --gradient-from-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .ssm\:hover\:from-pink-700:hover {
      --gradient-from-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .ssm\:hover\:from-pink-800:hover {
      --gradient-from-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .ssm\:hover\:from-pink-900:hover {
      --gradient-from-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .ssm\: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));
    }
  
    .ssm\:hover\:via-current:hover {
      --gradient-via-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\:hover\:via-red-100:hover {
      --gradient-via-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .ssm\:hover\:via-red-200:hover {
      --gradient-via-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .ssm\:hover\:via-red-300:hover {
      --gradient-via-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .ssm\:hover\:via-red-400:hover {
      --gradient-via-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .ssm\:hover\:via-red-500:hover {
      --gradient-via-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .ssm\:hover\:via-red-600:hover {
      --gradient-via-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .ssm\:hover\:via-red-700:hover {
      --gradient-via-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .ssm\:hover\:via-red-800:hover {
      --gradient-via-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .ssm\:hover\:via-red-900:hover {
      --gradient-via-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .ssm\:hover\:via-orange-100:hover {
      --gradient-via-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .ssm\:hover\:via-orange-200:hover {
      --gradient-via-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .ssm\:hover\:via-orange-300:hover {
      --gradient-via-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .ssm\:hover\:via-orange-400:hover {
      --gradient-via-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .ssm\:hover\:via-orange-500:hover {
      --gradient-via-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .ssm\:hover\:via-orange-600:hover {
      --gradient-via-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .ssm\:hover\:via-orange-700:hover {
      --gradient-via-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .ssm\:hover\:via-orange-800:hover {
      --gradient-via-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .ssm\:hover\:via-orange-900:hover {
      --gradient-via-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .ssm\:hover\:via-yellow-100:hover {
      --gradient-via-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .ssm\:hover\:via-yellow-200:hover {
      --gradient-via-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .ssm\:hover\:via-yellow-300:hover {
      --gradient-via-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .ssm\:hover\:via-yellow-400:hover {
      --gradient-via-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .ssm\:hover\:via-yellow-500:hover {
      --gradient-via-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .ssm\:hover\:via-yellow-600:hover {
      --gradient-via-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .ssm\:hover\:via-yellow-700:hover {
      --gradient-via-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .ssm\:hover\:via-yellow-800:hover {
      --gradient-via-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .ssm\:hover\:via-yellow-900:hover {
      --gradient-via-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .ssm\:hover\:via-green-100:hover {
      --gradient-via-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .ssm\:hover\:via-green-200:hover {
      --gradient-via-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .ssm\:hover\:via-green-300:hover {
      --gradient-via-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .ssm\:hover\:via-green-400:hover {
      --gradient-via-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .ssm\:hover\:via-green-500:hover {
      --gradient-via-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .ssm\:hover\:via-green-600:hover {
      --gradient-via-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .ssm\:hover\:via-green-700:hover {
      --gradient-via-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .ssm\:hover\:via-green-800:hover {
      --gradient-via-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .ssm\:hover\:via-green-900:hover {
      --gradient-via-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .ssm\:hover\:via-teal-100:hover {
      --gradient-via-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .ssm\:hover\:via-teal-200:hover {
      --gradient-via-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .ssm\:hover\:via-teal-300:hover {
      --gradient-via-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .ssm\:hover\:via-teal-400:hover {
      --gradient-via-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .ssm\:hover\:via-teal-500:hover {
      --gradient-via-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .ssm\:hover\:via-teal-600:hover {
      --gradient-via-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .ssm\:hover\:via-teal-700:hover {
      --gradient-via-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .ssm\:hover\:via-teal-800:hover {
      --gradient-via-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .ssm\:hover\:via-teal-900:hover {
      --gradient-via-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .ssm\:hover\:via-blue-100:hover {
      --gradient-via-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .ssm\:hover\:via-blue-200:hover {
      --gradient-via-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .ssm\:hover\:via-blue-300:hover {
      --gradient-via-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .ssm\:hover\:via-blue-400:hover {
      --gradient-via-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .ssm\:hover\:via-blue-500:hover {
      --gradient-via-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .ssm\:hover\:via-blue-600:hover {
      --gradient-via-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .ssm\:hover\:via-blue-700:hover {
      --gradient-via-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .ssm\:hover\:via-blue-800:hover {
      --gradient-via-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .ssm\:hover\:via-blue-900:hover {
      --gradient-via-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .ssm\:hover\:via-indigo-100:hover {
      --gradient-via-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .ssm\:hover\:via-indigo-200:hover {
      --gradient-via-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .ssm\:hover\:via-indigo-300:hover {
      --gradient-via-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .ssm\:hover\:via-indigo-400:hover {
      --gradient-via-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .ssm\:hover\:via-indigo-500:hover {
      --gradient-via-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .ssm\:hover\:via-indigo-600:hover {
      --gradient-via-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .ssm\:hover\:via-indigo-700:hover {
      --gradient-via-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .ssm\:hover\:via-indigo-800:hover {
      --gradient-via-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .ssm\:hover\:via-indigo-900:hover {
      --gradient-via-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .ssm\:hover\:via-purple-100:hover {
      --gradient-via-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .ssm\:hover\:via-purple-200:hover {
      --gradient-via-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .ssm\:hover\:via-purple-300:hover {
      --gradient-via-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .ssm\:hover\:via-purple-400:hover {
      --gradient-via-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .ssm\:hover\:via-purple-500:hover {
      --gradient-via-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .ssm\:hover\:via-purple-600:hover {
      --gradient-via-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .ssm\:hover\:via-purple-700:hover {
      --gradient-via-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .ssm\:hover\:via-purple-800:hover {
      --gradient-via-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .ssm\:hover\:via-purple-900:hover {
      --gradient-via-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .ssm\:hover\:via-pink-100:hover {
      --gradient-via-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .ssm\:hover\:via-pink-200:hover {
      --gradient-via-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .ssm\:hover\:via-pink-300:hover {
      --gradient-via-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .ssm\:hover\:via-pink-400:hover {
      --gradient-via-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .ssm\:hover\:via-pink-500:hover {
      --gradient-via-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .ssm\:hover\:via-pink-600:hover {
      --gradient-via-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .ssm\:hover\:via-pink-700:hover {
      --gradient-via-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .ssm\:hover\:via-pink-800:hover {
      --gradient-via-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .ssm\:hover\:via-pink-900:hover {
      --gradient-via-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .ssm\:hover\:to-transparent:hover {
      --gradient-to-color: transparent;
    }
  
    .ssm\:hover\:to-current:hover {
      --gradient-to-color: currentColor;
    }
  
    .ssm\:hover\:to-black:hover {
      --gradient-to-color: #000;
    }
  
    .ssm\:hover\:to-white:hover {
      --gradient-to-color: #fff;
    }
  
    .ssm\:hover\:to-gray-100:hover {
      --gradient-to-color: #f7fafc;
    }
  
    .ssm\:hover\:to-gray-200:hover {
      --gradient-to-color: #edf2f7;
    }
  
    .ssm\:hover\:to-gray-300:hover {
      --gradient-to-color: #e2e8f0;
    }
  
    .ssm\:hover\:to-gray-400:hover {
      --gradient-to-color: #cbd5e0;
    }
  
    .ssm\:hover\:to-gray-500:hover {
      --gradient-to-color: #a0aec0;
    }
  
    .ssm\:hover\:to-gray-600:hover {
      --gradient-to-color: #718096;
    }
  
    .ssm\:hover\:to-gray-700:hover {
      --gradient-to-color: #4a5568;
    }
  
    .ssm\:hover\:to-gray-800:hover {
      --gradient-to-color: #2d3748;
    }
  
    .ssm\:hover\:to-gray-900:hover {
      --gradient-to-color: #1a202c;
    }
  
    .ssm\:hover\:to-red-100:hover {
      --gradient-to-color: #fff5f5;
    }
  
    .ssm\:hover\:to-red-200:hover {
      --gradient-to-color: #fed7d7;
    }
  
    .ssm\:hover\:to-red-300:hover {
      --gradient-to-color: #feb2b2;
    }
  
    .ssm\:hover\:to-red-400:hover {
      --gradient-to-color: #fc8181;
    }
  
    .ssm\:hover\:to-red-500:hover {
      --gradient-to-color: #f56565;
    }
  
    .ssm\:hover\:to-red-600:hover {
      --gradient-to-color: #e53e3e;
    }
  
    .ssm\:hover\:to-red-700:hover {
      --gradient-to-color: #c53030;
    }
  
    .ssm\:hover\:to-red-800:hover {
      --gradient-to-color: #9b2c2c;
    }
  
    .ssm\:hover\:to-red-900:hover {
      --gradient-to-color: #742a2a;
    }
  
    .ssm\:hover\:to-orange-100:hover {
      --gradient-to-color: #fffaf0;
    }
  
    .ssm\:hover\:to-orange-200:hover {
      --gradient-to-color: #feebc8;
    }
  
    .ssm\:hover\:to-orange-300:hover {
      --gradient-to-color: #fbd38d;
    }
  
    .ssm\:hover\:to-orange-400:hover {
      --gradient-to-color: #f6ad55;
    }
  
    .ssm\:hover\:to-orange-500:hover {
      --gradient-to-color: #ed8936;
    }
  
    .ssm\:hover\:to-orange-600:hover {
      --gradient-to-color: #dd6b20;
    }
  
    .ssm\:hover\:to-orange-700:hover {
      --gradient-to-color: #c05621;
    }
  
    .ssm\:hover\:to-orange-800:hover {
      --gradient-to-color: #9c4221;
    }
  
    .ssm\:hover\:to-orange-900:hover {
      --gradient-to-color: #7b341e;
    }
  
    .ssm\:hover\:to-yellow-100:hover {
      --gradient-to-color: #fffff0;
    }
  
    .ssm\:hover\:to-yellow-200:hover {
      --gradient-to-color: #fefcbf;
    }
  
    .ssm\:hover\:to-yellow-300:hover {
      --gradient-to-color: #faf089;
    }
  
    .ssm\:hover\:to-yellow-400:hover {
      --gradient-to-color: #f6e05e;
    }
  
    .ssm\:hover\:to-yellow-500:hover {
      --gradient-to-color: #ecc94b;
    }
  
    .ssm\:hover\:to-yellow-600:hover {
      --gradient-to-color: #d69e2e;
    }
  
    .ssm\:hover\:to-yellow-700:hover {
      --gradient-to-color: #b7791f;
    }
  
    .ssm\:hover\:to-yellow-800:hover {
      --gradient-to-color: #975a16;
    }
  
    .ssm\:hover\:to-yellow-900:hover {
      --gradient-to-color: #744210;
    }
  
    .ssm\:hover\:to-green-100:hover {
      --gradient-to-color: #f0fff4;
    }
  
    .ssm\:hover\:to-green-200:hover {
      --gradient-to-color: #c6f6d5;
    }
  
    .ssm\:hover\:to-green-300:hover {
      --gradient-to-color: #9ae6b4;
    }
  
    .ssm\:hover\:to-green-400:hover {
      --gradient-to-color: #68d391;
    }
  
    .ssm\:hover\:to-green-500:hover {
      --gradient-to-color: #48bb78;
    }
  
    .ssm\:hover\:to-green-600:hover {
      --gradient-to-color: #38a169;
    }
  
    .ssm\:hover\:to-green-700:hover {
      --gradient-to-color: #2f855a;
    }
  
    .ssm\:hover\:to-green-800:hover {
      --gradient-to-color: #276749;
    }
  
    .ssm\:hover\:to-green-900:hover {
      --gradient-to-color: #22543d;
    }
  
    .ssm\:hover\:to-teal-100:hover {
      --gradient-to-color: #e6fffa;
    }
  
    .ssm\:hover\:to-teal-200:hover {
      --gradient-to-color: #b2f5ea;
    }
  
    .ssm\:hover\:to-teal-300:hover {
      --gradient-to-color: #81e6d9;
    }
  
    .ssm\:hover\:to-teal-400:hover {
      --gradient-to-color: #4fd1c5;
    }
  
    .ssm\:hover\:to-teal-500:hover {
      --gradient-to-color: #38b2ac;
    }
  
    .ssm\:hover\:to-teal-600:hover {
      --gradient-to-color: #319795;
    }
  
    .ssm\:hover\:to-teal-700:hover {
      --gradient-to-color: #2c7a7b;
    }
  
    .ssm\:hover\:to-teal-800:hover {
      --gradient-to-color: #285e61;
    }
  
    .ssm\:hover\:to-teal-900:hover {
      --gradient-to-color: #234e52;
    }
  
    .ssm\:hover\:to-blue-100:hover {
      --gradient-to-color: #ebf8ff;
    }
  
    .ssm\:hover\:to-blue-200:hover {
      --gradient-to-color: #bee3f8;
    }
  
    .ssm\:hover\:to-blue-300:hover {
      --gradient-to-color: #90cdf4;
    }
  
    .ssm\:hover\:to-blue-400:hover {
      --gradient-to-color: #63b3ed;
    }
  
    .ssm\:hover\:to-blue-500:hover {
      --gradient-to-color: #4299e1;
    }
  
    .ssm\:hover\:to-blue-600:hover {
      --gradient-to-color: #3182ce;
    }
  
    .ssm\:hover\:to-blue-700:hover {
      --gradient-to-color: #2b6cb0;
    }
  
    .ssm\:hover\:to-blue-800:hover {
      --gradient-to-color: #2c5282;
    }
  
    .ssm\:hover\:to-blue-900:hover {
      --gradient-to-color: #2a4365;
    }
  
    .ssm\:hover\:to-indigo-100:hover {
      --gradient-to-color: #ebf4ff;
    }
  
    .ssm\:hover\:to-indigo-200:hover {
      --gradient-to-color: #c3dafe;
    }
  
    .ssm\:hover\:to-indigo-300:hover {
      --gradient-to-color: #a3bffa;
    }
  
    .ssm\:hover\:to-indigo-400:hover {
      --gradient-to-color: #7f9cf5;
    }
  
    .ssm\:hover\:to-indigo-500:hover {
      --gradient-to-color: #667eea;
    }
  
    .ssm\:hover\:to-indigo-600:hover {
      --gradient-to-color: #5a67d8;
    }
  
    .ssm\:hover\:to-indigo-700:hover {
      --gradient-to-color: #4c51bf;
    }
  
    .ssm\:hover\:to-indigo-800:hover {
      --gradient-to-color: #434190;
    }
  
    .ssm\:hover\:to-indigo-900:hover {
      --gradient-to-color: #3c366b;
    }
  
    .ssm\:hover\:to-purple-100:hover {
      --gradient-to-color: #faf5ff;
    }
  
    .ssm\:hover\:to-purple-200:hover {
      --gradient-to-color: #e9d8fd;
    }
  
    .ssm\:hover\:to-purple-300:hover {
      --gradient-to-color: #d6bcfa;
    }
  
    .ssm\:hover\:to-purple-400:hover {
      --gradient-to-color: #b794f4;
    }
  
    .ssm\:hover\:to-purple-500:hover {
      --gradient-to-color: #9f7aea;
    }
  
    .ssm\:hover\:to-purple-600:hover {
      --gradient-to-color: #805ad5;
    }
  
    .ssm\:hover\:to-purple-700:hover {
      --gradient-to-color: #6b46c1;
    }
  
    .ssm\:hover\:to-purple-800:hover {
      --gradient-to-color: #553c9a;
    }
  
    .ssm\:hover\:to-purple-900:hover {
      --gradient-to-color: #44337a;
    }
  
    .ssm\:hover\:to-pink-100:hover {
      --gradient-to-color: #fff5f7;
    }
  
    .ssm\:hover\:to-pink-200:hover {
      --gradient-to-color: #fed7e2;
    }
  
    .ssm\:hover\:to-pink-300:hover {
      --gradient-to-color: #fbb6ce;
    }
  
    .ssm\:hover\:to-pink-400:hover {
      --gradient-to-color: #f687b3;
    }
  
    .ssm\:hover\:to-pink-500:hover {
      --gradient-to-color: #ed64a6;
    }
  
    .ssm\:hover\:to-pink-600:hover {
      --gradient-to-color: #d53f8c;
    }
  
    .ssm\:hover\:to-pink-700:hover {
      --gradient-to-color: #b83280;
    }
  
    .ssm\:hover\:to-pink-800:hover {
      --gradient-to-color: #97266d;
    }
  
    .ssm\:hover\:to-pink-900:hover {
      --gradient-to-color: #702459;
    }
  
    .ssm\:focus\:from-transparent:focus {
      --gradient-from-color: transparent;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
    }
  
    .ssm\:focus\:from-current:focus {
      --gradient-from-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
    }
  
    .ssm\:focus\:from-black:focus {
      --gradient-from-color: #000;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
    }
  
    .ssm\:focus\:from-white:focus {
      --gradient-from-color: #fff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\:focus\:from-red-100:focus {
      --gradient-from-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .ssm\:focus\:from-red-200:focus {
      --gradient-from-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .ssm\:focus\:from-red-300:focus {
      --gradient-from-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .ssm\:focus\:from-red-400:focus {
      --gradient-from-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .ssm\:focus\:from-red-500:focus {
      --gradient-from-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .ssm\:focus\:from-red-600:focus {
      --gradient-from-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .ssm\:focus\:from-red-700:focus {
      --gradient-from-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .ssm\:focus\:from-red-800:focus {
      --gradient-from-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .ssm\:focus\:from-red-900:focus {
      --gradient-from-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .ssm\:focus\:from-orange-100:focus {
      --gradient-from-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .ssm\:focus\:from-orange-200:focus {
      --gradient-from-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .ssm\:focus\:from-orange-300:focus {
      --gradient-from-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .ssm\:focus\:from-orange-400:focus {
      --gradient-from-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .ssm\:focus\:from-orange-500:focus {
      --gradient-from-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .ssm\:focus\:from-orange-600:focus {
      --gradient-from-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .ssm\:focus\:from-orange-700:focus {
      --gradient-from-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .ssm\:focus\:from-orange-800:focus {
      --gradient-from-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .ssm\:focus\:from-orange-900:focus {
      --gradient-from-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .ssm\:focus\:from-yellow-100:focus {
      --gradient-from-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .ssm\:focus\:from-yellow-200:focus {
      --gradient-from-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .ssm\:focus\:from-yellow-300:focus {
      --gradient-from-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .ssm\:focus\:from-yellow-400:focus {
      --gradient-from-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .ssm\:focus\:from-yellow-500:focus {
      --gradient-from-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .ssm\:focus\:from-yellow-600:focus {
      --gradient-from-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .ssm\:focus\:from-yellow-700:focus {
      --gradient-from-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .ssm\:focus\:from-yellow-800:focus {
      --gradient-from-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .ssm\:focus\:from-yellow-900:focus {
      --gradient-from-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .ssm\:focus\:from-green-100:focus {
      --gradient-from-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .ssm\:focus\:from-green-200:focus {
      --gradient-from-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .ssm\:focus\:from-green-300:focus {
      --gradient-from-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .ssm\:focus\:from-green-400:focus {
      --gradient-from-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .ssm\:focus\:from-green-500:focus {
      --gradient-from-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .ssm\:focus\:from-green-600:focus {
      --gradient-from-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .ssm\:focus\:from-green-700:focus {
      --gradient-from-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .ssm\:focus\:from-green-800:focus {
      --gradient-from-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .ssm\:focus\:from-green-900:focus {
      --gradient-from-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .ssm\:focus\:from-teal-100:focus {
      --gradient-from-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .ssm\:focus\:from-teal-200:focus {
      --gradient-from-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .ssm\:focus\:from-teal-300:focus {
      --gradient-from-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .ssm\:focus\:from-teal-400:focus {
      --gradient-from-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .ssm\:focus\:from-teal-500:focus {
      --gradient-from-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .ssm\:focus\:from-teal-600:focus {
      --gradient-from-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .ssm\:focus\:from-teal-700:focus {
      --gradient-from-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .ssm\:focus\:from-teal-800:focus {
      --gradient-from-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .ssm\:focus\:from-teal-900:focus {
      --gradient-from-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .ssm\:focus\:from-blue-100:focus {
      --gradient-from-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .ssm\:focus\:from-blue-200:focus {
      --gradient-from-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .ssm\:focus\:from-blue-300:focus {
      --gradient-from-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .ssm\:focus\:from-blue-400:focus {
      --gradient-from-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .ssm\:focus\:from-blue-500:focus {
      --gradient-from-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .ssm\:focus\:from-blue-600:focus {
      --gradient-from-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .ssm\:focus\:from-blue-700:focus {
      --gradient-from-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .ssm\:focus\:from-blue-800:focus {
      --gradient-from-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .ssm\:focus\:from-blue-900:focus {
      --gradient-from-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .ssm\:focus\:from-indigo-100:focus {
      --gradient-from-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .ssm\:focus\:from-indigo-200:focus {
      --gradient-from-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .ssm\:focus\:from-indigo-300:focus {
      --gradient-from-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .ssm\:focus\:from-indigo-400:focus {
      --gradient-from-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .ssm\:focus\:from-indigo-500:focus {
      --gradient-from-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .ssm\:focus\:from-indigo-600:focus {
      --gradient-from-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .ssm\:focus\:from-indigo-700:focus {
      --gradient-from-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .ssm\:focus\:from-indigo-800:focus {
      --gradient-from-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .ssm\:focus\:from-indigo-900:focus {
      --gradient-from-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .ssm\:focus\:from-purple-100:focus {
      --gradient-from-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .ssm\:focus\:from-purple-200:focus {
      --gradient-from-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .ssm\:focus\:from-purple-300:focus {
      --gradient-from-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .ssm\:focus\:from-purple-400:focus {
      --gradient-from-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .ssm\:focus\:from-purple-500:focus {
      --gradient-from-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .ssm\:focus\:from-purple-600:focus {
      --gradient-from-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .ssm\:focus\:from-purple-700:focus {
      --gradient-from-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .ssm\:focus\:from-purple-800:focus {
      --gradient-from-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .ssm\:focus\:from-purple-900:focus {
      --gradient-from-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .ssm\:focus\:from-pink-100:focus {
      --gradient-from-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .ssm\:focus\:from-pink-200:focus {
      --gradient-from-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .ssm\:focus\:from-pink-300:focus {
      --gradient-from-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .ssm\:focus\:from-pink-400:focus {
      --gradient-from-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .ssm\:focus\:from-pink-500:focus {
      --gradient-from-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .ssm\:focus\:from-pink-600:focus {
      --gradient-from-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .ssm\:focus\:from-pink-700:focus {
      --gradient-from-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .ssm\:focus\:from-pink-800:focus {
      --gradient-from-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .ssm\:focus\:from-pink-900:focus {
      --gradient-from-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .ssm\: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));
    }
  
    .ssm\:focus\:via-current:focus {
      --gradient-via-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\: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));
    }
  
    .ssm\:focus\:via-red-100:focus {
      --gradient-via-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .ssm\:focus\:via-red-200:focus {
      --gradient-via-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .ssm\:focus\:via-red-300:focus {
      --gradient-via-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .ssm\:focus\:via-red-400:focus {
      --gradient-via-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .ssm\:focus\:via-red-500:focus {
      --gradient-via-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .ssm\:focus\:via-red-600:focus {
      --gradient-via-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .ssm\:focus\:via-red-700:focus {
      --gradient-via-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .ssm\:focus\:via-red-800:focus {
      --gradient-via-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .ssm\:focus\:via-red-900:focus {
      --gradient-via-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .ssm\:focus\:via-orange-100:focus {
      --gradient-via-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .ssm\:focus\:via-orange-200:focus {
      --gradient-via-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .ssm\:focus\:via-orange-300:focus {
      --gradient-via-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .ssm\:focus\:via-orange-400:focus {
      --gradient-via-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .ssm\:focus\:via-orange-500:focus {
      --gradient-via-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .ssm\:focus\:via-orange-600:focus {
      --gradient-via-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .ssm\:focus\:via-orange-700:focus {
      --gradient-via-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .ssm\:focus\:via-orange-800:focus {
      --gradient-via-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .ssm\:focus\:via-orange-900:focus {
      --gradient-via-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .ssm\:focus\:via-yellow-100:focus {
      --gradient-via-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .ssm\:focus\:via-yellow-200:focus {
      --gradient-via-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .ssm\:focus\:via-yellow-300:focus {
      --gradient-via-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .ssm\:focus\:via-yellow-400:focus {
      --gradient-via-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .ssm\:focus\:via-yellow-500:focus {
      --gradient-via-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .ssm\:focus\:via-yellow-600:focus {
      --gradient-via-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .ssm\:focus\:via-yellow-700:focus {
      --gradient-via-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .ssm\:focus\:via-yellow-800:focus {
      --gradient-via-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .ssm\:focus\:via-yellow-900:focus {
      --gradient-via-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .ssm\:focus\:via-green-100:focus {
      --gradient-via-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .ssm\:focus\:via-green-200:focus {
      --gradient-via-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .ssm\:focus\:via-green-300:focus {
      --gradient-via-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .ssm\:focus\:via-green-400:focus {
      --gradient-via-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .ssm\:focus\:via-green-500:focus {
      --gradient-via-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .ssm\:focus\:via-green-600:focus {
      --gradient-via-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .ssm\:focus\:via-green-700:focus {
      --gradient-via-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .ssm\:focus\:via-green-800:focus {
      --gradient-via-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .ssm\:focus\:via-green-900:focus {
      --gradient-via-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .ssm\:focus\:via-teal-100:focus {
      --gradient-via-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .ssm\:focus\:via-teal-200:focus {
      --gradient-via-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .ssm\:focus\:via-teal-300:focus {
      --gradient-via-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .ssm\:focus\:via-teal-400:focus {
      --gradient-via-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .ssm\:focus\:via-teal-500:focus {
      --gradient-via-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .ssm\:focus\:via-teal-600:focus {
      --gradient-via-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .ssm\:focus\:via-teal-700:focus {
      --gradient-via-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .ssm\:focus\:via-teal-800:focus {
      --gradient-via-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .ssm\:focus\:via-teal-900:focus {
      --gradient-via-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .ssm\:focus\:via-blue-100:focus {
      --gradient-via-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .ssm\:focus\:via-blue-200:focus {
      --gradient-via-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .ssm\:focus\:via-blue-300:focus {
      --gradient-via-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .ssm\:focus\:via-blue-400:focus {
      --gradient-via-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .ssm\:focus\:via-blue-500:focus {
      --gradient-via-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .ssm\:focus\:via-blue-600:focus {
      --gradient-via-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .ssm\:focus\:via-blue-700:focus {
      --gradient-via-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .ssm\:focus\:via-blue-800:focus {
      --gradient-via-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .ssm\:focus\:via-blue-900:focus {
      --gradient-via-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .ssm\:focus\:via-indigo-100:focus {
      --gradient-via-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .ssm\:focus\:via-indigo-200:focus {
      --gradient-via-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .ssm\:focus\:via-indigo-300:focus {
      --gradient-via-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .ssm\:focus\:via-indigo-400:focus {
      --gradient-via-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .ssm\:focus\:via-indigo-500:focus {
      --gradient-via-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .ssm\:focus\:via-indigo-600:focus {
      --gradient-via-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .ssm\:focus\:via-indigo-700:focus {
      --gradient-via-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .ssm\:focus\:via-indigo-800:focus {
      --gradient-via-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .ssm\:focus\:via-indigo-900:focus {
      --gradient-via-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .ssm\:focus\:via-purple-100:focus {
      --gradient-via-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .ssm\:focus\:via-purple-200:focus {
      --gradient-via-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .ssm\:focus\:via-purple-300:focus {
      --gradient-via-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .ssm\:focus\:via-purple-400:focus {
      --gradient-via-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .ssm\:focus\:via-purple-500:focus {
      --gradient-via-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .ssm\:focus\:via-purple-600:focus {
      --gradient-via-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .ssm\:focus\:via-purple-700:focus {
      --gradient-via-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .ssm\:focus\:via-purple-800:focus {
      --gradient-via-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .ssm\:focus\:via-purple-900:focus {
      --gradient-via-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .ssm\:focus\:via-pink-100:focus {
      --gradient-via-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .ssm\:focus\:via-pink-200:focus {
      --gradient-via-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .ssm\:focus\:via-pink-300:focus {
      --gradient-via-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .ssm\:focus\:via-pink-400:focus {
      --gradient-via-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .ssm\:focus\:via-pink-500:focus {
      --gradient-via-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .ssm\:focus\:via-pink-600:focus {
      --gradient-via-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .ssm\:focus\:via-pink-700:focus {
      --gradient-via-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .ssm\:focus\:via-pink-800:focus {
      --gradient-via-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .ssm\:focus\:via-pink-900:focus {
      --gradient-via-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .ssm\:focus\:to-transparent:focus {
      --gradient-to-color: transparent;
    }
  
    .ssm\:focus\:to-current:focus {
      --gradient-to-color: currentColor;
    }
  
    .ssm\:focus\:to-black:focus {
      --gradient-to-color: #000;
    }
  
    .ssm\:focus\:to-white:focus {
      --gradient-to-color: #fff;
    }
  
    .ssm\:focus\:to-gray-100:focus {
      --gradient-to-color: #f7fafc;
    }
  
    .ssm\:focus\:to-gray-200:focus {
      --gradient-to-color: #edf2f7;
    }
  
    .ssm\:focus\:to-gray-300:focus {
      --gradient-to-color: #e2e8f0;
    }
  
    .ssm\:focus\:to-gray-400:focus {
      --gradient-to-color: #cbd5e0;
    }
  
    .ssm\:focus\:to-gray-500:focus {
      --gradient-to-color: #a0aec0;
    }
  
    .ssm\:focus\:to-gray-600:focus {
      --gradient-to-color: #718096;
    }
  
    .ssm\:focus\:to-gray-700:focus {
      --gradient-to-color: #4a5568;
    }
  
    .ssm\:focus\:to-gray-800:focus {
      --gradient-to-color: #2d3748;
    }
  
    .ssm\:focus\:to-gray-900:focus {
      --gradient-to-color: #1a202c;
    }
  
    .ssm\:focus\:to-red-100:focus {
      --gradient-to-color: #fff5f5;
    }
  
    .ssm\:focus\:to-red-200:focus {
      --gradient-to-color: #fed7d7;
    }
  
    .ssm\:focus\:to-red-300:focus {
      --gradient-to-color: #feb2b2;
    }
  
    .ssm\:focus\:to-red-400:focus {
      --gradient-to-color: #fc8181;
    }
  
    .ssm\:focus\:to-red-500:focus {
      --gradient-to-color: #f56565;
    }
  
    .ssm\:focus\:to-red-600:focus {
      --gradient-to-color: #e53e3e;
    }
  
    .ssm\:focus\:to-red-700:focus {
      --gradient-to-color: #c53030;
    }
  
    .ssm\:focus\:to-red-800:focus {
      --gradient-to-color: #9b2c2c;
    }
  
    .ssm\:focus\:to-red-900:focus {
      --gradient-to-color: #742a2a;
    }
  
    .ssm\:focus\:to-orange-100:focus {
      --gradient-to-color: #fffaf0;
    }
  
    .ssm\:focus\:to-orange-200:focus {
      --gradient-to-color: #feebc8;
    }
  
    .ssm\:focus\:to-orange-300:focus {
      --gradient-to-color: #fbd38d;
    }
  
    .ssm\:focus\:to-orange-400:focus {
      --gradient-to-color: #f6ad55;
    }
  
    .ssm\:focus\:to-orange-500:focus {
      --gradient-to-color: #ed8936;
    }
  
    .ssm\:focus\:to-orange-600:focus {
      --gradient-to-color: #dd6b20;
    }
  
    .ssm\:focus\:to-orange-700:focus {
      --gradient-to-color: #c05621;
    }
  
    .ssm\:focus\:to-orange-800:focus {
      --gradient-to-color: #9c4221;
    }
  
    .ssm\:focus\:to-orange-900:focus {
      --gradient-to-color: #7b341e;
    }
  
    .ssm\:focus\:to-yellow-100:focus {
      --gradient-to-color: #fffff0;
    }
  
    .ssm\:focus\:to-yellow-200:focus {
      --gradient-to-color: #fefcbf;
    }
  
    .ssm\:focus\:to-yellow-300:focus {
      --gradient-to-color: #faf089;
    }
  
    .ssm\:focus\:to-yellow-400:focus {
      --gradient-to-color: #f6e05e;
    }
  
    .ssm\:focus\:to-yellow-500:focus {
      --gradient-to-color: #ecc94b;
    }
  
    .ssm\:focus\:to-yellow-600:focus {
      --gradient-to-color: #d69e2e;
    }
  
    .ssm\:focus\:to-yellow-700:focus {
      --gradient-to-color: #b7791f;
    }
  
    .ssm\:focus\:to-yellow-800:focus {
      --gradient-to-color: #975a16;
    }
  
    .ssm\:focus\:to-yellow-900:focus {
      --gradient-to-color: #744210;
    }
  
    .ssm\:focus\:to-green-100:focus {
      --gradient-to-color: #f0fff4;
    }
  
    .ssm\:focus\:to-green-200:focus {
      --gradient-to-color: #c6f6d5;
    }
  
    .ssm\:focus\:to-green-300:focus {
      --gradient-to-color: #9ae6b4;
    }
  
    .ssm\:focus\:to-green-400:focus {
      --gradient-to-color: #68d391;
    }
  
    .ssm\:focus\:to-green-500:focus {
      --gradient-to-color: #48bb78;
    }
  
    .ssm\:focus\:to-green-600:focus {
      --gradient-to-color: #38a169;
    }
  
    .ssm\:focus\:to-green-700:focus {
      --gradient-to-color: #2f855a;
    }
  
    .ssm\:focus\:to-green-800:focus {
      --gradient-to-color: #276749;
    }
  
    .ssm\:focus\:to-green-900:focus {
      --gradient-to-color: #22543d;
    }
  
    .ssm\:focus\:to-teal-100:focus {
      --gradient-to-color: #e6fffa;
    }
  
    .ssm\:focus\:to-teal-200:focus {
      --gradient-to-color: #b2f5ea;
    }
  
    .ssm\:focus\:to-teal-300:focus {
      --gradient-to-color: #81e6d9;
    }
  
    .ssm\:focus\:to-teal-400:focus {
      --gradient-to-color: #4fd1c5;
    }
  
    .ssm\:focus\:to-teal-500:focus {
      --gradient-to-color: #38b2ac;
    }
  
    .ssm\:focus\:to-teal-600:focus {
      --gradient-to-color: #319795;
    }
  
    .ssm\:focus\:to-teal-700:focus {
      --gradient-to-color: #2c7a7b;
    }
  
    .ssm\:focus\:to-teal-800:focus {
      --gradient-to-color: #285e61;
    }
  
    .ssm\:focus\:to-teal-900:focus {
      --gradient-to-color: #234e52;
    }
  
    .ssm\:focus\:to-blue-100:focus {
      --gradient-to-color: #ebf8ff;
    }
  
    .ssm\:focus\:to-blue-200:focus {
      --gradient-to-color: #bee3f8;
    }
  
    .ssm\:focus\:to-blue-300:focus {
      --gradient-to-color: #90cdf4;
    }
  
    .ssm\:focus\:to-blue-400:focus {
      --gradient-to-color: #63b3ed;
    }
  
    .ssm\:focus\:to-blue-500:focus {
      --gradient-to-color: #4299e1;
    }
  
    .ssm\:focus\:to-blue-600:focus {
      --gradient-to-color: #3182ce;
    }
  
    .ssm\:focus\:to-blue-700:focus {
      --gradient-to-color: #2b6cb0;
    }
  
    .ssm\:focus\:to-blue-800:focus {
      --gradient-to-color: #2c5282;
    }
  
    .ssm\:focus\:to-blue-900:focus {
      --gradient-to-color: #2a4365;
    }
  
    .ssm\:focus\:to-indigo-100:focus {
      --gradient-to-color: #ebf4ff;
    }
  
    .ssm\:focus\:to-indigo-200:focus {
      --gradient-to-color: #c3dafe;
    }
  
    .ssm\:focus\:to-indigo-300:focus {
      --gradient-to-color: #a3bffa;
    }
  
    .ssm\:focus\:to-indigo-400:focus {
      --gradient-to-color: #7f9cf5;
    }
  
    .ssm\:focus\:to-indigo-500:focus {
      --gradient-to-color: #667eea;
    }
  
    .ssm\:focus\:to-indigo-600:focus {
      --gradient-to-color: #5a67d8;
    }
  
    .ssm\:focus\:to-indigo-700:focus {
      --gradient-to-color: #4c51bf;
    }
  
    .ssm\:focus\:to-indigo-800:focus {
      --gradient-to-color: #434190;
    }
  
    .ssm\:focus\:to-indigo-900:focus {
      --gradient-to-color: #3c366b;
    }
  
    .ssm\:focus\:to-purple-100:focus {
      --gradient-to-color: #faf5ff;
    }
  
    .ssm\:focus\:to-purple-200:focus {
      --gradient-to-color: #e9d8fd;
    }
  
    .ssm\:focus\:to-purple-300:focus {
      --gradient-to-color: #d6bcfa;
    }
  
    .ssm\:focus\:to-purple-400:focus {
      --gradient-to-color: #b794f4;
    }
  
    .ssm\:focus\:to-purple-500:focus {
      --gradient-to-color: #9f7aea;
    }
  
    .ssm\:focus\:to-purple-600:focus {
      --gradient-to-color: #805ad5;
    }
  
    .ssm\:focus\:to-purple-700:focus {
      --gradient-to-color: #6b46c1;
    }
  
    .ssm\:focus\:to-purple-800:focus {
      --gradient-to-color: #553c9a;
    }
  
    .ssm\:focus\:to-purple-900:focus {
      --gradient-to-color: #44337a;
    }
  
    .ssm\:focus\:to-pink-100:focus {
      --gradient-to-color: #fff5f7;
    }
  
    .ssm\:focus\:to-pink-200:focus {
      --gradient-to-color: #fed7e2;
    }
  
    .ssm\:focus\:to-pink-300:focus {
      --gradient-to-color: #fbb6ce;
    }
  
    .ssm\:focus\:to-pink-400:focus {
      --gradient-to-color: #f687b3;
    }
  
    .ssm\:focus\:to-pink-500:focus {
      --gradient-to-color: #ed64a6;
    }
  
    .ssm\:focus\:to-pink-600:focus {
      --gradient-to-color: #d53f8c;
    }
  
    .ssm\:focus\:to-pink-700:focus {
      --gradient-to-color: #b83280;
    }
  
    .ssm\:focus\:to-pink-800:focus {
      --gradient-to-color: #97266d;
    }
  
    .ssm\:focus\:to-pink-900:focus {
      --gradient-to-color: #702459;
    }
  
    .ssm\:bg-opacity-0 {
      --bg-opacity: 0;
    }
  
    .ssm\:bg-opacity-25 {
      --bg-opacity: 0.25;
    }
  
    .ssm\:bg-opacity-50 {
      --bg-opacity: 0.5;
    }
  
    .ssm\:bg-opacity-75 {
      --bg-opacity: 0.75;
    }
  
    .ssm\:bg-opacity-100 {
      --bg-opacity: 1;
    }
  
    .ssm\:hover\:bg-opacity-0:hover {
      --bg-opacity: 0;
    }
  
    .ssm\:hover\:bg-opacity-25:hover {
      --bg-opacity: 0.25;
    }
  
    .ssm\:hover\:bg-opacity-50:hover {
      --bg-opacity: 0.5;
    }
  
    .ssm\:hover\:bg-opacity-75:hover {
      --bg-opacity: 0.75;
    }
  
    .ssm\:hover\:bg-opacity-100:hover {
      --bg-opacity: 1;
    }
  
    .ssm\:focus\:bg-opacity-0:focus {
      --bg-opacity: 0;
    }
  
    .ssm\:focus\:bg-opacity-25:focus {
      --bg-opacity: 0.25;
    }
  
    .ssm\:focus\:bg-opacity-50:focus {
      --bg-opacity: 0.5;
    }
  
    .ssm\:focus\:bg-opacity-75:focus {
      --bg-opacity: 0.75;
    }
  
    .ssm\:focus\:bg-opacity-100:focus {
      --bg-opacity: 1;
    }
  
    .ssm\:bg-bottom {
      background-position: bottom;
    }
  
    .ssm\:bg-center {
      background-position: center;
    }
  
    .ssm\:bg-left {
      background-position: left;
    }
  
    .ssm\:bg-left-bottom {
      background-position: left bottom;
    }
  
    .ssm\:bg-left-top {
      background-position: left top;
    }
  
    .ssm\:bg-right {
      background-position: right;
    }
  
    .ssm\:bg-right-bottom {
      background-position: right bottom;
    }
  
    .ssm\:bg-right-top {
      background-position: right top;
    }
  
    .ssm\:bg-top {
      background-position: top;
    }
  
    .ssm\:bg-repeat {
      background-repeat: repeat;
    }
  
    .ssm\:bg-no-repeat {
      background-repeat: no-repeat;
    }
  
    .ssm\:bg-repeat-x {
      background-repeat: repeat-x;
    }
  
    .ssm\:bg-repeat-y {
      background-repeat: repeat-y;
    }
  
    .ssm\:bg-repeat-round {
      background-repeat: round;
    }
  
    .ssm\:bg-repeat-space {
      background-repeat: space;
    }
  
    .ssm\:bg-auto {
      background-size: auto;
    }
  
    .ssm\:bg-cover {
      background-size: cover;
    }
  
    .ssm\:bg-contain {
      background-size: contain;
    }
  
    .ssm\:border-collapse {
      border-collapse: collapse;
    }
  
    .ssm\:border-separate {
      border-collapse: separate;
    }
  
    .ssm\:border-transparent {
      border-color: transparent;
    }
  
    .ssm\:border-current {
      border-color: currentColor;
    }
  
    .ssm\:border-black {
      --border-opacity: 1;
      border-color: #000;
      border-color: rgba(0, 0, 0, var(--border-opacity));
    }
  
    .ssm\:border-white {
      --border-opacity: 1;
      border-color: #fff;
      border-color: rgba(255, 255, 255, var(--border-opacity));
    }
  
    .ssm\:border-gray-100 {
      --border-opacity: 1;
      border-color: #f7fafc;
      border-color: rgba(247, 250, 252, var(--border-opacity));
    }
  
    .ssm\:border-gray-200 {
      --border-opacity: 1;
      border-color: #edf2f7;
      border-color: rgba(237, 242, 247, var(--border-opacity));
    }
  
    .ssm\:border-gray-300 {
      --border-opacity: 1;
      border-color: #e2e8f0;
      border-color: rgba(226, 232, 240, var(--border-opacity));
    }
  
    .ssm\:border-gray-400 {
      --border-opacity: 1;
      border-color: #cbd5e0;
      border-color: rgba(203, 213, 224, var(--border-opacity));
    }
  
    .ssm\:border-gray-500 {
      --border-opacity: 1;
      border-color: #a0aec0;
      border-color: rgba(160, 174, 192, var(--border-opacity));
    }
  
    .ssm\:border-gray-600 {
      --border-opacity: 1;
      border-color: #718096;
      border-color: rgba(113, 128, 150, var(--border-opacity));
    }
  
    .ssm\:border-gray-700 {
      --border-opacity: 1;
      border-color: #4a5568;
      border-color: rgba(74, 85, 104, var(--border-opacity));
    }
  
    .ssm\:border-gray-800 {
      --border-opacity: 1;
      border-color: #2d3748;
      border-color: rgba(45, 55, 72, var(--border-opacity));
    }
  
    .ssm\:border-gray-900 {
      --border-opacity: 1;
      border-color: #1a202c;
      border-color: rgba(26, 32, 44, var(--border-opacity));
    }
  
    .ssm\:border-red-100 {
      --border-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--border-opacity));
    }
  
    .ssm\:border-red-200 {
      --border-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--border-opacity));
    }
  
    .ssm\:border-red-300 {
      --border-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--border-opacity));
    }
  
    .ssm\:border-red-400 {
      --border-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--border-opacity));
    }
  
    .ssm\:border-red-500 {
      --border-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--border-opacity));
    }
  
    .ssm\:border-red-600 {
      --border-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--border-opacity));
    }
  
    .ssm\:border-red-700 {
      --border-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--border-opacity));
    }
  
    .ssm\:border-red-800 {
      --border-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--border-opacity));
    }
  
    .ssm\:border-red-900 {
      --border-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--border-opacity));
    }
  
    .ssm\:border-orange-100 {
      --border-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--border-opacity));
    }
  
    .ssm\:border-orange-200 {
      --border-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--border-opacity));
    }
  
    .ssm\:border-orange-300 {
      --border-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--border-opacity));
    }
  
    .ssm\:border-orange-400 {
      --border-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--border-opacity));
    }
  
    .ssm\:border-orange-500 {
      --border-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--border-opacity));
    }
  
    .ssm\:border-orange-600 {
      --border-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--border-opacity));
    }
  
    .ssm\:border-orange-700 {
      --border-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--border-opacity));
    }
  
    .ssm\:border-orange-800 {
      --border-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--border-opacity));
    }
  
    .ssm\:border-orange-900 {
      --border-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--border-opacity));
    }
  
    .ssm\:border-yellow-100 {
      --border-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--border-opacity));
    }
  
    .ssm\:border-yellow-200 {
      --border-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--border-opacity));
    }
  
    .ssm\:border-yellow-300 {
      --border-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--border-opacity));
    }
  
    .ssm\:border-yellow-400 {
      --border-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--border-opacity));
    }
  
    .ssm\:border-yellow-500 {
      --border-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--border-opacity));
    }
  
    .ssm\:border-yellow-600 {
      --border-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--border-opacity));
    }
  
    .ssm\:border-yellow-700 {
      --border-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--border-opacity));
    }
  
    .ssm\:border-yellow-800 {
      --border-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--border-opacity));
    }
  
    .ssm\:border-yellow-900 {
      --border-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--border-opacity));
    }
  
    .ssm\:border-green-100 {
      --border-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--border-opacity));
    }
  
    .ssm\:border-green-200 {
      --border-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--border-opacity));
    }
  
    .ssm\:border-green-300 {
      --border-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--border-opacity));
    }
  
    .ssm\:border-green-400 {
      --border-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--border-opacity));
    }
  
    .ssm\:border-green-500 {
      --border-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--border-opacity));
    }
  
    .ssm\:border-green-600 {
      --border-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--border-opacity));
    }
  
    .ssm\:border-green-700 {
      --border-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--border-opacity));
    }
  
    .ssm\:border-green-800 {
      --border-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--border-opacity));
    }
  
    .ssm\:border-green-900 {
      --border-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--border-opacity));
    }
  
    .ssm\:border-teal-100 {
      --border-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--border-opacity));
    }
  
    .ssm\:border-teal-200 {
      --border-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--border-opacity));
    }
  
    .ssm\:border-teal-300 {
      --border-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--border-opacity));
    }
  
    .ssm\:border-teal-400 {
      --border-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--border-opacity));
    }
  
    .ssm\:border-teal-500 {
      --border-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--border-opacity));
    }
  
    .ssm\:border-teal-600 {
      --border-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--border-opacity));
    }
  
    .ssm\:border-teal-700 {
      --border-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--border-opacity));
    }
  
    .ssm\:border-teal-800 {
      --border-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--border-opacity));
    }
  
    .ssm\:border-teal-900 {
      --border-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--border-opacity));
    }
  
    .ssm\:border-blue-100 {
      --border-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--border-opacity));
    }
  
    .ssm\:border-blue-200 {
      --border-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--border-opacity));
    }
  
    .ssm\:border-blue-300 {
      --border-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--border-opacity));
    }
  
    .ssm\:border-blue-400 {
      --border-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--border-opacity));
    }
  
    .ssm\:border-blue-500 {
      --border-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--border-opacity));
    }
  
    .ssm\:border-blue-600 {
      --border-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--border-opacity));
    }
  
    .ssm\:border-blue-700 {
      --border-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--border-opacity));
    }
  
    .ssm\:border-blue-800 {
      --border-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--border-opacity));
    }
  
    .ssm\:border-blue-900 {
      --border-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--border-opacity));
    }
  
    .ssm\:border-indigo-100 {
      --border-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--border-opacity));
    }
  
    .ssm\:border-indigo-200 {
      --border-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--border-opacity));
    }
  
    .ssm\:border-indigo-300 {
      --border-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--border-opacity));
    }
  
    .ssm\:border-indigo-400 {
      --border-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--border-opacity));
    }
  
    .ssm\:border-indigo-500 {
      --border-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--border-opacity));
    }
  
    .ssm\:border-indigo-600 {
      --border-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--border-opacity));
    }
  
    .ssm\:border-indigo-700 {
      --border-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--border-opacity));
    }
  
    .ssm\:border-indigo-800 {
      --border-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--border-opacity));
    }
  
    .ssm\:border-indigo-900 {
      --border-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--border-opacity));
    }
  
    .ssm\:border-purple-100 {
      --border-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--border-opacity));
    }
  
    .ssm\:border-purple-200 {
      --border-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--border-opacity));
    }
  
    .ssm\:border-purple-300 {
      --border-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--border-opacity));
    }
  
    .ssm\:border-purple-400 {
      --border-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--border-opacity));
    }
  
    .ssm\:border-purple-500 {
      --border-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--border-opacity));
    }
  
    .ssm\:border-purple-600 {
      --border-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--border-opacity));
    }
  
    .ssm\:border-purple-700 {
      --border-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--border-opacity));
    }
  
    .ssm\:border-purple-800 {
      --border-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--border-opacity));
    }
  
    .ssm\:border-purple-900 {
      --border-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--border-opacity));
    }
  
    .ssm\:border-pink-100 {
      --border-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--border-opacity));
    }
  
    .ssm\:border-pink-200 {
      --border-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--border-opacity));
    }
  
    .ssm\:border-pink-300 {
      --border-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--border-opacity));
    }
  
    .ssm\:border-pink-400 {
      --border-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--border-opacity));
    }
  
    .ssm\:border-pink-500 {
      --border-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--border-opacity));
    }
  
    .ssm\:border-pink-600 {
      --border-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--border-opacity));
    }
  
    .ssm\:border-pink-700 {
      --border-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--border-opacity));
    }
  
    .ssm\:border-pink-800 {
      --border-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--border-opacity));
    }
  
    .ssm\:border-pink-900 {
      --border-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, var(--border-opacity));
    }
  
    .ssm\:hover\:border-transparent:hover {
      border-color: transparent;
    }
  
    .ssm\:hover\:border-current:hover {
      border-color: currentColor;
    }
  
    .ssm\:hover\:border-black:hover {
      --border-opacity: 1;
      border-color: #000;
      border-color: rgba(0, 0, 0, var(--border-opacity));
    }
  
    .ssm\:hover\:border-white:hover {
      --border-opacity: 1;
      border-color: #fff;
      border-color: rgba(255, 255, 255, var(--border-opacity));
    }
  
    .ssm\:hover\:border-gray-100:hover {
      --border-opacity: 1;
      border-color: #f7fafc;
      border-color: rgba(247, 250, 252, var(--border-opacity));
    }
  
    .ssm\:hover\:border-gray-200:hover {
      --border-opacity: 1;
      border-color: #edf2f7;
      border-color: rgba(237, 242, 247, var(--border-opacity));
    }
  
    .ssm\:hover\:border-gray-300:hover {
      --border-opacity: 1;
      border-color: #e2e8f0;
      border-color: rgba(226, 232, 240, var(--border-opacity));
    }
  
    .ssm\:hover\:border-gray-400:hover {
      --border-opacity: 1;
      border-color: #cbd5e0;
      border-color: rgba(203, 213, 224, var(--border-opacity));
    }
  
    .ssm\:hover\:border-gray-500:hover {
      --border-opacity: 1;
      border-color: #a0aec0;
      border-color: rgba(160, 174, 192, var(--border-opacity));
    }
  
    .ssm\:hover\:border-gray-600:hover {
      --border-opacity: 1;
      border-color: #718096;
      border-color: rgba(113, 128, 150, var(--border-opacity));
    }
  
    .ssm\:hover\:border-gray-700:hover {
      --border-opacity: 1;
      border-color: #4a5568;
      border-color: rgba(74, 85, 104, var(--border-opacity));
    }
  
    .ssm\:hover\:border-gray-800:hover {
      --border-opacity: 1;
      border-color: #2d3748;
      border-color: rgba(45, 55, 72, var(--border-opacity));
    }
  
    .ssm\:hover\:border-gray-900:hover {
      --border-opacity: 1;
      border-color: #1a202c;
      border-color: rgba(26, 32, 44, var(--border-opacity));
    }
  
    .ssm\:hover\:border-red-100:hover {
      --border-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--border-opacity));
    }
  
    .ssm\:hover\:border-red-200:hover {
      --border-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--border-opacity));
    }
  
    .ssm\:hover\:border-red-300:hover {
      --border-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--border-opacity));
    }
  
    .ssm\:hover\:border-red-400:hover {
      --border-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--border-opacity));
    }
  
    .ssm\:hover\:border-red-500:hover {
      --border-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--border-opacity));
    }
  
    .ssm\:hover\:border-red-600:hover {
      --border-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--border-opacity));
    }
  
    .ssm\:hover\:border-red-700:hover {
      --border-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--border-opacity));
    }
  
    .ssm\:hover\:border-red-800:hover {
      --border-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--border-opacity));
    }
  
    .ssm\:hover\:border-red-900:hover {
      --border-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--border-opacity));
    }
  
    .ssm\:hover\:border-orange-100:hover {
      --border-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--border-opacity));
    }
  
    .ssm\:hover\:border-orange-200:hover {
      --border-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--border-opacity));
    }
  
    .ssm\:hover\:border-orange-300:hover {
      --border-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--border-opacity));
    }
  
    .ssm\:hover\:border-orange-400:hover {
      --border-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--border-opacity));
    }
  
    .ssm\:hover\:border-orange-500:hover {
      --border-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--border-opacity));
    }
  
    .ssm\:hover\:border-orange-600:hover {
      --border-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--border-opacity));
    }
  
    .ssm\:hover\:border-orange-700:hover {
      --border-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--border-opacity));
    }
  
    .ssm\:hover\:border-orange-800:hover {
      --border-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--border-opacity));
    }
  
    .ssm\:hover\:border-orange-900:hover {
      --border-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--border-opacity));
    }
  
    .ssm\:hover\:border-yellow-100:hover {
      --border-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--border-opacity));
    }
  
    .ssm\:hover\:border-yellow-200:hover {
      --border-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--border-opacity));
    }
  
    .ssm\:hover\:border-yellow-300:hover {
      --border-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--border-opacity));
    }
  
    .ssm\:hover\:border-yellow-400:hover {
      --border-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--border-opacity));
    }
  
    .ssm\:hover\:border-yellow-500:hover {
      --border-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--border-opacity));
    }
  
    .ssm\:hover\:border-yellow-600:hover {
      --border-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--border-opacity));
    }
  
    .ssm\:hover\:border-yellow-700:hover {
      --border-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--border-opacity));
    }
  
    .ssm\:hover\:border-yellow-800:hover {
      --border-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--border-opacity));
    }
  
    .ssm\:hover\:border-yellow-900:hover {
      --border-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--border-opacity));
    }
  
    .ssm\:hover\:border-green-100:hover {
      --border-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--border-opacity));
    }
  
    .ssm\:hover\:border-green-200:hover {
      --border-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--border-opacity));
    }
  
    .ssm\:hover\:border-green-300:hover {
      --border-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--border-opacity));
    }
  
    .ssm\:hover\:border-green-400:hover {
      --border-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--border-opacity));
    }
  
    .ssm\:hover\:border-green-500:hover {
      --border-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--border-opacity));
    }
  
    .ssm\:hover\:border-green-600:hover {
      --border-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--border-opacity));
    }
  
    .ssm\:hover\:border-green-700:hover {
      --border-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--border-opacity));
    }
  
    .ssm\:hover\:border-green-800:hover {
      --border-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--border-opacity));
    }
  
    .ssm\:hover\:border-green-900:hover {
      --border-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--border-opacity));
    }
  
    .ssm\:hover\:border-teal-100:hover {
      --border-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--border-opacity));
    }
  
    .ssm\:hover\:border-teal-200:hover {
      --border-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--border-opacity));
    }
  
    .ssm\:hover\:border-teal-300:hover {
      --border-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--border-opacity));
    }
  
    .ssm\:hover\:border-teal-400:hover {
      --border-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--border-opacity));
    }
  
    .ssm\:hover\:border-teal-500:hover {
      --border-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--border-opacity));
    }
  
    .ssm\:hover\:border-teal-600:hover {
      --border-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--border-opacity));
    }
  
    .ssm\:hover\:border-teal-700:hover {
      --border-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--border-opacity));
    }
  
    .ssm\:hover\:border-teal-800:hover {
      --border-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--border-opacity));
    }
  
    .ssm\:hover\:border-teal-900:hover {
      --border-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--border-opacity));
    }
  
    .ssm\:hover\:border-blue-100:hover {
      --border-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--border-opacity));
    }
  
    .ssm\:hover\:border-blue-200:hover {
      --border-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--border-opacity));
    }
  
    .ssm\:hover\:border-blue-300:hover {
      --border-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--border-opacity));
    }
  
    .ssm\:hover\:border-blue-400:hover {
      --border-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--border-opacity));
    }
  
    .ssm\:hover\:border-blue-500:hover {
      --border-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--border-opacity));
    }
  
    .ssm\:hover\:border-blue-600:hover {
      --border-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--border-opacity));
    }
  
    .ssm\:hover\:border-blue-700:hover {
      --border-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--border-opacity));
    }
  
    .ssm\:hover\:border-blue-800:hover {
      --border-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--border-opacity));
    }
  
    .ssm\:hover\:border-blue-900:hover {
      --border-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--border-opacity));
    }
  
    .ssm\:hover\:border-indigo-100:hover {
      --border-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--border-opacity));
    }
  
    .ssm\:hover\:border-indigo-200:hover {
      --border-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--border-opacity));
    }
  
    .ssm\:hover\:border-indigo-300:hover {
      --border-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--border-opacity));
    }
  
    .ssm\:hover\:border-indigo-400:hover {
      --border-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--border-opacity));
    }
  
    .ssm\:hover\:border-indigo-500:hover {
      --border-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--border-opacity));
    }
  
    .ssm\:hover\:border-indigo-600:hover {
      --border-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--border-opacity));
    }
  
    .ssm\:hover\:border-indigo-700:hover {
      --border-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--border-opacity));
    }
  
    .ssm\:hover\:border-indigo-800:hover {
      --border-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--border-opacity));
    }
  
    .ssm\:hover\:border-indigo-900:hover {
      --border-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--border-opacity));
    }
  
    .ssm\:hover\:border-purple-100:hover {
      --border-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--border-opacity));
    }
  
    .ssm\:hover\:border-purple-200:hover {
      --border-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--border-opacity));
    }
  
    .ssm\:hover\:border-purple-300:hover {
      --border-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--border-opacity));
    }
  
    .ssm\:hover\:border-purple-400:hover {
      --border-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--border-opacity));
    }
  
    .ssm\:hover\:border-purple-500:hover {
      --border-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--border-opacity));
    }
  
    .ssm\:hover\:border-purple-600:hover {
      --border-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--border-opacity));
    }
  
    .ssm\:hover\:border-purple-700:hover {
      --border-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--border-opacity));
    }
  
    .ssm\:hover\:border-purple-800:hover {
      --border-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--border-opacity));
    }
  
    .ssm\:hover\:border-purple-900:hover {
      --border-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--border-opacity));
    }
  
    .ssm\:hover\:border-pink-100:hover {
      --border-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--border-opacity));
    }
  
    .ssm\:hover\:border-pink-200:hover {
      --border-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--border-opacity));
    }
  
    .ssm\:hover\:border-pink-300:hover {
      --border-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--border-opacity));
    }
  
    .ssm\:hover\:border-pink-400:hover {
      --border-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--border-opacity));
    }
  
    .ssm\:hover\:border-pink-500:hover {
      --border-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--border-opacity));
    }
  
    .ssm\:hover\:border-pink-600:hover {
      --border-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--border-opacity));
    }
  
    .ssm\:hover\:border-pink-700:hover {
      --border-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--border-opacity));
    }
  
    .ssm\:hover\:border-pink-800:hover {
      --border-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--border-opacity));
    }
  
    .ssm\:hover\:border-pink-900:hover {
      --border-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, var(--border-opacity));
    }
  
    .ssm\:focus\:border-transparent:focus {
      border-color: transparent;
    }
  
    .ssm\:focus\:border-current:focus {
      border-color: currentColor;
    }
  
    .ssm\:focus\:border-black:focus {
      --border-opacity: 1;
      border-color: #000;
      border-color: rgba(0, 0, 0, var(--border-opacity));
    }
  
    .ssm\:focus\:border-white:focus {
      --border-opacity: 1;
      border-color: #fff;
      border-color: rgba(255, 255, 255, var(--border-opacity));
    }
  
    .ssm\:focus\:border-gray-100:focus {
      --border-opacity: 1;
      border-color: #f7fafc;
      border-color: rgba(247, 250, 252, var(--border-opacity));
    }
  
    .ssm\:focus\:border-gray-200:focus {
      --border-opacity: 1;
      border-color: #edf2f7;
      border-color: rgba(237, 242, 247, var(--border-opacity));
    }
  
    .ssm\:focus\:border-gray-300:focus {
      --border-opacity: 1;
      border-color: #e2e8f0;
      border-color: rgba(226, 232, 240, var(--border-opacity));
    }
  
    .ssm\:focus\:border-gray-400:focus {
      --border-opacity: 1;
      border-color: #cbd5e0;
      border-color: rgba(203, 213, 224, var(--border-opacity));
    }
  
    .ssm\:focus\:border-gray-500:focus {
      --border-opacity: 1;
      border-color: #a0aec0;
      border-color: rgba(160, 174, 192, var(--border-opacity));
    }
  
    .ssm\:focus\:border-gray-600:focus {
      --border-opacity: 1;
      border-color: #718096;
      border-color: rgba(113, 128, 150, var(--border-opacity));
    }
  
    .ssm\:focus\:border-gray-700:focus {
      --border-opacity: 1;
      border-color: #4a5568;
      border-color: rgba(74, 85, 104, var(--border-opacity));
    }
  
    .ssm\:focus\:border-gray-800:focus {
      --border-opacity: 1;
      border-color: #2d3748;
      border-color: rgba(45, 55, 72, var(--border-opacity));
    }
  
    .ssm\:focus\:border-gray-900:focus {
      --border-opacity: 1;
      border-color: #1a202c;
      border-color: rgba(26, 32, 44, var(--border-opacity));
    }
  
    .ssm\:focus\:border-red-100:focus {
      --border-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--border-opacity));
    }
  
    .ssm\:focus\:border-red-200:focus {
      --border-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--border-opacity));
    }
  
    .ssm\:focus\:border-red-300:focus {
      --border-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--border-opacity));
    }
  
    .ssm\:focus\:border-red-400:focus {
      --border-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--border-opacity));
    }
  
    .ssm\:focus\:border-red-500:focus {
      --border-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--border-opacity));
    }
  
    .ssm\:focus\:border-red-600:focus {
      --border-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--border-opacity));
    }
  
    .ssm\:focus\:border-red-700:focus {
      --border-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--border-opacity));
    }
  
    .ssm\:focus\:border-red-800:focus {
      --border-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--border-opacity));
    }
  
    .ssm\:focus\:border-red-900:focus {
      --border-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--border-opacity));
    }
  
    .ssm\:focus\:border-orange-100:focus {
      --border-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--border-opacity));
    }
  
    .ssm\:focus\:border-orange-200:focus {
      --border-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--border-opacity));
    }
  
    .ssm\:focus\:border-orange-300:focus {
      --border-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--border-opacity));
    }
  
    .ssm\:focus\:border-orange-400:focus {
      --border-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--border-opacity));
    }
  
    .ssm\:focus\:border-orange-500:focus {
      --border-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--border-opacity));
    }
  
    .ssm\:focus\:border-orange-600:focus {
      --border-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--border-opacity));
    }
  
    .ssm\:focus\:border-orange-700:focus {
      --border-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--border-opacity));
    }
  
    .ssm\:focus\:border-orange-800:focus {
      --border-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--border-opacity));
    }
  
    .ssm\:focus\:border-orange-900:focus {
      --border-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--border-opacity));
    }
  
    .ssm\:focus\:border-yellow-100:focus {
      --border-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--border-opacity));
    }
  
    .ssm\:focus\:border-yellow-200:focus {
      --border-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--border-opacity));
    }
  
    .ssm\:focus\:border-yellow-300:focus {
      --border-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--border-opacity));
    }
  
    .ssm\:focus\:border-yellow-400:focus {
      --border-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--border-opacity));
    }
  
    .ssm\:focus\:border-yellow-500:focus {
      --border-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--border-opacity));
    }
  
    .ssm\:focus\:border-yellow-600:focus {
      --border-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--border-opacity));
    }
  
    .ssm\:focus\:border-yellow-700:focus {
      --border-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--border-opacity));
    }
  
    .ssm\:focus\:border-yellow-800:focus {
      --border-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--border-opacity));
    }
  
    .ssm\:focus\:border-yellow-900:focus {
      --border-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--border-opacity));
    }
  
    .ssm\:focus\:border-green-100:focus {
      --border-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--border-opacity));
    }
  
    .ssm\:focus\:border-green-200:focus {
      --border-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--border-opacity));
    }
  
    .ssm\:focus\:border-green-300:focus {
      --border-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--border-opacity));
    }
  
    .ssm\:focus\:border-green-400:focus {
      --border-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--border-opacity));
    }
  
    .ssm\:focus\:border-green-500:focus {
      --border-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--border-opacity));
    }
  
    .ssm\:focus\:border-green-600:focus {
      --border-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--border-opacity));
    }
  
    .ssm\:focus\:border-green-700:focus {
      --border-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--border-opacity));
    }
  
    .ssm\:focus\:border-green-800:focus {
      --border-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--border-opacity));
    }
  
    .ssm\:focus\:border-green-900:focus {
      --border-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--border-opacity));
    }
  
    .ssm\:focus\:border-teal-100:focus {
      --border-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--border-opacity));
    }
  
    .ssm\:focus\:border-teal-200:focus {
      --border-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--border-opacity));
    }
  
    .ssm\:focus\:border-teal-300:focus {
      --border-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--border-opacity));
    }
  
    .ssm\:focus\:border-teal-400:focus {
      --border-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--border-opacity));
    }
  
    .ssm\:focus\:border-teal-500:focus {
      --border-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--border-opacity));
    }
  
    .ssm\:focus\:border-teal-600:focus {
      --border-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--border-opacity));
    }
  
    .ssm\:focus\:border-teal-700:focus {
      --border-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--border-opacity));
    }
  
    .ssm\:focus\:border-teal-800:focus {
      --border-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--border-opacity));
    }
  
    .ssm\:focus\:border-teal-900:focus {
      --border-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--border-opacity));
    }
  
    .ssm\:focus\:border-blue-100:focus {
      --border-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--border-opacity));
    }
  
    .ssm\:focus\:border-blue-200:focus {
      --border-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--border-opacity));
    }
  
    .ssm\:focus\:border-blue-300:focus {
      --border-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--border-opacity));
    }
  
    .ssm\:focus\:border-blue-400:focus {
      --border-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--border-opacity));
    }
  
    .ssm\:focus\:border-blue-500:focus {
      --border-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--border-opacity));
    }
  
    .ssm\:focus\:border-blue-600:focus {
      --border-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--border-opacity));
    }
  
    .ssm\:focus\:border-blue-700:focus {
      --border-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--border-opacity));
    }
  
    .ssm\:focus\:border-blue-800:focus {
      --border-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--border-opacity));
    }
  
    .ssm\:focus\:border-blue-900:focus {
      --border-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--border-opacity));
    }
  
    .ssm\:focus\:border-indigo-100:focus {
      --border-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--border-opacity));
    }
  
    .ssm\:focus\:border-indigo-200:focus {
      --border-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--border-opacity));
    }
  
    .ssm\:focus\:border-indigo-300:focus {
      --border-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--border-opacity));
    }
  
    .ssm\:focus\:border-indigo-400:focus {
      --border-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--border-opacity));
    }
  
    .ssm\:focus\:border-indigo-500:focus {
      --border-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--border-opacity));
    }
  
    .ssm\:focus\:border-indigo-600:focus {
      --border-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--border-opacity));
    }
  
    .ssm\:focus\:border-indigo-700:focus {
      --border-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--border-opacity));
    }
  
    .ssm\:focus\:border-indigo-800:focus {
      --border-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--border-opacity));
    }
  
    .ssm\:focus\:border-indigo-900:focus {
      --border-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--border-opacity));
    }
  
    .ssm\:focus\:border-purple-100:focus {
      --border-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--border-opacity));
    }
  
    .ssm\:focus\:border-purple-200:focus {
      --border-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--border-opacity));
    }
  
    .ssm\:focus\:border-purple-300:focus {
      --border-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--border-opacity));
    }
  
    .ssm\:focus\:border-purple-400:focus {
      --border-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--border-opacity));
    }
  
    .ssm\:focus\:border-purple-500:focus {
      --border-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--border-opacity));
    }
  
    .ssm\:focus\:border-purple-600:focus {
      --border-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--border-opacity));
    }
  
    .ssm\:focus\:border-purple-700:focus {
      --border-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--border-opacity));
    }
  
    .ssm\:focus\:border-purple-800:focus {
      --border-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--border-opacity));
    }
  
    .ssm\:focus\:border-purple-900:focus {
      --border-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--border-opacity));
    }
  
    .ssm\:focus\:border-pink-100:focus {
      --border-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--border-opacity));
    }
  
    .ssm\:focus\:border-pink-200:focus {
      --border-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--border-opacity));
    }
  
    .ssm\:focus\:border-pink-300:focus {
      --border-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--border-opacity));
    }
  
    .ssm\:focus\:border-pink-400:focus {
      --border-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--border-opacity));
    }
  
    .ssm\:focus\:border-pink-500:focus {
      --border-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--border-opacity));
    }
  
    .ssm\:focus\:border-pink-600:focus {
      --border-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--border-opacity));
    }
  
    .ssm\:focus\:border-pink-700:focus {
      --border-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--border-opacity));
    }
  
    .ssm\:focus\:border-pink-800:focus {
      --border-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--border-opacity));
    }
  
    .ssm\:focus\:border-pink-900:focus {
      --border-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, var(--border-opacity));
    }
  
    .ssm\:border-opacity-0 {
      --border-opacity: 0;
    }
  
    .ssm\:border-opacity-25 {
      --border-opacity: 0.25;
    }
  
    .ssm\:border-opacity-50 {
      --border-opacity: 0.5;
    }
  
    .ssm\:border-opacity-75 {
      --border-opacity: 0.75;
    }
  
    .ssm\:border-opacity-100 {
      --border-opacity: 1;
    }
  
    .ssm\:hover\:border-opacity-0:hover {
      --border-opacity: 0;
    }
  
    .ssm\:hover\:border-opacity-25:hover {
      --border-opacity: 0.25;
    }
  
    .ssm\:hover\:border-opacity-50:hover {
      --border-opacity: 0.5;
    }
  
    .ssm\:hover\:border-opacity-75:hover {
      --border-opacity: 0.75;
    }
  
    .ssm\:hover\:border-opacity-100:hover {
      --border-opacity: 1;
    }
  
    .ssm\:focus\:border-opacity-0:focus {
      --border-opacity: 0;
    }
  
    .ssm\:focus\:border-opacity-25:focus {
      --border-opacity: 0.25;
    }
  
    .ssm\:focus\:border-opacity-50:focus {
      --border-opacity: 0.5;
    }
  
    .ssm\:focus\:border-opacity-75:focus {
      --border-opacity: 0.75;
    }
  
    .ssm\:focus\:border-opacity-100:focus {
      --border-opacity: 1;
    }
  
    .ssm\:rounded-none {
      border-radius: 0;
    }
  
    .ssm\:rounded-sm {
      border-radius: 0.125rem;
    }
  
    .ssm\:rounded {
      border-radius: 0.25rem;
    }
  
    .ssm\:rounded-md {
      border-radius: 0.375rem;
    }
  
    .ssm\:rounded-lg {
      border-radius: 0.5rem;
    }
  
    .ssm\:rounded-full {
      border-radius: 9999px;
    }
  
    .ssm\:rounded-t-none {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
  
    .ssm\:rounded-r-none {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  
    .ssm\:rounded-b-none {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }
  
    .ssm\:rounded-l-none {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  
    .ssm\:rounded-t-sm {
      border-top-left-radius: 0.125rem;
      border-top-right-radius: 0.125rem;
    }
  
    .ssm\:rounded-r-sm {
      border-top-right-radius: 0.125rem;
      border-bottom-right-radius: 0.125rem;
    }
  
    .ssm\:rounded-b-sm {
      border-bottom-right-radius: 0.125rem;
      border-bottom-left-radius: 0.125rem;
    }
  
    .ssm\:rounded-l-sm {
      border-top-left-radius: 0.125rem;
      border-bottom-left-radius: 0.125rem;
    }
  
    .ssm\:rounded-t {
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem;
    }
  
    .ssm\:rounded-r {
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
    }
  
    .ssm\:rounded-b {
      border-bottom-right-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }
  
    .ssm\:rounded-l {
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
    }
  
    .ssm\:rounded-t-md {
      border-top-left-radius: 0.375rem;
      border-top-right-radius: 0.375rem;
    }
  
    .ssm\:rounded-r-md {
      border-top-right-radius: 0.375rem;
      border-bottom-right-radius: 0.375rem;
    }
  
    .ssm\:rounded-b-md {
      border-bottom-right-radius: 0.375rem;
      border-bottom-left-radius: 0.375rem;
    }
  
    .ssm\:rounded-l-md {
      border-top-left-radius: 0.375rem;
      border-bottom-left-radius: 0.375rem;
    }
  
    .ssm\:rounded-t-lg {
      border-top-left-radius: 0.5rem;
      border-top-right-radius: 0.5rem;
    }
  
    .ssm\:rounded-r-lg {
      border-top-right-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem;
    }
  
    .ssm\:rounded-b-lg {
      border-bottom-right-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
    }
  
    .ssm\:rounded-l-lg {
      border-top-left-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
    }
  
    .ssm\:rounded-t-full {
      border-top-left-radius: 9999px;
      border-top-right-radius: 9999px;
    }
  
    .ssm\:rounded-r-full {
      border-top-right-radius: 9999px;
      border-bottom-right-radius: 9999px;
    }
  
    .ssm\:rounded-b-full {
      border-bottom-right-radius: 9999px;
      border-bottom-left-radius: 9999px;
    }
  
    .ssm\:rounded-l-full {
      border-top-left-radius: 9999px;
      border-bottom-left-radius: 9999px;
    }
  
    .ssm\:rounded-tl-none {
      border-top-left-radius: 0;
    }
  
    .ssm\:rounded-tr-none {
      border-top-right-radius: 0;
    }
  
    .ssm\:rounded-br-none {
      border-bottom-right-radius: 0;
    }
  
    .ssm\:rounded-bl-none {
      border-bottom-left-radius: 0;
    }
  
    .ssm\:rounded-tl-sm {
      border-top-left-radius: 0.125rem;
    }
  
    .ssm\:rounded-tr-sm {
      border-top-right-radius: 0.125rem;
    }
  
    .ssm\:rounded-br-sm {
      border-bottom-right-radius: 0.125rem;
    }
  
    .ssm\:rounded-bl-sm {
      border-bottom-left-radius: 0.125rem;
    }
  
    .ssm\:rounded-tl {
      border-top-left-radius: 0.25rem;
    }
  
    .ssm\:rounded-tr {
      border-top-right-radius: 0.25rem;
    }
  
    .ssm\:rounded-br {
      border-bottom-right-radius: 0.25rem;
    }
  
    .ssm\:rounded-bl {
      border-bottom-left-radius: 0.25rem;
    }
  
    .ssm\:rounded-tl-md {
      border-top-left-radius: 0.375rem;
    }
  
    .ssm\:rounded-tr-md {
      border-top-right-radius: 0.375rem;
    }
  
    .ssm\:rounded-br-md {
      border-bottom-right-radius: 0.375rem;
    }
  
    .ssm\:rounded-bl-md {
      border-bottom-left-radius: 0.375rem;
    }
  
    .ssm\:rounded-tl-lg {
      border-top-left-radius: 0.5rem;
    }
  
    .ssm\:rounded-tr-lg {
      border-top-right-radius: 0.5rem;
    }
  
    .ssm\:rounded-br-lg {
      border-bottom-right-radius: 0.5rem;
    }
  
    .ssm\:rounded-bl-lg {
      border-bottom-left-radius: 0.5rem;
    }
  
    .ssm\:rounded-tl-full {
      border-top-left-radius: 9999px;
    }
  
    .ssm\:rounded-tr-full {
      border-top-right-radius: 9999px;
    }
  
    .ssm\:rounded-br-full {
      border-bottom-right-radius: 9999px;
    }
  
    .ssm\:rounded-bl-full {
      border-bottom-left-radius: 9999px;
    }
  
    .ssm\:border-solid {
      border-style: solid;
    }
  
    .ssm\:border-dashed {
      border-style: dashed;
    }
  
    .ssm\:border-dotted {
      border-style: dotted;
    }
  
    .ssm\:border-double {
      border-style: double;
    }
  
    .ssm\:border-none {
      border-style: none;
    }
  
    .ssm\:border-0 {
      border-width: 0;
    }
  
    .ssm\:border-2 {
      border-width: 2px;
    }
  
    .ssm\:border-4 {
      border-width: 4px;
    }
  
    .ssm\:border-8 {
      border-width: 8px;
    }
  
    .ssm\:border {
      border-width: 1px;
    }
  
    .ssm\:border-t-0 {
      border-top-width: 0;
    }
  
    .ssm\:border-r-0 {
      border-right-width: 0;
    }
  
    .ssm\:border-b-0 {
      border-bottom-width: 0;
    }
  
    .ssm\:border-l-0 {
      border-left-width: 0;
    }
  
    .ssm\:border-t-2 {
      border-top-width: 2px;
    }
  
    .ssm\:border-r-2 {
      border-right-width: 2px;
    }
  
    .ssm\:border-b-2 {
      border-bottom-width: 2px;
    }
  
    .ssm\:border-l-2 {
      border-left-width: 2px;
    }
  
    .ssm\:border-t-4 {
      border-top-width: 4px;
    }
  
    .ssm\:border-r-4 {
      border-right-width: 4px;
    }
  
    .ssm\:border-b-4 {
      border-bottom-width: 4px;
    }
  
    .ssm\:border-l-4 {
      border-left-width: 4px;
    }
  
    .ssm\:border-t-8 {
      border-top-width: 8px;
    }
  
    .ssm\:border-r-8 {
      border-right-width: 8px;
    }
  
    .ssm\:border-b-8 {
      border-bottom-width: 8px;
    }
  
    .ssm\:border-l-8 {
      border-left-width: 8px;
    }
  
    .ssm\:border-t {
      border-top-width: 1px;
    }
  
    .ssm\:border-r {
      border-right-width: 1px;
    }
  
    .ssm\:border-b {
      border-bottom-width: 1px;
    }
  
    .ssm\:border-l {
      border-left-width: 1px;
    }
  
    .ssm\:box-border {
      box-sizing: border-box;
    }
  
    .ssm\:box-content {
      box-sizing: content-box;
    }
  
    .ssm\:cursor-auto {
      cursor: auto;
    }
  
    .ssm\:cursor-default {
      cursor: default;
    }
  
    .ssm\:cursor-pointer {
      cursor: pointer;
    }
  
    .ssm\:cursor-wait {
      cursor: wait;
    }
  
    .ssm\:cursor-text {
      cursor: text;
    }
  
    .ssm\:cursor-move {
      cursor: move;
    }
  
    .ssm\:cursor-not-allowed {
      cursor: not-allowed;
    }
  
    .ssm\:block {
      display: block;
    }
  
    .ssm\:inline-block {
      display: inline-block;
    }
  
    .ssm\:inline {
      display: inline;
    }
  
    .ssm\:flex {
      display: flex;
    }
  
    .ssm\:inline-flex {
      display: inline-flex;
    }
  
    .ssm\:table {
      display: table;
    }
  
    .ssm\:table-caption {
      display: table-caption;
    }
  
    .ssm\:table-cell {
      display: table-cell;
    }
  
    .ssm\:table-column {
      display: table-column;
    }
  
    .ssm\:table-column-group {
      display: table-column-group;
    }
  
    .ssm\:table-footer-group {
      display: table-footer-group;
    }
  
    .ssm\:table-header-group {
      display: table-header-group;
    }
  
    .ssm\:table-row-group {
      display: table-row-group;
    }
  
    .ssm\:table-row {
      display: table-row;
    }
  
    .ssm\:flow-root {
      display: flow-root;
    }
  
    .ssm\:grid {
      display: grid;
    }
  
    .ssm\:inline-grid {
      display: inline-grid;
    }
  
    .ssm\:contents {
      display: contents;
    }
  
    .ssm\:hidden {
      display: none;
    }
  
    .ssm\:flex-row {
      flex-direction: row;
    }
  
    .ssm\:flex-row-reverse {
      flex-direction: row-reverse;
    }
  
    .ssm\:flex-col {
      flex-direction: column;
    }
  
    .ssm\:flex-col-reverse {
      flex-direction: column-reverse;
    }
  
    .ssm\:flex-wrap {
      flex-wrap: wrap;
    }
  
    .ssm\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
  
    .ssm\:flex-no-wrap {
      flex-wrap: nowrap;
    }
  
    .ssm\:items-start {
      align-items: flex-start;
    }
  
    .ssm\:items-end {
      align-items: flex-end;
    }
  
    .ssm\:items-center {
      align-items: center;
    }
  
    .ssm\:items-baseline {
      align-items: baseline;
    }
  
    .ssm\:items-stretch {
      align-items: stretch;
    }
  
    .ssm\:self-auto {
      align-self: auto;
    }
  
    .ssm\:self-start {
      align-self: flex-start;
    }
  
    .ssm\:self-end {
      align-self: flex-end;
    }
  
    .ssm\:self-center {
      align-self: center;
    }
  
    .ssm\:self-stretch {
      align-self: stretch;
    }
  
    .ssm\:justify-start {
      justify-content: flex-start;
    }
  
    .ssm\:justify-end {
      justify-content: flex-end;
    }
  
    .ssm\:justify-center {
      justify-content: center;
    }
  
    .ssm\:justify-between {
      justify-content: space-between;
    }
  
    .ssm\:justify-around {
      justify-content: space-around;
    }
  
    .ssm\:justify-evenly {
      justify-content: space-evenly;
    }
  
    .ssm\:content-center {
      align-content: center;
    }
  
    .ssm\:content-start {
      align-content: flex-start;
    }
  
    .ssm\:content-end {
      align-content: flex-end;
    }
  
    .ssm\:content-between {
      align-content: space-between;
    }
  
    .ssm\:content-around {
      align-content: space-around;
    }
  
    .ssm\:flex-1 {
      flex: 1 1 0%;
    }
  
    .ssm\:flex-auto {
      flex: 1 1 auto;
    }
  
    .ssm\:flex-initial {
      flex: 0 1 auto;
    }
  
    .ssm\:flex-none {
      flex: none;
    }
  
    .ssm\:flex-grow-0 {
      flex-grow: 0;
    }
  
    .ssm\:flex-grow {
      flex-grow: 1;
    }
  
    .ssm\:flex-shrink-0 {
      flex-shrink: 0;
    }
  
    .ssm\:flex-shrink {
      flex-shrink: 1;
    }
  
    .ssm\:order-1 {
      order: 1;
    }
  
    .ssm\:order-2 {
      order: 2;
    }
  
    .ssm\:order-3 {
      order: 3;
    }
  
    .ssm\:order-4 {
      order: 4;
    }
  
    .ssm\:order-5 {
      order: 5;
    }
  
    .ssm\:order-6 {
      order: 6;
    }
  
    .ssm\:order-7 {
      order: 7;
    }
  
    .ssm\:order-8 {
      order: 8;
    }
  
    .ssm\:order-9 {
      order: 9;
    }
  
    .ssm\:order-10 {
      order: 10;
    }
  
    .ssm\:order-11 {
      order: 11;
    }
  
    .ssm\:order-12 {
      order: 12;
    }
  
    .ssm\:order-first {
      order: -9999;
    }
  
    .ssm\:order-last {
      order: 9999;
    }
  
    .ssm\:order-none {
      order: 0;
    }
  
    .ssm\:float-right {
      float: right;
    }
  
    .ssm\:float-left {
      float: left;
    }
  
    .ssm\:float-none {
      float: none;
    }
  
    .ssm\:clearfix:after {
      content: "";
      display: table;
      clear: both;
    }
  
    .ssm\:clear-left {
      clear: left;
    }
  
    .ssm\:clear-right {
      clear: right;
    }
  
    .ssm\:clear-both {
      clear: both;
    }
  
    .ssm\:clear-none {
      clear: none;
    }
  
    .ssm\:font-sans {
      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";
    }
  
    .ssm\:font-serif {
      font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    }
  
    .ssm\:font-mono {
      font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }
  
    .ssm\:font-hairline {
      font-weight: 100;
    }
  
    .ssm\:font-thin {
      font-weight: 200;
    }
  
    .ssm\:font-light {
      font-weight: 300;
    }
  
    .ssm\:font-normal {
      font-weight: 400;
    }
  
    .ssm\:font-medium {
      font-weight: 500;
    }
  
    .ssm\:font-semibold {
      font-weight: 600;
    }
  
    .ssm\:font-bold {
      font-weight: 700;
    }
  
    .ssm\:font-extrabold {
      font-weight: 800;
    }
  
    .ssm\:font-black {
      font-weight: 900;
    }
  
    .ssm\:hover\:font-hairline:hover {
      font-weight: 100;
    }
  
    .ssm\:hover\:font-thin:hover {
      font-weight: 200;
    }
  
    .ssm\:hover\:font-light:hover {
      font-weight: 300;
    }
  
    .ssm\:hover\:font-normal:hover {
      font-weight: 400;
    }
  
    .ssm\:hover\:font-medium:hover {
      font-weight: 500;
    }
  
    .ssm\:hover\:font-semibold:hover {
      font-weight: 600;
    }
  
    .ssm\:hover\:font-bold:hover {
      font-weight: 700;
    }
  
    .ssm\:hover\:font-extrabold:hover {
      font-weight: 800;
    }
  
    .ssm\:hover\:font-black:hover {
      font-weight: 900;
    }
  
    .ssm\:focus\:font-hairline:focus {
      font-weight: 100;
    }
  
    .ssm\:focus\:font-thin:focus {
      font-weight: 200;
    }
  
    .ssm\:focus\:font-light:focus {
      font-weight: 300;
    }
  
    .ssm\:focus\:font-normal:focus {
      font-weight: 400;
    }
  
    .ssm\:focus\:font-medium:focus {
      font-weight: 500;
    }
  
    .ssm\:focus\:font-semibold:focus {
      font-weight: 600;
    }
  
    .ssm\:focus\:font-bold:focus {
      font-weight: 700;
    }
  
    .ssm\:focus\:font-extrabold:focus {
      font-weight: 800;
    }
  
    .ssm\:focus\:font-black:focus {
      font-weight: 900;
    }
  
    .ssm\:h-0 {
      height: 0;
    }
  
    .ssm\:h-1 {
      height: 0.25rem;
    }
  
    .ssm\:h-2 {
      height: 0.5rem;
    }
  
    .ssm\:h-3 {
      height: 0.75rem;
    }
  
    .ssm\:h-4 {
      height: 1rem;
    }
  
    .ssm\:h-5 {
      height: 1.25rem;
    }
  
    .ssm\:h-6 {
      height: 1.5rem;
    }
  
    .ssm\:h-8 {
      height: 2rem;
    }
  
    .ssm\:h-10 {
      height: 2.5rem;
    }
  
    .ssm\:h-12 {
      height: 3rem;
    }
  
    .ssm\:h-16 {
      height: 4rem;
    }
  
    .ssm\:h-20 {
      height: 5rem;
    }
  
    .ssm\:h-24 {
      height: 6rem;
    }
  
    .ssm\:h-32 {
      height: 8rem;
    }
  
    .ssm\:h-40 {
      height: 10rem;
    }
  
    .ssm\:h-48 {
      height: 12rem;
    }
  
    .ssm\:h-56 {
      height: 14rem;
    }
  
    .ssm\:h-64 {
      height: 16rem;
    }
  
    .ssm\:h-auto {
      height: auto;
    }
  
    .ssm\:h-px {
      height: 1px;
    }
  
    .ssm\:h-full {
      height: 100%;
    }
  
    .ssm\:h-screen {
      height: 100vh;
    }
  
    .ssm\:text-xs {
      font-size: 0.75rem;
    }
  
    .ssm\:text-sm {
      font-size: 0.875rem;
    }
  
    .ssm\:text-base {
      font-size: 1rem;
    }
  
    .ssm\:text-lg {
      font-size: 1.125rem;
    }
  
    .ssm\:text-xl {
      font-size: 1.25rem;
    }
  
    .ssm\:text-2xl {
      font-size: 1.5rem;
    }
  
    .ssm\:text-3xl {
      font-size: 1.875rem;
    }
  
    .ssm\:text-4xl {
      font-size: 2.25rem;
    }
  
    .ssm\:text-5xl {
      font-size: 3rem;
    }
  
    .ssm\:text-6xl {
      font-size: 4rem;
    }
  
    .ssm\:leading-3 {
      line-height: .75rem;
    }
  
    .ssm\:leading-4 {
      line-height: 1rem;
    }
  
    .ssm\:leading-5 {
      line-height: 1.25rem;
    }
  
    .ssm\:leading-6 {
      line-height: 1.5rem;
    }
  
    .ssm\:leading-7 {
      line-height: 1.75rem;
    }
  
    .ssm\:leading-8 {
      line-height: 2rem;
    }
  
    .ssm\:leading-9 {
      line-height: 2.25rem;
    }
  
    .ssm\:leading-10 {
      line-height: 2.5rem;
    }
  
    .ssm\:leading-none {
      line-height: 1;
    }
  
    .ssm\:leading-tight {
      line-height: 1.25;
    }
  
    .ssm\:leading-snug {
      line-height: 1.375;
    }
  
    .ssm\:leading-normal {
      line-height: 1.5;
    }
  
    .ssm\:leading-relaxed {
      line-height: 1.625;
    }
  
    .ssm\:leading-loose {
      line-height: 2;
    }
  
    .ssm\:list-inside {
      list-style-position: inside;
    }
  
    .ssm\:list-outside {
      list-style-position: outside;
    }
  
    .ssm\:list-none {
      list-style-type: none;
    }
  
    .ssm\:list-disc {
      list-style-type: disc;
    }
  
    .ssm\:list-decimal {
      list-style-type: decimal;
    }
  
    .ssm\:m-0 {
      margin: 0;
    }
  
    .ssm\:m-1 {
      margin: 0.25rem;
    }
  
    .ssm\:m-2 {
      margin: 0.5rem;
    }
  
    .ssm\:m-3 {
      margin: 0.75rem;
    }
  
    .ssm\:m-4 {
      margin: 1rem;
    }
  
    .ssm\:m-5 {
      margin: 1.25rem;
    }
  
    .ssm\:m-6 {
      margin: 1.5rem;
    }
  
    .ssm\:m-8 {
      margin: 2rem;
    }
  
    .ssm\:m-10 {
      margin: 2.5rem;
    }
  
    .ssm\:m-12 {
      margin: 3rem;
    }
  
    .ssm\:m-16 {
      margin: 4rem;
    }
  
    .ssm\:m-20 {
      margin: 5rem;
    }
  
    .ssm\:m-24 {
      margin: 6rem;
    }
  
    .ssm\:m-32 {
      margin: 8rem;
    }
  
    .ssm\:m-40 {
      margin: 10rem;
    }
  
    .ssm\:m-48 {
      margin: 12rem;
    }
  
    .ssm\:m-56 {
      margin: 14rem;
    }
  
    .ssm\:m-64 {
      margin: 16rem;
    }
  
    .ssm\:m-auto {
      margin: auto;
    }
  
    .ssm\:m-px {
      margin: 1px;
    }
  
    .ssm\:-m-1 {
      margin: -0.25rem;
    }
  
    .ssm\:-m-2 {
      margin: -0.5rem;
    }
  
    .ssm\:-m-3 {
      margin: -0.75rem;
    }
  
    .ssm\:-m-4 {
      margin: -1rem;
    }
  
    .ssm\:-m-5 {
      margin: -1.25rem;
    }
  
    .ssm\:-m-6 {
      margin: -1.5rem;
    }
  
    .ssm\:-m-8 {
      margin: -2rem;
    }
  
    .ssm\:-m-10 {
      margin: -2.5rem;
    }
  
    .ssm\:-m-12 {
      margin: -3rem;
    }
  
    .ssm\:-m-16 {
      margin: -4rem;
    }
  
    .ssm\:-m-20 {
      margin: -5rem;
    }
  
    .ssm\:-m-24 {
      margin: -6rem;
    }
  
    .ssm\:-m-32 {
      margin: -8rem;
    }
  
    .ssm\:-m-40 {
      margin: -10rem;
    }
  
    .ssm\:-m-48 {
      margin: -12rem;
    }
  
    .ssm\:-m-56 {
      margin: -14rem;
    }
  
    .ssm\:-m-64 {
      margin: -16rem;
    }
  
    .ssm\:-m-px {
      margin: -1px;
    }
  
    .ssm\:my-0 {
      margin-top: 0;
      margin-bottom: 0;
    }
  
    .ssm\:mx-0 {
      margin-left: 0;
      margin-right: 0;
    }
  
    .ssm\:my-1 {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem;
    }
  
    .ssm\:mx-1 {
      margin-left: 0.25rem;
      margin-right: 0.25rem;
    }
  
    .ssm\:my-2 {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
  
    .ssm\:mx-2 {
      margin-left: 0.5rem;
      margin-right: 0.5rem;
    }
  
    .ssm\:my-3 {
      margin-top: 0.75rem;
      margin-bottom: 0.75rem;
    }
  
    .ssm\:mx-3 {
      margin-left: 0.75rem;
      margin-right: 0.75rem;
    }
  
    .ssm\:my-4 {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
  
    .ssm\:mx-4 {
      margin-left: 1rem;
      margin-right: 1rem;
    }
  
    .ssm\:my-5 {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
    }
  
    .ssm\:mx-5 {
      margin-left: 1.25rem;
      margin-right: 1.25rem;
    }
  
    .ssm\:my-6 {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }
  
    .ssm\:mx-6 {
      margin-left: 1.5rem;
      margin-right: 1.5rem;
    }
  
    .ssm\:my-8 {
      margin-top: 2rem;
      margin-bottom: 2rem;
    }
  
    .ssm\:mx-8 {
      margin-left: 2rem;
      margin-right: 2rem;
    }
  
    .ssm\:my-10 {
      margin-top: 2.5rem;
      margin-bottom: 2.5rem;
    }
  
    .ssm\:mx-10 {
      margin-left: 2.5rem;
      margin-right: 2.5rem;
    }
  
    .ssm\:my-12 {
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
  
    .ssm\:mx-12 {
      margin-left: 3rem;
      margin-right: 3rem;
    }
  
    .ssm\:my-16 {
      margin-top: 4rem;
      margin-bottom: 4rem;
    }
  
    .ssm\:mx-16 {
      margin-left: 4rem;
      margin-right: 4rem;
    }
  
    .ssm\:my-20 {
      margin-top: 5rem;
      margin-bottom: 5rem;
    }
  
    .ssm\:mx-20 {
      margin-left: 5rem;
      margin-right: 5rem;
    }
  
    .ssm\:my-24 {
      margin-top: 6rem;
      margin-bottom: 6rem;
    }
  
    .ssm\:mx-24 {
      margin-left: 6rem;
      margin-right: 6rem;
    }
  
    .ssm\:my-32 {
      margin-top: 8rem;
      margin-bottom: 8rem;
    }
  
    .ssm\:mx-32 {
      margin-left: 8rem;
      margin-right: 8rem;
    }
  
    .ssm\:my-40 {
      margin-top: 10rem;
      margin-bottom: 10rem;
    }
  
    .ssm\:mx-40 {
      margin-left: 10rem;
      margin-right: 10rem;
    }
  
    .ssm\:my-48 {
      margin-top: 12rem;
      margin-bottom: 12rem;
    }
  
    .ssm\:mx-48 {
      margin-left: 12rem;
      margin-right: 12rem;
    }
  
    .ssm\:my-56 {
      margin-top: 14rem;
      margin-bottom: 14rem;
    }
  
    .ssm\:mx-56 {
      margin-left: 14rem;
      margin-right: 14rem;
    }
  
    .ssm\:my-64 {
      margin-top: 16rem;
      margin-bottom: 16rem;
    }
  
    .ssm\:mx-64 {
      margin-left: 16rem;
      margin-right: 16rem;
    }
  
    .ssm\:my-auto {
      margin-top: auto;
      margin-bottom: auto;
    }
  
    .ssm\:mx-auto {
      margin-left: auto;
      margin-right: auto;
    }
  
    .ssm\:my-px {
      margin-top: 1px;
      margin-bottom: 1px;
    }
  
    .ssm\:mx-px {
      margin-left: 1px;
      margin-right: 1px;
    }
  
    .ssm\:-my-1 {
      margin-top: -0.25rem;
      margin-bottom: -0.25rem;
    }
  
    .ssm\:-mx-1 {
      margin-left: -0.25rem;
      margin-right: -0.25rem;
    }
  
    .ssm\:-my-2 {
      margin-top: -0.5rem;
      margin-bottom: -0.5rem;
    }
  
    .ssm\:-mx-2 {
      margin-left: -0.5rem;
      margin-right: -0.5rem;
    }
  
    .ssm\:-my-3 {
      margin-top: -0.75rem;
      margin-bottom: -0.75rem;
    }
  
    .ssm\:-mx-3 {
      margin-left: -0.75rem;
      margin-right: -0.75rem;
    }
  
    .ssm\:-my-4 {
      margin-top: -1rem;
      margin-bottom: -1rem;
    }
  
    .ssm\:-mx-4 {
      margin-left: -1rem;
      margin-right: -1rem;
    }
  
    .ssm\:-my-5 {
      margin-top: -1.25rem;
      margin-bottom: -1.25rem;
    }
  
    .ssm\:-mx-5 {
      margin-left: -1.25rem;
      margin-right: -1.25rem;
    }
  
    .ssm\:-my-6 {
      margin-top: -1.5rem;
      margin-bottom: -1.5rem;
    }
  
    .ssm\:-mx-6 {
      margin-left: -1.5rem;
      margin-right: -1.5rem;
    }
  
    .ssm\:-my-8 {
      margin-top: -2rem;
      margin-bottom: -2rem;
    }
  
    .ssm\:-mx-8 {
      margin-left: -2rem;
      margin-right: -2rem;
    }
  
    .ssm\:-my-10 {
      margin-top: -2.5rem;
      margin-bottom: -2.5rem;
    }
  
    .ssm\:-mx-10 {
      margin-left: -2.5rem;
      margin-right: -2.5rem;
    }
  
    .ssm\:-my-12 {
      margin-top: -3rem;
      margin-bottom: -3rem;
    }
  
    .ssm\:-mx-12 {
      margin-left: -3rem;
      margin-right: -3rem;
    }
  
    .ssm\:-my-16 {
      margin-top: -4rem;
      margin-bottom: -4rem;
    }
  
    .ssm\:-mx-16 {
      margin-left: -4rem;
      margin-right: -4rem;
    }
  
    .ssm\:-my-20 {
      margin-top: -5rem;
      margin-bottom: -5rem;
    }
  
    .ssm\:-mx-20 {
      margin-left: -5rem;
      margin-right: -5rem;
    }
  
    .ssm\:-my-24 {
      margin-top: -6rem;
      margin-bottom: -6rem;
    }
  
    .ssm\:-mx-24 {
      margin-left: -6rem;
      margin-right: -6rem;
    }
  
    .ssm\:-my-32 {
      margin-top: -8rem;
      margin-bottom: -8rem;
    }
  
    .ssm\:-mx-32 {
      margin-left: -8rem;
      margin-right: -8rem;
    }
  
    .ssm\:-my-40 {
      margin-top: -10rem;
      margin-bottom: -10rem;
    }
  
    .ssm\:-mx-40 {
      margin-left: -10rem;
      margin-right: -10rem;
    }
  
    .ssm\:-my-48 {
      margin-top: -12rem;
      margin-bottom: -12rem;
    }
  
    .ssm\:-mx-48 {
      margin-left: -12rem;
      margin-right: -12rem;
    }
  
    .ssm\:-my-56 {
      margin-top: -14rem;
      margin-bottom: -14rem;
    }
  
    .ssm\:-mx-56 {
      margin-left: -14rem;
      margin-right: -14rem;
    }
  
    .ssm\:-my-64 {
      margin-top: -16rem;
      margin-bottom: -16rem;
    }
  
    .ssm\:-mx-64 {
      margin-left: -16rem;
      margin-right: -16rem;
    }
  
    .ssm\:-my-px {
      margin-top: -1px;
      margin-bottom: -1px;
    }
  
    .ssm\:-mx-px {
      margin-left: -1px;
      margin-right: -1px;
    }
  
    .ssm\:mt-0 {
      margin-top: 0;
    }
  
    .ssm\:mr-0 {
      margin-right: 0;
    }
  
    .ssm\:mb-0 {
      margin-bottom: 0;
    }
  
    .ssm\:ml-0 {
      margin-left: 0;
    }
  
    .ssm\:mt-1 {
      margin-top: 0.25rem;
    }
  
    .ssm\:mr-1 {
      margin-right: 0.25rem;
    }
  
    .ssm\:mb-1 {
      margin-bottom: 0.25rem;
    }
  
    .ssm\:ml-1 {
      margin-left: 0.25rem;
    }
  
    .ssm\:mt-2 {
      margin-top: 0.5rem;
    }
  
    .ssm\:mr-2 {
      margin-right: 0.5rem;
    }
  
    .ssm\:mb-2 {
      margin-bottom: 0.5rem;
    }
  
    .ssm\:ml-2 {
      margin-left: 0.5rem;
    }
  
    .ssm\:mt-3 {
      margin-top: 0.75rem;
    }
  
    .ssm\:mr-3 {
      margin-right: 0.75rem;
    }
  
    .ssm\:mb-3 {
      margin-bottom: 0.75rem;
    }
  
    .ssm\:ml-3 {
      margin-left: 0.75rem;
    }
  
    .ssm\:mt-4 {
      margin-top: 1rem;
    }
  
    .ssm\:mr-4 {
      margin-right: 1rem;
    }
  
    .ssm\:mb-4 {
      margin-bottom: 1rem;
    }
  
    .ssm\:ml-4 {
      margin-left: 1rem;
    }
  
    .ssm\:mt-5 {
      margin-top: 1.25rem;
    }
  
    .ssm\:mr-5 {
      margin-right: 1.25rem;
    }
  
    .ssm\:mb-5 {
      margin-bottom: 1.25rem;
    }
  
    .ssm\:ml-5 {
      margin-left: 1.25rem;
    }
  
    .ssm\:mt-6 {
      margin-top: 1.5rem;
    }
  
    .ssm\:mr-6 {
      margin-right: 1.5rem;
    }
  
    .ssm\:mb-6 {
      margin-bottom: 1.5rem;
    }
  
    .ssm\:ml-6 {
      margin-left: 1.5rem;
    }
  
    .ssm\:mt-8 {
      margin-top: 2rem;
    }
  
    .ssm\:mr-8 {
      margin-right: 2rem;
    }
  
    .ssm\:mb-8 {
      margin-bottom: 2rem;
    }
  
    .ssm\:ml-8 {
      margin-left: 2rem;
    }
  
    .ssm\:mt-10 {
      margin-top: 2.5rem;
    }
  
    .ssm\:mr-10 {
      margin-right: 2.5rem;
    }
  
    .ssm\:mb-10 {
      margin-bottom: 2.5rem;
    }
  
    .ssm\:ml-10 {
      margin-left: 2.5rem;
    }
  
    .ssm\:mt-12 {
      margin-top: 3rem;
    }
  
    .ssm\:mr-12 {
      margin-right: 3rem;
    }
  
    .ssm\:mb-12 {
      margin-bottom: 3rem;
    }
  
    .ssm\:ml-12 {
      margin-left: 3rem;
    }
  
    .ssm\:mt-16 {
      margin-top: 4rem;
    }
  
    .ssm\:mr-16 {
      margin-right: 4rem;
    }
  
    .ssm\:mb-16 {
      margin-bottom: 4rem;
    }
  
    .ssm\:ml-16 {
      margin-left: 4rem;
    }
  
    .ssm\:mt-20 {
      margin-top: 5rem;
    }
  
    .ssm\:mr-20 {
      margin-right: 5rem;
    }
  
    .ssm\:mb-20 {
      margin-bottom: 5rem;
    }
  
    .ssm\:ml-20 {
      margin-left: 5rem;
    }
  
    .ssm\:mt-24 {
      margin-top: 6rem;
    }
  
    .ssm\:mr-24 {
      margin-right: 6rem;
    }
  
    .ssm\:mb-24 {
      margin-bottom: 6rem;
    }
  
    .ssm\:ml-24 {
      margin-left: 6rem;
    }
  
    .ssm\:mt-32 {
      margin-top: 8rem;
    }
  
    .ssm\:mr-32 {
      margin-right: 8rem;
    }
  
    .ssm\:mb-32 {
      margin-bottom: 8rem;
    }
  
    .ssm\:ml-32 {
      margin-left: 8rem;
    }
  
    .ssm\:mt-40 {
      margin-top: 10rem;
    }
  
    .ssm\:mr-40 {
      margin-right: 10rem;
    }
  
    .ssm\:mb-40 {
      margin-bottom: 10rem;
    }
  
    .ssm\:ml-40 {
      margin-left: 10rem;
    }
  
    .ssm\:mt-48 {
      margin-top: 12rem;
    }
  
    .ssm\:mr-48 {
      margin-right: 12rem;
    }
  
    .ssm\:mb-48 {
      margin-bottom: 12rem;
    }
  
    .ssm\:ml-48 {
      margin-left: 12rem;
    }
  
    .ssm\:mt-56 {
      margin-top: 14rem;
    }
  
    .ssm\:mr-56 {
      margin-right: 14rem;
    }
  
    .ssm\:mb-56 {
      margin-bottom: 14rem;
    }
  
    .ssm\:ml-56 {
      margin-left: 14rem;
    }
  
    .ssm\:mt-64 {
      margin-top: 16rem;
    }
  
    .ssm\:mr-64 {
      margin-right: 16rem;
    }
  
    .ssm\:mb-64 {
      margin-bottom: 16rem;
    }
  
    .ssm\:ml-64 {
      margin-left: 16rem;
    }
  
    .ssm\:mt-auto {
      margin-top: auto;
    }
  
    .ssm\:mr-auto {
      margin-right: auto;
    }
  
    .ssm\:mb-auto {
      margin-bottom: auto;
    }
  
    .ssm\:ml-auto {
      margin-left: auto;
    }
  
    .ssm\:mt-px {
      margin-top: 1px;
    }
  
    .ssm\:mr-px {
      margin-right: 1px;
    }
  
    .ssm\:mb-px {
      margin-bottom: 1px;
    }
  
    .ssm\:ml-px {
      margin-left: 1px;
    }
  
    .ssm\:-mt-1 {
      margin-top: -0.25rem;
    }
  
    .ssm\:-mr-1 {
      margin-right: -0.25rem;
    }
  
    .ssm\:-mb-1 {
      margin-bottom: -0.25rem;
    }
  
    .ssm\:-ml-1 {
      margin-left: -0.25rem;
    }
  
    .ssm\:-mt-2 {
      margin-top: -0.5rem;
    }
  
    .ssm\:-mr-2 {
      margin-right: -0.5rem;
    }
  
    .ssm\:-mb-2 {
      margin-bottom: -0.5rem;
    }
  
    .ssm\:-ml-2 {
      margin-left: -0.5rem;
    }
  
    .ssm\:-mt-3 {
      margin-top: -0.75rem;
    }
  
    .ssm\:-mr-3 {
      margin-right: -0.75rem;
    }
  
    .ssm\:-mb-3 {
      margin-bottom: -0.75rem;
    }
  
    .ssm\:-ml-3 {
      margin-left: -0.75rem;
    }
  
    .ssm\:-mt-4 {
      margin-top: -1rem;
    }
  
    .ssm\:-mr-4 {
      margin-right: -1rem;
    }
  
    .ssm\:-mb-4 {
      margin-bottom: -1rem;
    }
  
    .ssm\:-ml-4 {
      margin-left: -1rem;
    }
  
    .ssm\:-mt-5 {
      margin-top: -1.25rem;
    }
  
    .ssm\:-mr-5 {
      margin-right: -1.25rem;
    }
  
    .ssm\:-mb-5 {
      margin-bottom: -1.25rem;
    }
  
    .ssm\:-ml-5 {
      margin-left: -1.25rem;
    }
  
    .ssm\:-mt-6 {
      margin-top: -1.5rem;
    }
  
    .ssm\:-mr-6 {
      margin-right: -1.5rem;
    }
  
    .ssm\:-mb-6 {
      margin-bottom: -1.5rem;
    }
  
    .ssm\:-ml-6 {
      margin-left: -1.5rem;
    }
  
    .ssm\:-mt-8 {
      margin-top: -2rem;
    }
  
    .ssm\:-mr-8 {
      margin-right: -2rem;
    }
  
    .ssm\:-mb-8 {
      margin-bottom: -2rem;
    }
  
    .ssm\:-ml-8 {
      margin-left: -2rem;
    }
  
    .ssm\:-mt-10 {
      margin-top: -2.5rem;
    }
  
    .ssm\:-mr-10 {
      margin-right: -2.5rem;
    }
  
    .ssm\:-mb-10 {
      margin-bottom: -2.5rem;
    }
  
    .ssm\:-ml-10 {
      margin-left: -2.5rem;
    }
  
    .ssm\:-mt-12 {
      margin-top: -3rem;
    }
  
    .ssm\:-mr-12 {
      margin-right: -3rem;
    }
  
    .ssm\:-mb-12 {
      margin-bottom: -3rem;
    }
  
    .ssm\:-ml-12 {
      margin-left: -3rem;
    }
  
    .ssm\:-mt-16 {
      margin-top: -4rem;
    }
  
    .ssm\:-mr-16 {
      margin-right: -4rem;
    }
  
    .ssm\:-mb-16 {
      margin-bottom: -4rem;
    }
  
    .ssm\:-ml-16 {
      margin-left: -4rem;
    }
  
    .ssm\:-mt-20 {
      margin-top: -5rem;
    }
  
    .ssm\:-mr-20 {
      margin-right: -5rem;
    }
  
    .ssm\:-mb-20 {
      margin-bottom: -5rem;
    }
  
    .ssm\:-ml-20 {
      margin-left: -5rem;
    }
  
    .ssm\:-mt-24 {
      margin-top: -6rem;
    }
  
    .ssm\:-mr-24 {
      margin-right: -6rem;
    }
  
    .ssm\:-mb-24 {
      margin-bottom: -6rem;
    }
  
    .ssm\:-ml-24 {
      margin-left: -6rem;
    }
  
    .ssm\:-mt-32 {
      margin-top: -8rem;
    }
  
    .ssm\:-mr-32 {
      margin-right: -8rem;
    }
  
    .ssm\:-mb-32 {
      margin-bottom: -8rem;
    }
  
    .ssm\:-ml-32 {
      margin-left: -8rem;
    }
  
    .ssm\:-mt-40 {
      margin-top: -10rem;
    }
  
    .ssm\:-mr-40 {
      margin-right: -10rem;
    }
  
    .ssm\:-mb-40 {
      margin-bottom: -10rem;
    }
  
    .ssm\:-ml-40 {
      margin-left: -10rem;
    }
  
    .ssm\:-mt-48 {
      margin-top: -12rem;
    }
  
    .ssm\:-mr-48 {
      margin-right: -12rem;
    }
  
    .ssm\:-mb-48 {
      margin-bottom: -12rem;
    }
  
    .ssm\:-ml-48 {
      margin-left: -12rem;
    }
  
    .ssm\:-mt-56 {
      margin-top: -14rem;
    }
  
    .ssm\:-mr-56 {
      margin-right: -14rem;
    }
  
    .ssm\:-mb-56 {
      margin-bottom: -14rem;
    }
  
    .ssm\:-ml-56 {
      margin-left: -14rem;
    }
  
    .ssm\:-mt-64 {
      margin-top: -16rem;
    }
  
    .ssm\:-mr-64 {
      margin-right: -16rem;
    }
  
    .ssm\:-mb-64 {
      margin-bottom: -16rem;
    }
  
    .ssm\:-ml-64 {
      margin-left: -16rem;
    }
  
    .ssm\:-mt-px {
      margin-top: -1px;
    }
  
    .ssm\:-mr-px {
      margin-right: -1px;
    }
  
    .ssm\:-mb-px {
      margin-bottom: -1px;
    }
  
    .ssm\:-ml-px {
      margin-left: -1px;
    }
  
    .ssm\:max-h-full {
      max-height: 100%;
    }
  
    .ssm\:max-h-screen {
      max-height: 100vh;
    }
  
    .ssm\:max-w-none {
      max-width: none;
    }
  
    .ssm\:max-w-xs {
      max-width: 20rem;
    }
  
    .ssm\:max-w-sm {
      max-width: 24rem;
    }
  
    .ssm\:max-w-md {
      max-width: 28rem;
    }
  
    .ssm\:max-w-lg {
      max-width: 32rem;
    }
  
    .ssm\:max-w-xl {
      max-width: 36rem;
    }
  
    .ssm\:max-w-2xl {
      max-width: 42rem;
    }
  
    .ssm\:max-w-3xl {
      max-width: 48rem;
    }
  
    .ssm\:max-w-4xl {
      max-width: 56rem;
    }
  
    .ssm\:max-w-5xl {
      max-width: 64rem;
    }
  
    .ssm\:max-w-6xl {
      max-width: 72rem;
    }
  
    .ssm\:max-w-full {
      max-width: 100%;
    }
  
    .ssm\:max-w-screen-ssm {
      max-width: 500px;
    }
  
    .ssm\:max-w-screen-sm {
      max-width: 640px;
    }
  
    .ssm\:max-w-screen-md {
      max-width: 768px;
    }
  
    .ssm\:max-w-screen-lg {
      max-width: 1024px;
    }
  
    .ssm\:max-w-screen-xl {
      max-width: 1280px;
    }
  
    .ssm\:min-h-0 {
      min-height: 0;
    }
  
    .ssm\:min-h-full {
      min-height: 100%;
    }
  
    .ssm\:min-h-screen {
      min-height: 100vh;
    }
  
    .ssm\:min-w-0 {
      min-width: 0;
    }
  
    .ssm\:min-w-full {
      min-width: 100%;
    }
  
    .ssm\:object-contain {
      -o-object-fit: contain;
         object-fit: contain;
    }
  
    .ssm\:object-cover {
      -o-object-fit: cover;
         object-fit: cover;
    }
  
    .ssm\:object-fill {
      -o-object-fit: fill;
         object-fit: fill;
    }
  
    .ssm\:object-none {
      -o-object-fit: none;
         object-fit: none;
    }
  
    .ssm\:object-scale-down {
      -o-object-fit: scale-down;
         object-fit: scale-down;
    }
  
    .ssm\:object-bottom {
      -o-object-position: bottom;
         object-position: bottom;
    }
  
    .ssm\:object-center {
      -o-object-position: center;
         object-position: center;
    }
  
    .ssm\:object-left {
      -o-object-position: left;
         object-position: left;
    }
  
    .ssm\:object-left-bottom {
      -o-object-position: left bottom;
         object-position: left bottom;
    }
  
    .ssm\:object-left-top {
      -o-object-position: left top;
         object-position: left top;
    }
  
    .ssm\:object-right {
      -o-object-position: right;
         object-position: right;
    }
  
    .ssm\:object-right-bottom {
      -o-object-position: right bottom;
         object-position: right bottom;
    }
  
    .ssm\:object-right-top {
      -o-object-position: right top;
         object-position: right top;
    }
  
    .ssm\:object-top {
      -o-object-position: top;
         object-position: top;
    }
  
    .ssm\:opacity-0 {
      opacity: 0;
    }
  
    .ssm\:opacity-25 {
      opacity: 0.25;
    }
  
    .ssm\:opacity-50 {
      opacity: 0.5;
    }
  
    .ssm\:opacity-75 {
      opacity: 0.75;
    }
  
    .ssm\:opacity-100 {
      opacity: 1;
    }
  
    .ssm\:hover\:opacity-0:hover {
      opacity: 0;
    }
  
    .ssm\:hover\:opacity-25:hover {
      opacity: 0.25;
    }
  
    .ssm\:hover\:opacity-50:hover {
      opacity: 0.5;
    }
  
    .ssm\:hover\:opacity-75:hover {
      opacity: 0.75;
    }
  
    .ssm\:hover\:opacity-100:hover {
      opacity: 1;
    }
  
    .ssm\:focus\:opacity-0:focus {
      opacity: 0;
    }
  
    .ssm\:focus\:opacity-25:focus {
      opacity: 0.25;
    }
  
    .ssm\:focus\:opacity-50:focus {
      opacity: 0.5;
    }
  
    .ssm\:focus\:opacity-75:focus {
      opacity: 0.75;
    }
  
    .ssm\:focus\:opacity-100:focus {
      opacity: 1;
    }
  
    .ssm\:outline-none {
      outline: 0;
    }
  
    .ssm\:focus\:outline-none:focus {
      outline: 0;
    }
  
    .ssm\:overflow-auto {
      overflow: auto;
    }
  
    .ssm\:overflow-hidden {
      overflow: hidden;
    }
  
    .ssm\:overflow-visible {
      overflow: visible;
    }
  
    .ssm\:overflow-scroll {
      overflow: scroll;
    }
  
    .ssm\:overflow-x-auto {
      overflow-x: auto;
    }
  
    .ssm\:overflow-y-auto {
      overflow-y: auto;
    }
  
    .ssm\:overflow-x-hidden {
      overflow-x: hidden;
    }
  
    .ssm\:overflow-y-hidden {
      overflow-y: hidden;
    }
  
    .ssm\:overflow-x-visible {
      overflow-x: visible;
    }
  
    .ssm\:overflow-y-visible {
      overflow-y: visible;
    }
  
    .ssm\:overflow-x-scroll {
      overflow-x: scroll;
    }
  
    .ssm\:overflow-y-scroll {
      overflow-y: scroll;
    }
  
    .ssm\:scrolling-touch {
      -webkit-overflow-scrolling: touch;
    }
  
    .ssm\:scrolling-auto {
      -webkit-overflow-scrolling: auto;
    }
  
    .ssm\:overscroll-auto {
      -ms-scroll-chaining: chained;
          overscroll-behavior: auto;
    }
  
    .ssm\:overscroll-contain {
      -ms-scroll-chaining: none;
          overscroll-behavior: contain;
    }
  
    .ssm\:overscroll-none {
      -ms-scroll-chaining: none;
          overscroll-behavior: none;
    }
  
    .ssm\:overscroll-y-auto {
      overscroll-behavior-y: auto;
    }
  
    .ssm\:overscroll-y-contain {
      overscroll-behavior-y: contain;
    }
  
    .ssm\:overscroll-y-none {
      overscroll-behavior-y: none;
    }
  
    .ssm\:overscroll-x-auto {
      overscroll-behavior-x: auto;
    }
  
    .ssm\:overscroll-x-contain {
      overscroll-behavior-x: contain;
    }
  
    .ssm\:overscroll-x-none {
      overscroll-behavior-x: none;
    }
  
    .ssm\:p-0 {
      padding: 0;
    }
  
    .ssm\:p-1 {
      padding: 0.25rem;
    }
  
    .ssm\:p-2 {
      padding: 0.5rem;
    }
  
    .ssm\:p-3 {
      padding: 0.75rem;
    }
  
    .ssm\:p-4 {
      padding: 1rem;
    }
  
    .ssm\:p-5 {
      padding: 1.25rem;
    }
  
    .ssm\:p-6 {
      padding: 1.5rem;
    }
  
    .ssm\:p-8 {
      padding: 2rem;
    }
  
    .ssm\:p-10 {
      padding: 2.5rem;
    }
  
    .ssm\:p-12 {
      padding: 3rem;
    }
  
    .ssm\:p-16 {
      padding: 4rem;
    }
  
    .ssm\:p-20 {
      padding: 5rem;
    }
  
    .ssm\:p-24 {
      padding: 6rem;
    }
  
    .ssm\:p-32 {
      padding: 8rem;
    }
  
    .ssm\:p-40 {
      padding: 10rem;
    }
  
    .ssm\:p-48 {
      padding: 12rem;
    }
  
    .ssm\:p-56 {
      padding: 14rem;
    }
  
    .ssm\:p-64 {
      padding: 16rem;
    }
  
    .ssm\:p-px {
      padding: 1px;
    }
  
    .ssm\:py-0 {
      padding-top: 0;
      padding-bottom: 0;
    }
  
    .ssm\:px-0 {
      padding-left: 0;
      padding-right: 0;
    }
  
    .ssm\:py-1 {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }
  
    .ssm\:px-1 {
      padding-left: 0.25rem;
      padding-right: 0.25rem;
    }
  
    .ssm\:py-2 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
  
    .ssm\:px-2 {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }
  
    .ssm\:py-3 {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
  
    .ssm\:px-3 {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
  
    .ssm\:py-4 {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
  
    .ssm\:px-4 {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  
    .ssm\:py-5 {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
    }
  
    .ssm\:px-5 {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
  
    .ssm\:py-6 {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
  
    .ssm\:px-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
  
    .ssm\:py-8 {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }
  
    .ssm\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem;
    }
  
    .ssm\:py-10 {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
    }
  
    .ssm\:px-10 {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
  
    .ssm\:py-12 {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
  
    .ssm\:px-12 {
      padding-left: 3rem;
      padding-right: 3rem;
    }
  
    .ssm\:py-16 {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
  
    .ssm\:px-16 {
      padding-left: 4rem;
      padding-right: 4rem;
    }
  
    .ssm\:py-20 {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }
  
    .ssm\:px-20 {
      padding-left: 5rem;
      padding-right: 5rem;
    }
  
    .ssm\:py-24 {
      padding-top: 6rem;
      padding-bottom: 6rem;
    }
  
    .ssm\:px-24 {
      padding-left: 6rem;
      padding-right: 6rem;
    }
  
    .ssm\:py-32 {
      padding-top: 8rem;
      padding-bottom: 8rem;
    }
  
    .ssm\:px-32 {
      padding-left: 8rem;
      padding-right: 8rem;
    }
  
    .ssm\:py-40 {
      padding-top: 10rem;
      padding-bottom: 10rem;
    }
  
    .ssm\:px-40 {
      padding-left: 10rem;
      padding-right: 10rem;
    }
  
    .ssm\:py-48 {
      padding-top: 12rem;
      padding-bottom: 12rem;
    }
  
    .ssm\:px-48 {
      padding-left: 12rem;
      padding-right: 12rem;
    }
  
    .ssm\:py-56 {
      padding-top: 14rem;
      padding-bottom: 14rem;
    }
  
    .ssm\:px-56 {
      padding-left: 14rem;
      padding-right: 14rem;
    }
  
    .ssm\:py-64 {
      padding-top: 16rem;
      padding-bottom: 16rem;
    }
  
    .ssm\:px-64 {
      padding-left: 16rem;
      padding-right: 16rem;
    }
  
    .ssm\:py-px {
      padding-top: 1px;
      padding-bottom: 1px;
    }
  
    .ssm\:px-px {
      padding-left: 1px;
      padding-right: 1px;
    }
  
    .ssm\:pt-0 {
      padding-top: 0;
    }
  
    .ssm\:pr-0 {
      padding-right: 0;
    }
  
    .ssm\:pb-0 {
      padding-bottom: 0;
    }
  
    .ssm\:pl-0 {
      padding-left: 0;
    }
  
    .ssm\:pt-1 {
      padding-top: 0.25rem;
    }
  
    .ssm\:pr-1 {
      padding-right: 0.25rem;
    }
  
    .ssm\:pb-1 {
      padding-bottom: 0.25rem;
    }
  
    .ssm\:pl-1 {
      padding-left: 0.25rem;
    }
  
    .ssm\:pt-2 {
      padding-top: 0.5rem;
    }
  
    .ssm\:pr-2 {
      padding-right: 0.5rem;
    }
  
    .ssm\:pb-2 {
      padding-bottom: 0.5rem;
    }
  
    .ssm\:pl-2 {
      padding-left: 0.5rem;
    }
  
    .ssm\:pt-3 {
      padding-top: 0.75rem;
    }
  
    .ssm\:pr-3 {
      padding-right: 0.75rem;
    }
  
    .ssm\:pb-3 {
      padding-bottom: 0.75rem;
    }
  
    .ssm\:pl-3 {
      padding-left: 0.75rem;
    }
  
    .ssm\:pt-4 {
      padding-top: 1rem;
    }
  
    .ssm\:pr-4 {
      padding-right: 1rem;
    }
  
    .ssm\:pb-4 {
      padding-bottom: 1rem;
    }
  
    .ssm\:pl-4 {
      padding-left: 1rem;
    }
  
    .ssm\:pt-5 {
      padding-top: 1.25rem;
    }
  
    .ssm\:pr-5 {
      padding-right: 1.25rem;
    }
  
    .ssm\:pb-5 {
      padding-bottom: 1.25rem;
    }
  
    .ssm\:pl-5 {
      padding-left: 1.25rem;
    }
  
    .ssm\:pt-6 {
      padding-top: 1.5rem;
    }
  
    .ssm\:pr-6 {
      padding-right: 1.5rem;
    }
  
    .ssm\:pb-6 {
      padding-bottom: 1.5rem;
    }
  
    .ssm\:pl-6 {
      padding-left: 1.5rem;
    }
  
    .ssm\:pt-8 {
      padding-top: 2rem;
    }
  
    .ssm\:pr-8 {
      padding-right: 2rem;
    }
  
    .ssm\:pb-8 {
      padding-bottom: 2rem;
    }
  
    .ssm\:pl-8 {
      padding-left: 2rem;
    }
  
    .ssm\:pt-10 {
      padding-top: 2.5rem;
    }
  
    .ssm\:pr-10 {
      padding-right: 2.5rem;
    }
  
    .ssm\:pb-10 {
      padding-bottom: 2.5rem;
    }
  
    .ssm\:pl-10 {
      padding-left: 2.5rem;
    }
  
    .ssm\:pt-12 {
      padding-top: 3rem;
    }
  
    .ssm\:pr-12 {
      padding-right: 3rem;
    }
  
    .ssm\:pb-12 {
      padding-bottom: 3rem;
    }
  
    .ssm\:pl-12 {
      padding-left: 3rem;
    }
  
    .ssm\:pt-16 {
      padding-top: 4rem;
    }
  
    .ssm\:pr-16 {
      padding-right: 4rem;
    }
  
    .ssm\:pb-16 {
      padding-bottom: 4rem;
    }
  
    .ssm\:pl-16 {
      padding-left: 4rem;
    }
  
    .ssm\:pt-20 {
      padding-top: 5rem;
    }
  
    .ssm\:pr-20 {
      padding-right: 5rem;
    }
  
    .ssm\:pb-20 {
      padding-bottom: 5rem;
    }
  
    .ssm\:pl-20 {
      padding-left: 5rem;
    }
  
    .ssm\:pt-24 {
      padding-top: 6rem;
    }
  
    .ssm\:pr-24 {
      padding-right: 6rem;
    }
  
    .ssm\:pb-24 {
      padding-bottom: 6rem;
    }
  
    .ssm\:pl-24 {
      padding-left: 6rem;
    }
  
    .ssm\:pt-32 {
      padding-top: 8rem;
    }
  
    .ssm\:pr-32 {
      padding-right: 8rem;
    }
  
    .ssm\:pb-32 {
      padding-bottom: 8rem;
    }
  
    .ssm\:pl-32 {
      padding-left: 8rem;
    }
  
    .ssm\:pt-40 {
      padding-top: 10rem;
    }
  
    .ssm\:pr-40 {
      padding-right: 10rem;
    }
  
    .ssm\:pb-40 {
      padding-bottom: 10rem;
    }
  
    .ssm\:pl-40 {
      padding-left: 10rem;
    }
  
    .ssm\:pt-48 {
      padding-top: 12rem;
    }
  
    .ssm\:pr-48 {
      padding-right: 12rem;
    }
  
    .ssm\:pb-48 {
      padding-bottom: 12rem;
    }
  
    .ssm\:pl-48 {
      padding-left: 12rem;
    }
  
    .ssm\:pt-56 {
      padding-top: 14rem;
    }
  
    .ssm\:pr-56 {
      padding-right: 14rem;
    }
  
    .ssm\:pb-56 {
      padding-bottom: 14rem;
    }
  
    .ssm\:pl-56 {
      padding-left: 14rem;
    }
  
    .ssm\:pt-64 {
      padding-top: 16rem;
    }
  
    .ssm\:pr-64 {
      padding-right: 16rem;
    }
  
    .ssm\:pb-64 {
      padding-bottom: 16rem;
    }
  
    .ssm\:pl-64 {
      padding-left: 16rem;
    }
  
    .ssm\:pt-px {
      padding-top: 1px;
    }
  
    .ssm\:pr-px {
      padding-right: 1px;
    }
  
    .ssm\:pb-px {
      padding-bottom: 1px;
    }
  
    .ssm\:pl-px {
      padding-left: 1px;
    }
  
    .ssm\:placeholder-transparent::-moz-placeholder {
      color: transparent;
    }
  
    .ssm\:placeholder-transparent:-ms-input-placeholder {
      color: transparent;
    }
  
    .ssm\:placeholder-transparent::placeholder {
      color: transparent;
    }
  
    .ssm\:placeholder-current::-moz-placeholder {
      color: currentColor;
    }
  
    .ssm\:placeholder-current:-ms-input-placeholder {
      color: currentColor;
    }
  
    .ssm\:placeholder-current::placeholder {
      color: currentColor;
    }
  
    .ssm\:placeholder-black::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-black:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-black::placeholder {
      --placeholder-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-white::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-white:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-white::placeholder {
      --placeholder-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-100::placeholder {
      --placeholder-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-200::placeholder {
      --placeholder-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-300::placeholder {
      --placeholder-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-400::placeholder {
      --placeholder-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-500::placeholder {
      --placeholder-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-600::placeholder {
      --placeholder-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-700::placeholder {
      --placeholder-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-800::placeholder {
      --placeholder-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-gray-900::placeholder {
      --placeholder-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-100::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-200::placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-300::placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-400::placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-500::placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-600::placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-700::placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-800::placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-red-900::placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-100::placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-200::placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-300::placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-400::placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-500::placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-600::placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-700::placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-800::placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-orange-900::placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-100::placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-200::placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-300::placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-400::placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-500::placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-600::placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-700::placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-800::placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-yellow-900::placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-100::placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-200::placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-300::placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-400::placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-500::placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-600::placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-700::placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-800::placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-green-900::placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-100::placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-200::placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-300::placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-400::placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-500::placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-600::placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-700::placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-800::placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-teal-900::placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-100::placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-200::placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-300::placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-400::placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-500::placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-600::placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-700::placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-800::placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-blue-900::placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-100::placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-200::placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-300::placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-400::placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-500::placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-600::placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-700::placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-800::placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-indigo-900::placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-100::placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-200::placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-300::placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-400::placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-500::placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-600::placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-700::placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-800::placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-purple-900::placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-100::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-200::placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-300::placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-400::placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-500::placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-600::placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-700::placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-800::placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-pink-900::placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-transparent:focus::-moz-placeholder {
      color: transparent;
    }
  
    .ssm\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
      color: transparent;
    }
  
    .ssm\:focus\:placeholder-transparent:focus::placeholder {
      color: transparent;
    }
  
    .ssm\:focus\:placeholder-current:focus::-moz-placeholder {
      color: currentColor;
    }
  
    .ssm\:focus\:placeholder-current:focus:-ms-input-placeholder {
      color: currentColor;
    }
  
    .ssm\:focus\:placeholder-current:focus::placeholder {
      color: currentColor;
    }
  
    .ssm\:focus\:placeholder-black:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-black:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-black:focus::placeholder {
      --placeholder-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-white:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-white:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-white:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-gray-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-red-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-orange-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-yellow-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-green-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-teal-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-blue-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-indigo-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-purple-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .ssm\:focus\:placeholder-pink-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .ssm\:placeholder-opacity-0::-moz-placeholder {
      --placeholder-opacity: 0;
    }
  
    .ssm\:placeholder-opacity-0:-ms-input-placeholder {
      --placeholder-opacity: 0;
    }
  
    .ssm\:placeholder-opacity-0::placeholder {
      --placeholder-opacity: 0;
    }
  
    .ssm\:placeholder-opacity-25::-moz-placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .ssm\:placeholder-opacity-25:-ms-input-placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .ssm\:placeholder-opacity-25::placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .ssm\:placeholder-opacity-50::-moz-placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .ssm\:placeholder-opacity-50:-ms-input-placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .ssm\:placeholder-opacity-50::placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .ssm\:placeholder-opacity-75::-moz-placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .ssm\:placeholder-opacity-75:-ms-input-placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .ssm\:placeholder-opacity-75::placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .ssm\:placeholder-opacity-100::-moz-placeholder {
      --placeholder-opacity: 1;
    }
  
    .ssm\:placeholder-opacity-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
    }
  
    .ssm\:placeholder-opacity-100::placeholder {
      --placeholder-opacity: 1;
    }
  
    .ssm\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
      --placeholder-opacity: 0;
    }
  
    .ssm\:focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
      --placeholder-opacity: 0;
    }
  
    .ssm\:focus\:placeholder-opacity-0:focus::placeholder {
      --placeholder-opacity: 0;
    }
  
    .ssm\:focus\:placeholder-opacity-25:focus::-moz-placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .ssm\:focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .ssm\:focus\:placeholder-opacity-25:focus::placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .ssm\:focus\:placeholder-opacity-50:focus::-moz-placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .ssm\:focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .ssm\:focus\:placeholder-opacity-50:focus::placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .ssm\:focus\:placeholder-opacity-75:focus::-moz-placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .ssm\:focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .ssm\:focus\:placeholder-opacity-75:focus::placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .ssm\:focus\:placeholder-opacity-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
    }
  
    .ssm\:focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
    }
  
    .ssm\:focus\:placeholder-opacity-100:focus::placeholder {
      --placeholder-opacity: 1;
    }
  
    .ssm\:pointer-events-none {
      pointer-events: none;
    }
  
    .ssm\:pointer-events-auto {
      pointer-events: auto;
    }
  
    .ssm\:static {
      position: static;
    }
  
    .ssm\:fixed {
      position: fixed;
    }
  
    .ssm\:absolute {
      position: absolute;
    }
  
    .ssm\:relative {
      position: relative;
    }
  
    .ssm\:sticky {
      position: -webkit-sticky;
      position: sticky;
    }
  
    .ssm\:inset-0 {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
  
    .ssm\:inset-auto {
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
    }
  
    .ssm\:inset-y-0 {
      top: 0;
      bottom: 0;
    }
  
    .ssm\:inset-x-0 {
      right: 0;
      left: 0;
    }
  
    .ssm\:inset-y-auto {
      top: auto;
      bottom: auto;
    }
  
    .ssm\:inset-x-auto {
      right: auto;
      left: auto;
    }
  
    .ssm\:top-0 {
      top: 0;
    }
  
    .ssm\:right-0 {
      right: 0;
    }
  
    .ssm\:bottom-0 {
      bottom: 0;
    }
  
    .ssm\:left-0 {
      left: 0;
    }
  
    .ssm\:top-auto {
      top: auto;
    }
  
    .ssm\:right-auto {
      right: auto;
    }
  
    .ssm\:bottom-auto {
      bottom: auto;
    }
  
    .ssm\:left-auto {
      left: auto;
    }
  
    .ssm\:resize-none {
      resize: none;
    }
  
    .ssm\:resize-y {
      resize: vertical;
    }
  
    .ssm\:resize-x {
      resize: horizontal;
    }
  
    .ssm\:resize {
      resize: both;
    }
  
    .ssm\:shadow-xs {
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    }
  
    .ssm\:shadow-sm {
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    }
  
    .ssm\:shadow {
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    }
  
    .ssm\:shadow-md {
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    }
  
    .ssm\:shadow-lg {
      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }
  
    .ssm\:shadow-xl {
      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
  
    .ssm\:shadow-2xl {
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    }
  
    .ssm\:shadow-inner {
      box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    }
  
    .ssm\:shadow-outline {
      box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
    }
  
    .ssm\:shadow-none {
      box-shadow: none;
    }
  
    .ssm\:hover\:shadow-xs:hover {
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    }
  
    .ssm\:hover\:shadow-sm:hover {
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    }
  
    .ssm\: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);
    }
  
    .ssm\: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);
    }
  
    .ssm\: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);
    }
  
    .ssm\: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);
    }
  
    .ssm\:hover\:shadow-2xl:hover {
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    }
  
    .ssm\:hover\:shadow-inner:hover {
      box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    }
  
    .ssm\:hover\:shadow-outline:hover {
      box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
    }
  
    .ssm\:hover\:shadow-none:hover {
      box-shadow: none;
    }
  
    .ssm\:focus\:shadow-xs:focus {
      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    }
  
    .ssm\:focus\:shadow-sm:focus {
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    }
  
    .ssm\: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);
    }
  
    .ssm\: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);
    }
  
    .ssm\: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);
    }
  
    .ssm\: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);
    }
  
    .ssm\:focus\:shadow-2xl:focus {
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    }
  
    .ssm\:focus\:shadow-inner:focus {
      box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    }
  
    .ssm\:focus\:shadow-outline:focus {
      box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
    }
  
    .ssm\:focus\:shadow-none:focus {
      box-shadow: none;
    }
  
    .ssm\:fill-current {
      fill: currentColor;
    }
  
    .ssm\:stroke-current {
      stroke: currentColor;
    }
  
    .ssm\:stroke-0 {
      stroke-width: 0;
    }
  
    .ssm\:stroke-1 {
      stroke-width: 1;
    }
  
    .ssm\:stroke-2 {
      stroke-width: 2;
    }
  
    .ssm\:table-auto {
      table-layout: auto;
    }
  
    .ssm\:table-fixed {
      table-layout: fixed;
    }
  
    .ssm\:text-left {
      text-align: left;
    }
  
    .ssm\:text-center {
      text-align: center;
    }
  
    .ssm\:text-right {
      text-align: right;
    }
  
    .ssm\:text-justify {
      text-align: justify;
    }
  
    .ssm\:text-transparent {
      color: transparent;
    }
  
    .ssm\:text-current {
      color: currentColor;
    }
  
    .ssm\:text-black {
      --text-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--text-opacity));
    }
  
    .ssm\:text-white {
      --text-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, var(--text-opacity));
    }
  
    .ssm\:text-gray-100 {
      --text-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, var(--text-opacity));
    }
  
    .ssm\:text-gray-200 {
      --text-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, var(--text-opacity));
    }
  
    .ssm\:text-gray-300 {
      --text-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, var(--text-opacity));
    }
  
    .ssm\:text-gray-400 {
      --text-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, var(--text-opacity));
    }
  
    .ssm\:text-gray-500 {
      --text-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, var(--text-opacity));
    }
  
    .ssm\:text-gray-600 {
      --text-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, var(--text-opacity));
    }
  
    .ssm\:text-gray-700 {
      --text-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, var(--text-opacity));
    }
  
    .ssm\:text-gray-800 {
      --text-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, var(--text-opacity));
    }
  
    .ssm\:text-gray-900 {
      --text-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, var(--text-opacity));
    }
  
    .ssm\:text-red-100 {
      --text-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--text-opacity));
    }
  
    .ssm\:text-red-200 {
      --text-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--text-opacity));
    }
  
    .ssm\:text-red-300 {
      --text-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--text-opacity));
    }
  
    .ssm\:text-red-400 {
      --text-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--text-opacity));
    }
  
    .ssm\:text-red-500 {
      --text-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--text-opacity));
    }
  
    .ssm\:text-red-600 {
      --text-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--text-opacity));
    }
  
    .ssm\:text-red-700 {
      --text-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--text-opacity));
    }
  
    .ssm\:text-red-800 {
      --text-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--text-opacity));
    }
  
    .ssm\:text-red-900 {
      --text-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--text-opacity));
    }
  
    .ssm\:text-orange-100 {
      --text-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--text-opacity));
    }
  
    .ssm\:text-orange-200 {
      --text-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--text-opacity));
    }
  
    .ssm\:text-orange-300 {
      --text-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--text-opacity));
    }
  
    .ssm\:text-orange-400 {
      --text-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--text-opacity));
    }
  
    .ssm\:text-orange-500 {
      --text-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--text-opacity));
    }
  
    .ssm\:text-orange-600 {
      --text-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--text-opacity));
    }
  
    .ssm\:text-orange-700 {
      --text-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--text-opacity));
    }
  
    .ssm\:text-orange-800 {
      --text-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--text-opacity));
    }
  
    .ssm\:text-orange-900 {
      --text-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--text-opacity));
    }
  
    .ssm\:text-yellow-100 {
      --text-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--text-opacity));
    }
  
    .ssm\:text-yellow-200 {
      --text-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--text-opacity));
    }
  
    .ssm\:text-yellow-300 {
      --text-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--text-opacity));
    }
  
    .ssm\:text-yellow-400 {
      --text-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--text-opacity));
    }
  
    .ssm\:text-yellow-500 {
      --text-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--text-opacity));
    }
  
    .ssm\:text-yellow-600 {
      --text-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--text-opacity));
    }
  
    .ssm\:text-yellow-700 {
      --text-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--text-opacity));
    }
  
    .ssm\:text-yellow-800 {
      --text-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--text-opacity));
    }
  
    .ssm\:text-yellow-900 {
      --text-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--text-opacity));
    }
  
    .ssm\:text-green-100 {
      --text-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--text-opacity));
    }
  
    .ssm\:text-green-200 {
      --text-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--text-opacity));
    }
  
    .ssm\:text-green-300 {
      --text-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--text-opacity));
    }
  
    .ssm\:text-green-400 {
      --text-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--text-opacity));
    }
  
    .ssm\:text-green-500 {
      --text-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--text-opacity));
    }
  
    .ssm\:text-green-600 {
      --text-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--text-opacity));
    }
  
    .ssm\:text-green-700 {
      --text-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--text-opacity));
    }
  
    .ssm\:text-green-800 {
      --text-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--text-opacity));
    }
  
    .ssm\:text-green-900 {
      --text-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--text-opacity));
    }
  
    .ssm\:text-teal-100 {
      --text-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--text-opacity));
    }
  
    .ssm\:text-teal-200 {
      --text-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--text-opacity));
    }
  
    .ssm\:text-teal-300 {
      --text-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--text-opacity));
    }
  
    .ssm\:text-teal-400 {
      --text-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--text-opacity));
    }
  
    .ssm\:text-teal-500 {
      --text-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--text-opacity));
    }
  
    .ssm\:text-teal-600 {
      --text-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--text-opacity));
    }
  
    .ssm\:text-teal-700 {
      --text-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--text-opacity));
    }
  
    .ssm\:text-teal-800 {
      --text-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--text-opacity));
    }
  
    .ssm\:text-teal-900 {
      --text-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--text-opacity));
    }
  
    .ssm\:text-blue-100 {
      --text-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--text-opacity));
    }
  
    .ssm\:text-blue-200 {
      --text-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--text-opacity));
    }
  
    .ssm\:text-blue-300 {
      --text-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--text-opacity));
    }
  
    .ssm\:text-blue-400 {
      --text-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--text-opacity));
    }
  
    .ssm\:text-blue-500 {
      --text-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--text-opacity));
    }
  
    .ssm\:text-blue-600 {
      --text-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--text-opacity));
    }
  
    .ssm\:text-blue-700 {
      --text-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--text-opacity));
    }
  
    .ssm\:text-blue-800 {
      --text-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--text-opacity));
    }
  
    .ssm\:text-blue-900 {
      --text-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--text-opacity));
    }
  
    .ssm\:text-indigo-100 {
      --text-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--text-opacity));
    }
  
    .ssm\:text-indigo-200 {
      --text-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--text-opacity));
    }
  
    .ssm\:text-indigo-300 {
      --text-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--text-opacity));
    }
  
    .ssm\:text-indigo-400 {
      --text-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--text-opacity));
    }
  
    .ssm\:text-indigo-500 {
      --text-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--text-opacity));
    }
  
    .ssm\:text-indigo-600 {
      --text-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--text-opacity));
    }
  
    .ssm\:text-indigo-700 {
      --text-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--text-opacity));
    }
  
    .ssm\:text-indigo-800 {
      --text-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--text-opacity));
    }
  
    .ssm\:text-indigo-900 {
      --text-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--text-opacity));
    }
  
    .ssm\:text-purple-100 {
      --text-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--text-opacity));
    }
  
    .ssm\:text-purple-200 {
      --text-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--text-opacity));
    }
  
    .ssm\:text-purple-300 {
      --text-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--text-opacity));
    }
  
    .ssm\:text-purple-400 {
      --text-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--text-opacity));
    }
  
    .ssm\:text-purple-500 {
      --text-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--text-opacity));
    }
  
    .ssm\:text-purple-600 {
      --text-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--text-opacity));
    }
  
    .ssm\:text-purple-700 {
      --text-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--text-opacity));
    }
  
    .ssm\:text-purple-800 {
      --text-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--text-opacity));
    }
  
    .ssm\:text-purple-900 {
      --text-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--text-opacity));
    }
  
    .ssm\:text-pink-100 {
      --text-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--text-opacity));
    }
  
    .ssm\:text-pink-200 {
      --text-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--text-opacity));
    }
  
    .ssm\:text-pink-300 {
      --text-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--text-opacity));
    }
  
    .ssm\:text-pink-400 {
      --text-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--text-opacity));
    }
  
    .ssm\:text-pink-500 {
      --text-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--text-opacity));
    }
  
    .ssm\:text-pink-600 {
      --text-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--text-opacity));
    }
  
    .ssm\:text-pink-700 {
      --text-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--text-opacity));
    }
  
    .ssm\:text-pink-800 {
      --text-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--text-opacity));
    }
  
    .ssm\:text-pink-900 {
      --text-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--text-opacity));
    }
  
    .ssm\:hover\:text-transparent:hover {
      color: transparent;
    }
  
    .ssm\:hover\:text-current:hover {
      color: currentColor;
    }
  
    .ssm\:hover\:text-black:hover {
      --text-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--text-opacity));
    }
  
    .ssm\:hover\:text-white:hover {
      --text-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, var(--text-opacity));
    }
  
    .ssm\:hover\:text-gray-100:hover {
      --text-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, var(--text-opacity));
    }
  
    .ssm\:hover\:text-gray-200:hover {
      --text-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, var(--text-opacity));
    }
  
    .ssm\:hover\:text-gray-300:hover {
      --text-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, var(--text-opacity));
    }
  
    .ssm\:hover\:text-gray-400:hover {
      --text-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, var(--text-opacity));
    }
  
    .ssm\:hover\:text-gray-500:hover {
      --text-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, var(--text-opacity));
    }
  
    .ssm\:hover\:text-gray-600:hover {
      --text-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, var(--text-opacity));
    }
  
    .ssm\:hover\:text-gray-700:hover {
      --text-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, var(--text-opacity));
    }
  
    .ssm\:hover\:text-gray-800:hover {
      --text-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, var(--text-opacity));
    }
  
    .ssm\:hover\:text-gray-900:hover {
      --text-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, var(--text-opacity));
    }
  
    .ssm\:hover\:text-red-100:hover {
      --text-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--text-opacity));
    }
  
    .ssm\:hover\:text-red-200:hover {
      --text-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--text-opacity));
    }
  
    .ssm\:hover\:text-red-300:hover {
      --text-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--text-opacity));
    }
  
    .ssm\:hover\:text-red-400:hover {
      --text-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--text-opacity));
    }
  
    .ssm\:hover\:text-red-500:hover {
      --text-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--text-opacity));
    }
  
    .ssm\:hover\:text-red-600:hover {
      --text-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--text-opacity));
    }
  
    .ssm\:hover\:text-red-700:hover {
      --text-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--text-opacity));
    }
  
    .ssm\:hover\:text-red-800:hover {
      --text-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--text-opacity));
    }
  
    .ssm\:hover\:text-red-900:hover {
      --text-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--text-opacity));
    }
  
    .ssm\:hover\:text-orange-100:hover {
      --text-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--text-opacity));
    }
  
    .ssm\:hover\:text-orange-200:hover {
      --text-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--text-opacity));
    }
  
    .ssm\:hover\:text-orange-300:hover {
      --text-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--text-opacity));
    }
  
    .ssm\:hover\:text-orange-400:hover {
      --text-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--text-opacity));
    }
  
    .ssm\:hover\:text-orange-500:hover {
      --text-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--text-opacity));
    }
  
    .ssm\:hover\:text-orange-600:hover {
      --text-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--text-opacity));
    }
  
    .ssm\:hover\:text-orange-700:hover {
      --text-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--text-opacity));
    }
  
    .ssm\:hover\:text-orange-800:hover {
      --text-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--text-opacity));
    }
  
    .ssm\:hover\:text-orange-900:hover {
      --text-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--text-opacity));
    }
  
    .ssm\:hover\:text-yellow-100:hover {
      --text-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--text-opacity));
    }
  
    .ssm\:hover\:text-yellow-200:hover {
      --text-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--text-opacity));
    }
  
    .ssm\:hover\:text-yellow-300:hover {
      --text-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--text-opacity));
    }
  
    .ssm\:hover\:text-yellow-400:hover {
      --text-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--text-opacity));
    }
  
    .ssm\:hover\:text-yellow-500:hover {
      --text-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--text-opacity));
    }
  
    .ssm\:hover\:text-yellow-600:hover {
      --text-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--text-opacity));
    }
  
    .ssm\:hover\:text-yellow-700:hover {
      --text-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--text-opacity));
    }
  
    .ssm\:hover\:text-yellow-800:hover {
      --text-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--text-opacity));
    }
  
    .ssm\:hover\:text-yellow-900:hover {
      --text-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--text-opacity));
    }
  
    .ssm\:hover\:text-green-100:hover {
      --text-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--text-opacity));
    }
  
    .ssm\:hover\:text-green-200:hover {
      --text-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--text-opacity));
    }
  
    .ssm\:hover\:text-green-300:hover {
      --text-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--text-opacity));
    }
  
    .ssm\:hover\:text-green-400:hover {
      --text-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--text-opacity));
    }
  
    .ssm\:hover\:text-green-500:hover {
      --text-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--text-opacity));
    }
  
    .ssm\:hover\:text-green-600:hover {
      --text-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--text-opacity));
    }
  
    .ssm\:hover\:text-green-700:hover {
      --text-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--text-opacity));
    }
  
    .ssm\:hover\:text-green-800:hover {
      --text-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--text-opacity));
    }
  
    .ssm\:hover\:text-green-900:hover {
      --text-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--text-opacity));
    }
  
    .ssm\:hover\:text-teal-100:hover {
      --text-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--text-opacity));
    }
  
    .ssm\:hover\:text-teal-200:hover {
      --text-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--text-opacity));
    }
  
    .ssm\:hover\:text-teal-300:hover {
      --text-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--text-opacity));
    }
  
    .ssm\:hover\:text-teal-400:hover {
      --text-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--text-opacity));
    }
  
    .ssm\:hover\:text-teal-500:hover {
      --text-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--text-opacity));
    }
  
    .ssm\:hover\:text-teal-600:hover {
      --text-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--text-opacity));
    }
  
    .ssm\:hover\:text-teal-700:hover {
      --text-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--text-opacity));
    }
  
    .ssm\:hover\:text-teal-800:hover {
      --text-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--text-opacity));
    }
  
    .ssm\:hover\:text-teal-900:hover {
      --text-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--text-opacity));
    }
  
    .ssm\:hover\:text-blue-100:hover {
      --text-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--text-opacity));
    }
  
    .ssm\:hover\:text-blue-200:hover {
      --text-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--text-opacity));
    }
  
    .ssm\:hover\:text-blue-300:hover {
      --text-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--text-opacity));
    }
  
    .ssm\:hover\:text-blue-400:hover {
      --text-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--text-opacity));
    }
  
    .ssm\:hover\:text-blue-500:hover {
      --text-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--text-opacity));
    }
  
    .ssm\:hover\:text-blue-600:hover {
      --text-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--text-opacity));
    }
  
    .ssm\:hover\:text-blue-700:hover {
      --text-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--text-opacity));
    }
  
    .ssm\:hover\:text-blue-800:hover {
      --text-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--text-opacity));
    }
  
    .ssm\:hover\:text-blue-900:hover {
      --text-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--text-opacity));
    }
  
    .ssm\:hover\:text-indigo-100:hover {
      --text-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--text-opacity));
    }
  
    .ssm\:hover\:text-indigo-200:hover {
      --text-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--text-opacity));
    }
  
    .ssm\:hover\:text-indigo-300:hover {
      --text-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--text-opacity));
    }
  
    .ssm\:hover\:text-indigo-400:hover {
      --text-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--text-opacity));
    }
  
    .ssm\:hover\:text-indigo-500:hover {
      --text-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--text-opacity));
    }
  
    .ssm\:hover\:text-indigo-600:hover {
      --text-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--text-opacity));
    }
  
    .ssm\:hover\:text-indigo-700:hover {
      --text-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--text-opacity));
    }
  
    .ssm\:hover\:text-indigo-800:hover {
      --text-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--text-opacity));
    }
  
    .ssm\:hover\:text-indigo-900:hover {
      --text-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--text-opacity));
    }
  
    .ssm\:hover\:text-purple-100:hover {
      --text-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--text-opacity));
    }
  
    .ssm\:hover\:text-purple-200:hover {
      --text-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--text-opacity));
    }
  
    .ssm\:hover\:text-purple-300:hover {
      --text-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--text-opacity));
    }
  
    .ssm\:hover\:text-purple-400:hover {
      --text-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--text-opacity));
    }
  
    .ssm\:hover\:text-purple-500:hover {
      --text-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--text-opacity));
    }
  
    .ssm\:hover\:text-purple-600:hover {
      --text-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--text-opacity));
    }
  
    .ssm\:hover\:text-purple-700:hover {
      --text-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--text-opacity));
    }
  
    .ssm\:hover\:text-purple-800:hover {
      --text-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--text-opacity));
    }
  
    .ssm\:hover\:text-purple-900:hover {
      --text-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--text-opacity));
    }
  
    .ssm\:hover\:text-pink-100:hover {
      --text-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--text-opacity));
    }
  
    .ssm\:hover\:text-pink-200:hover {
      --text-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--text-opacity));
    }
  
    .ssm\:hover\:text-pink-300:hover {
      --text-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--text-opacity));
    }
  
    .ssm\:hover\:text-pink-400:hover {
      --text-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--text-opacity));
    }
  
    .ssm\:hover\:text-pink-500:hover {
      --text-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--text-opacity));
    }
  
    .ssm\:hover\:text-pink-600:hover {
      --text-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--text-opacity));
    }
  
    .ssm\:hover\:text-pink-700:hover {
      --text-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--text-opacity));
    }
  
    .ssm\:hover\:text-pink-800:hover {
      --text-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--text-opacity));
    }
  
    .ssm\:hover\:text-pink-900:hover {
      --text-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--text-opacity));
    }
  
    .ssm\:focus\:text-transparent:focus {
      color: transparent;
    }
  
    .ssm\:focus\:text-current:focus {
      color: currentColor;
    }
  
    .ssm\:focus\:text-black:focus {
      --text-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--text-opacity));
    }
  
    .ssm\:focus\:text-white:focus {
      --text-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, var(--text-opacity));
    }
  
    .ssm\:focus\:text-gray-100:focus {
      --text-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, var(--text-opacity));
    }
  
    .ssm\:focus\:text-gray-200:focus {
      --text-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, var(--text-opacity));
    }
  
    .ssm\:focus\:text-gray-300:focus {
      --text-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, var(--text-opacity));
    }
  
    .ssm\:focus\:text-gray-400:focus {
      --text-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, var(--text-opacity));
    }
  
    .ssm\:focus\:text-gray-500:focus {
      --text-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, var(--text-opacity));
    }
  
    .ssm\:focus\:text-gray-600:focus {
      --text-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, var(--text-opacity));
    }
  
    .ssm\:focus\:text-gray-700:focus {
      --text-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, var(--text-opacity));
    }
  
    .ssm\:focus\:text-gray-800:focus {
      --text-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, var(--text-opacity));
    }
  
    .ssm\:focus\:text-gray-900:focus {
      --text-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, var(--text-opacity));
    }
  
    .ssm\:focus\:text-red-100:focus {
      --text-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--text-opacity));
    }
  
    .ssm\:focus\:text-red-200:focus {
      --text-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--text-opacity));
    }
  
    .ssm\:focus\:text-red-300:focus {
      --text-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--text-opacity));
    }
  
    .ssm\:focus\:text-red-400:focus {
      --text-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--text-opacity));
    }
  
    .ssm\:focus\:text-red-500:focus {
      --text-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--text-opacity));
    }
  
    .ssm\:focus\:text-red-600:focus {
      --text-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--text-opacity));
    }
  
    .ssm\:focus\:text-red-700:focus {
      --text-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--text-opacity));
    }
  
    .ssm\:focus\:text-red-800:focus {
      --text-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--text-opacity));
    }
  
    .ssm\:focus\:text-red-900:focus {
      --text-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--text-opacity));
    }
  
    .ssm\:focus\:text-orange-100:focus {
      --text-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--text-opacity));
    }
  
    .ssm\:focus\:text-orange-200:focus {
      --text-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--text-opacity));
    }
  
    .ssm\:focus\:text-orange-300:focus {
      --text-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--text-opacity));
    }
  
    .ssm\:focus\:text-orange-400:focus {
      --text-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--text-opacity));
    }
  
    .ssm\:focus\:text-orange-500:focus {
      --text-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--text-opacity));
    }
  
    .ssm\:focus\:text-orange-600:focus {
      --text-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--text-opacity));
    }
  
    .ssm\:focus\:text-orange-700:focus {
      --text-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--text-opacity));
    }
  
    .ssm\:focus\:text-orange-800:focus {
      --text-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--text-opacity));
    }
  
    .ssm\:focus\:text-orange-900:focus {
      --text-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--text-opacity));
    }
  
    .ssm\:focus\:text-yellow-100:focus {
      --text-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--text-opacity));
    }
  
    .ssm\:focus\:text-yellow-200:focus {
      --text-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--text-opacity));
    }
  
    .ssm\:focus\:text-yellow-300:focus {
      --text-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--text-opacity));
    }
  
    .ssm\:focus\:text-yellow-400:focus {
      --text-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--text-opacity));
    }
  
    .ssm\:focus\:text-yellow-500:focus {
      --text-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--text-opacity));
    }
  
    .ssm\:focus\:text-yellow-600:focus {
      --text-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--text-opacity));
    }
  
    .ssm\:focus\:text-yellow-700:focus {
      --text-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--text-opacity));
    }
  
    .ssm\:focus\:text-yellow-800:focus {
      --text-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--text-opacity));
    }
  
    .ssm\:focus\:text-yellow-900:focus {
      --text-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--text-opacity));
    }
  
    .ssm\:focus\:text-green-100:focus {
      --text-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--text-opacity));
    }
  
    .ssm\:focus\:text-green-200:focus {
      --text-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--text-opacity));
    }
  
    .ssm\:focus\:text-green-300:focus {
      --text-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--text-opacity));
    }
  
    .ssm\:focus\:text-green-400:focus {
      --text-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--text-opacity));
    }
  
    .ssm\:focus\:text-green-500:focus {
      --text-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--text-opacity));
    }
  
    .ssm\:focus\:text-green-600:focus {
      --text-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--text-opacity));
    }
  
    .ssm\:focus\:text-green-700:focus {
      --text-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--text-opacity));
    }
  
    .ssm\:focus\:text-green-800:focus {
      --text-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--text-opacity));
    }
  
    .ssm\:focus\:text-green-900:focus {
      --text-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--text-opacity));
    }
  
    .ssm\:focus\:text-teal-100:focus {
      --text-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--text-opacity));
    }
  
    .ssm\:focus\:text-teal-200:focus {
      --text-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--text-opacity));
    }
  
    .ssm\:focus\:text-teal-300:focus {
      --text-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--text-opacity));
    }
  
    .ssm\:focus\:text-teal-400:focus {
      --text-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--text-opacity));
    }
  
    .ssm\:focus\:text-teal-500:focus {
      --text-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--text-opacity));
    }
  
    .ssm\:focus\:text-teal-600:focus {
      --text-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--text-opacity));
    }
  
    .ssm\:focus\:text-teal-700:focus {
      --text-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--text-opacity));
    }
  
    .ssm\:focus\:text-teal-800:focus {
      --text-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--text-opacity));
    }
  
    .ssm\:focus\:text-teal-900:focus {
      --text-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--text-opacity));
    }
  
    .ssm\:focus\:text-blue-100:focus {
      --text-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--text-opacity));
    }
  
    .ssm\:focus\:text-blue-200:focus {
      --text-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--text-opacity));
    }
  
    .ssm\:focus\:text-blue-300:focus {
      --text-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--text-opacity));
    }
  
    .ssm\:focus\:text-blue-400:focus {
      --text-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--text-opacity));
    }
  
    .ssm\:focus\:text-blue-500:focus {
      --text-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--text-opacity));
    }
  
    .ssm\:focus\:text-blue-600:focus {
      --text-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--text-opacity));
    }
  
    .ssm\:focus\:text-blue-700:focus {
      --text-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--text-opacity));
    }
  
    .ssm\:focus\:text-blue-800:focus {
      --text-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--text-opacity));
    }
  
    .ssm\:focus\:text-blue-900:focus {
      --text-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--text-opacity));
    }
  
    .ssm\:focus\:text-indigo-100:focus {
      --text-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--text-opacity));
    }
  
    .ssm\:focus\:text-indigo-200:focus {
      --text-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--text-opacity));
    }
  
    .ssm\:focus\:text-indigo-300:focus {
      --text-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--text-opacity));
    }
  
    .ssm\:focus\:text-indigo-400:focus {
      --text-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--text-opacity));
    }
  
    .ssm\:focus\:text-indigo-500:focus {
      --text-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--text-opacity));
    }
  
    .ssm\:focus\:text-indigo-600:focus {
      --text-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--text-opacity));
    }
  
    .ssm\:focus\:text-indigo-700:focus {
      --text-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--text-opacity));
    }
  
    .ssm\:focus\:text-indigo-800:focus {
      --text-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--text-opacity));
    }
  
    .ssm\:focus\:text-indigo-900:focus {
      --text-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--text-opacity));
    }
  
    .ssm\:focus\:text-purple-100:focus {
      --text-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--text-opacity));
    }
  
    .ssm\:focus\:text-purple-200:focus {
      --text-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--text-opacity));
    }
  
    .ssm\:focus\:text-purple-300:focus {
      --text-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--text-opacity));
    }
  
    .ssm\:focus\:text-purple-400:focus {
      --text-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--text-opacity));
    }
  
    .ssm\:focus\:text-purple-500:focus {
      --text-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--text-opacity));
    }
  
    .ssm\:focus\:text-purple-600:focus {
      --text-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--text-opacity));
    }
  
    .ssm\:focus\:text-purple-700:focus {
      --text-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--text-opacity));
    }
  
    .ssm\:focus\:text-purple-800:focus {
      --text-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--text-opacity));
    }
  
    .ssm\:focus\:text-purple-900:focus {
      --text-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--text-opacity));
    }
  
    .ssm\:focus\:text-pink-100:focus {
      --text-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--text-opacity));
    }
  
    .ssm\:focus\:text-pink-200:focus {
      --text-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--text-opacity));
    }
  
    .ssm\:focus\:text-pink-300:focus {
      --text-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--text-opacity));
    }
  
    .ssm\:focus\:text-pink-400:focus {
      --text-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--text-opacity));
    }
  
    .ssm\:focus\:text-pink-500:focus {
      --text-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--text-opacity));
    }
  
    .ssm\:focus\:text-pink-600:focus {
      --text-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--text-opacity));
    }
  
    .ssm\:focus\:text-pink-700:focus {
      --text-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--text-opacity));
    }
  
    .ssm\:focus\:text-pink-800:focus {
      --text-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--text-opacity));
    }
  
    .ssm\:focus\:text-pink-900:focus {
      --text-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--text-opacity));
    }
  
    .ssm\:text-opacity-0 {
      --text-opacity: 0;
    }
  
    .ssm\:text-opacity-25 {
      --text-opacity: 0.25;
    }
  
    .ssm\:text-opacity-50 {
      --text-opacity: 0.5;
    }
  
    .ssm\:text-opacity-75 {
      --text-opacity: 0.75;
    }
  
    .ssm\:text-opacity-100 {
      --text-opacity: 1;
    }
  
    .ssm\:hover\:text-opacity-0:hover {
      --text-opacity: 0;
    }
  
    .ssm\:hover\:text-opacity-25:hover {
      --text-opacity: 0.25;
    }
  
    .ssm\:hover\:text-opacity-50:hover {
      --text-opacity: 0.5;
    }
  
    .ssm\:hover\:text-opacity-75:hover {
      --text-opacity: 0.75;
    }
  
    .ssm\:hover\:text-opacity-100:hover {
      --text-opacity: 1;
    }
  
    .ssm\:focus\:text-opacity-0:focus {
      --text-opacity: 0;
    }
  
    .ssm\:focus\:text-opacity-25:focus {
      --text-opacity: 0.25;
    }
  
    .ssm\:focus\:text-opacity-50:focus {
      --text-opacity: 0.5;
    }
  
    .ssm\:focus\:text-opacity-75:focus {
      --text-opacity: 0.75;
    }
  
    .ssm\:focus\:text-opacity-100:focus {
      --text-opacity: 1;
    }
  
    .ssm\:italic {
      font-style: italic;
    }
  
    .ssm\:not-italic {
      font-style: normal;
    }
  
    .ssm\:uppercase {
      text-transform: uppercase;
    }
  
    .ssm\:lowercase {
      text-transform: lowercase;
    }
  
    .ssm\:capitalize {
      text-transform: capitalize;
    }
  
    .ssm\:normal-case {
      text-transform: none;
    }
  
    .ssm\:underline {
      text-decoration: underline;
    }
  
    .ssm\:line-through {
      text-decoration: line-through;
    }
  
    .ssm\:no-underline {
      text-decoration: none;
    }
  
    .ssm\:hover\:underline:hover {
      text-decoration: underline;
    }
  
    .ssm\:hover\:line-through:hover {
      text-decoration: line-through;
    }
  
    .ssm\:hover\:no-underline:hover {
      text-decoration: none;
    }
  
    .ssm\:focus\:underline:focus {
      text-decoration: underline;
    }
  
    .ssm\:focus\:line-through:focus {
      text-decoration: line-through;
    }
  
    .ssm\:focus\:no-underline:focus {
      text-decoration: none;
    }
  
    .ssm\:antialiased {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
  
    .ssm\:subpixel-antialiased {
      -webkit-font-smoothing: auto;
      -moz-osx-font-smoothing: auto;
    }
  
    .ssm\:tracking-tighter {
      letter-spacing: -0.05em;
    }
  
    .ssm\:tracking-tight {
      letter-spacing: -0.025em;
    }
  
    .ssm\:tracking-normal {
      letter-spacing: 0;
    }
  
    .ssm\:tracking-wide {
      letter-spacing: 0.025em;
    }
  
    .ssm\:tracking-wider {
      letter-spacing: 0.05em;
    }
  
    .ssm\:tracking-widest {
      letter-spacing: 0.1em;
    }
  
    .ssm\:select-none {
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
    }
  
    .ssm\:select-text {
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text;
    }
  
    .ssm\:select-all {
      -webkit-user-select: all;
         -moz-user-select: all;
          -ms-user-select: all;
              user-select: all;
    }
  
    .ssm\:select-auto {
      -webkit-user-select: auto;
         -moz-user-select: auto;
          -ms-user-select: auto;
              user-select: auto;
    }
  
    .ssm\:align-baseline {
      vertical-align: baseline;
    }
  
    .ssm\:align-top {
      vertical-align: top;
    }
  
    .ssm\:align-middle {
      vertical-align: middle;
    }
  
    .ssm\:align-bottom {
      vertical-align: bottom;
    }
  
    .ssm\:align-text-top {
      vertical-align: text-top;
    }
  
    .ssm\:align-text-bottom {
      vertical-align: text-bottom;
    }
  
    .ssm\:visible {
      visibility: visible;
    }
  
    .ssm\:invisible {
      visibility: hidden;
    }
  
    .ssm\:whitespace-normal {
      white-space: normal;
    }
  
    .ssm\:whitespace-no-wrap {
      white-space: nowrap;
    }
  
    .ssm\:whitespace-pre {
      white-space: pre;
    }
  
    .ssm\:whitespace-pre-line {
      white-space: pre-line;
    }
  
    .ssm\:whitespace-pre-wrap {
      white-space: pre-wrap;
    }
  
    .ssm\:break-normal {
      overflow-wrap: normal;
      word-break: normal;
    }
  
    .ssm\:break-words {
      overflow-wrap: break-word;
    }
  
    .ssm\:break-all {
      word-break: break-all;
    }
  
    .ssm\:truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  
    .ssm\:w-0 {
      width: 0;
    }
  
    .ssm\:w-1 {
      width: 0.25rem;
    }
  
    .ssm\:w-2 {
      width: 0.5rem;
    }
  
    .ssm\:w-3 {
      width: 0.75rem;
    }
  
    .ssm\:w-4 {
      width: 1rem;
    }
  
    .ssm\:w-5 {
      width: 1.25rem;
    }
  
    .ssm\:w-6 {
      width: 1.5rem;
    }
  
    .ssm\:w-8 {
      width: 2rem;
    }
  
    .ssm\:w-10 {
      width: 2.5rem;
    }
  
    .ssm\:w-12 {
      width: 3rem;
    }
  
    .ssm\:w-16 {
      width: 4rem;
    }
  
    .ssm\:w-20 {
      width: 5rem;
    }
  
    .ssm\:w-24 {
      width: 6rem;
    }
  
    .ssm\:w-32 {
      width: 8rem;
    }
  
    .ssm\:w-40 {
      width: 10rem;
    }
  
    .ssm\:w-48 {
      width: 12rem;
    }
  
    .ssm\:w-56 {
      width: 14rem;
    }
  
    .ssm\:w-64 {
      width: 16rem;
    }
  
    .ssm\:w-auto {
      width: auto;
    }
  
    .ssm\:w-px {
      width: 1px;
    }
  
    .ssm\:w-1\/2 {
      width: 50%;
    }
  
    .ssm\:w-1\/3 {
      width: 33.333333%;
    }
  
    .ssm\:w-2\/3 {
      width: 66.666667%;
    }
  
    .ssm\:w-1\/4 {
      width: 25%;
    }
  
    .ssm\:w-2\/4 {
      width: 50%;
    }
  
    .ssm\:w-3\/4 {
      width: 75%;
    }
  
    .ssm\:w-1\/5 {
      width: 20%;
    }
  
    .ssm\:w-2\/5 {
      width: 40%;
    }
  
    .ssm\:w-3\/5 {
      width: 60%;
    }
  
    .ssm\:w-4\/5 {
      width: 80%;
    }
  
    .ssm\:w-1\/6 {
      width: 16.666667%;
    }
  
    .ssm\:w-2\/6 {
      width: 33.333333%;
    }
  
    .ssm\:w-3\/6 {
      width: 50%;
    }
  
    .ssm\:w-4\/6 {
      width: 66.666667%;
    }
  
    .ssm\:w-5\/6 {
      width: 83.333333%;
    }
  
    .ssm\:w-1\/12 {
      width: 8.333333%;
    }
  
    .ssm\:w-2\/12 {
      width: 16.666667%;
    }
  
    .ssm\:w-3\/12 {
      width: 25%;
    }
  
    .ssm\:w-4\/12 {
      width: 33.333333%;
    }
  
    .ssm\:w-5\/12 {
      width: 41.666667%;
    }
  
    .ssm\:w-6\/12 {
      width: 50%;
    }
  
    .ssm\:w-7\/12 {
      width: 58.333333%;
    }
  
    .ssm\:w-8\/12 {
      width: 66.666667%;
    }
  
    .ssm\:w-9\/12 {
      width: 75%;
    }
  
    .ssm\:w-10\/12 {
      width: 83.333333%;
    }
  
    .ssm\:w-11\/12 {
      width: 91.666667%;
    }
  
    .ssm\:w-full {
      width: 100%;
    }
  
    .ssm\:w-screen {
      width: 100vw;
    }
  
    .ssm\:z-0 {
      z-index: 0;
    }
  
    .ssm\:z-10 {
      z-index: 10;
    }
  
    .ssm\:z-20 {
      z-index: 20;
    }
  
    .ssm\:z-30 {
      z-index: 30;
    }
  
    .ssm\:z-40 {
      z-index: 40;
    }
  
    .ssm\:z-50 {
      z-index: 50;
    }
  
    .ssm\:z-auto {
      z-index: auto;
    }
  
    .ssm\:gap-0 {
      grid-gap: 0;
      gap: 0;
    }
  
    .ssm\:gap-1 {
      grid-gap: 0.25rem;
      gap: 0.25rem;
    }
  
    .ssm\:gap-2 {
      grid-gap: 0.5rem;
      gap: 0.5rem;
    }
  
    .ssm\:gap-3 {
      grid-gap: 0.75rem;
      gap: 0.75rem;
    }
  
    .ssm\:gap-4 {
      grid-gap: 1rem;
      gap: 1rem;
    }
  
    .ssm\:gap-5 {
      grid-gap: 1.25rem;
      gap: 1.25rem;
    }
  
    .ssm\:gap-6 {
      grid-gap: 1.5rem;
      gap: 1.5rem;
    }
  
    .ssm\:gap-8 {
      grid-gap: 2rem;
      gap: 2rem;
    }
  
    .ssm\:gap-10 {
      grid-gap: 2.5rem;
      gap: 2.5rem;
    }
  
    .ssm\:gap-12 {
      grid-gap: 3rem;
      gap: 3rem;
    }
  
    .ssm\:gap-16 {
      grid-gap: 4rem;
      gap: 4rem;
    }
  
    .ssm\:gap-20 {
      grid-gap: 5rem;
      gap: 5rem;
    }
  
    .ssm\:gap-24 {
      grid-gap: 6rem;
      gap: 6rem;
    }
  
    .ssm\:gap-32 {
      grid-gap: 8rem;
      gap: 8rem;
    }
  
    .ssm\:gap-40 {
      grid-gap: 10rem;
      gap: 10rem;
    }
  
    .ssm\:gap-48 {
      grid-gap: 12rem;
      gap: 12rem;
    }
  
    .ssm\:gap-56 {
      grid-gap: 14rem;
      gap: 14rem;
    }
  
    .ssm\:gap-64 {
      grid-gap: 16rem;
      gap: 16rem;
    }
  
    .ssm\:gap-px {
      grid-gap: 1px;
      gap: 1px;
    }
  
    .ssm\:col-gap-0 {
      grid-column-gap: 0;
      -moz-column-gap: 0;
           column-gap: 0;
    }
  
    .ssm\:col-gap-1 {
      grid-column-gap: 0.25rem;
      -moz-column-gap: 0.25rem;
           column-gap: 0.25rem;
    }
  
    .ssm\:col-gap-2 {
      grid-column-gap: 0.5rem;
      -moz-column-gap: 0.5rem;
           column-gap: 0.5rem;
    }
  
    .ssm\:col-gap-3 {
      grid-column-gap: 0.75rem;
      -moz-column-gap: 0.75rem;
           column-gap: 0.75rem;
    }
  
    .ssm\:col-gap-4 {
      grid-column-gap: 1rem;
      -moz-column-gap: 1rem;
           column-gap: 1rem;
    }
  
    .ssm\:col-gap-5 {
      grid-column-gap: 1.25rem;
      -moz-column-gap: 1.25rem;
           column-gap: 1.25rem;
    }
  
    .ssm\:col-gap-6 {
      grid-column-gap: 1.5rem;
      -moz-column-gap: 1.5rem;
           column-gap: 1.5rem;
    }
  
    .ssm\:col-gap-8 {
      grid-column-gap: 2rem;
      -moz-column-gap: 2rem;
           column-gap: 2rem;
    }
  
    .ssm\:col-gap-10 {
      grid-column-gap: 2.5rem;
      -moz-column-gap: 2.5rem;
           column-gap: 2.5rem;
    }
  
    .ssm\:col-gap-12 {
      grid-column-gap: 3rem;
      -moz-column-gap: 3rem;
           column-gap: 3rem;
    }
  
    .ssm\:col-gap-16 {
      grid-column-gap: 4rem;
      -moz-column-gap: 4rem;
           column-gap: 4rem;
    }
  
    .ssm\:col-gap-20 {
      grid-column-gap: 5rem;
      -moz-column-gap: 5rem;
           column-gap: 5rem;
    }
  
    .ssm\:col-gap-24 {
      grid-column-gap: 6rem;
      -moz-column-gap: 6rem;
           column-gap: 6rem;
    }
  
    .ssm\:col-gap-32 {
      grid-column-gap: 8rem;
      -moz-column-gap: 8rem;
           column-gap: 8rem;
    }
  
    .ssm\:col-gap-40 {
      grid-column-gap: 10rem;
      -moz-column-gap: 10rem;
           column-gap: 10rem;
    }
  
    .ssm\:col-gap-48 {
      grid-column-gap: 12rem;
      -moz-column-gap: 12rem;
           column-gap: 12rem;
    }
  
    .ssm\:col-gap-56 {
      grid-column-gap: 14rem;
      -moz-column-gap: 14rem;
           column-gap: 14rem;
    }
  
    .ssm\:col-gap-64 {
      grid-column-gap: 16rem;
      -moz-column-gap: 16rem;
           column-gap: 16rem;
    }
  
    .ssm\:col-gap-px {
      grid-column-gap: 1px;
      -moz-column-gap: 1px;
           column-gap: 1px;
    }
  
    .ssm\:gap-x-0 {
      grid-column-gap: 0;
      -moz-column-gap: 0;
           column-gap: 0;
    }
  
    .ssm\:gap-x-1 {
      grid-column-gap: 0.25rem;
      -moz-column-gap: 0.25rem;
           column-gap: 0.25rem;
    }
  
    .ssm\:gap-x-2 {
      grid-column-gap: 0.5rem;
      -moz-column-gap: 0.5rem;
           column-gap: 0.5rem;
    }
  
    .ssm\:gap-x-3 {
      grid-column-gap: 0.75rem;
      -moz-column-gap: 0.75rem;
           column-gap: 0.75rem;
    }
  
    .ssm\:gap-x-4 {
      grid-column-gap: 1rem;
      -moz-column-gap: 1rem;
           column-gap: 1rem;
    }
  
    .ssm\:gap-x-5 {
      grid-column-gap: 1.25rem;
      -moz-column-gap: 1.25rem;
           column-gap: 1.25rem;
    }
  
    .ssm\:gap-x-6 {
      grid-column-gap: 1.5rem;
      -moz-column-gap: 1.5rem;
           column-gap: 1.5rem;
    }
  
    .ssm\:gap-x-8 {
      grid-column-gap: 2rem;
      -moz-column-gap: 2rem;
           column-gap: 2rem;
    }
  
    .ssm\:gap-x-10 {
      grid-column-gap: 2.5rem;
      -moz-column-gap: 2.5rem;
           column-gap: 2.5rem;
    }
  
    .ssm\:gap-x-12 {
      grid-column-gap: 3rem;
      -moz-column-gap: 3rem;
           column-gap: 3rem;
    }
  
    .ssm\:gap-x-16 {
      grid-column-gap: 4rem;
      -moz-column-gap: 4rem;
           column-gap: 4rem;
    }
  
    .ssm\:gap-x-20 {
      grid-column-gap: 5rem;
      -moz-column-gap: 5rem;
           column-gap: 5rem;
    }
  
    .ssm\:gap-x-24 {
      grid-column-gap: 6rem;
      -moz-column-gap: 6rem;
           column-gap: 6rem;
    }
  
    .ssm\:gap-x-32 {
      grid-column-gap: 8rem;
      -moz-column-gap: 8rem;
           column-gap: 8rem;
    }
  
    .ssm\:gap-x-40 {
      grid-column-gap: 10rem;
      -moz-column-gap: 10rem;
           column-gap: 10rem;
    }
  
    .ssm\:gap-x-48 {
      grid-column-gap: 12rem;
      -moz-column-gap: 12rem;
           column-gap: 12rem;
    }
  
    .ssm\:gap-x-56 {
      grid-column-gap: 14rem;
      -moz-column-gap: 14rem;
           column-gap: 14rem;
    }
  
    .ssm\:gap-x-64 {
      grid-column-gap: 16rem;
      -moz-column-gap: 16rem;
           column-gap: 16rem;
    }
  
    .ssm\:gap-x-px {
      grid-column-gap: 1px;
      -moz-column-gap: 1px;
           column-gap: 1px;
    }
  
    .ssm\:row-gap-0 {
      grid-row-gap: 0;
      row-gap: 0;
    }
  
    .ssm\:row-gap-1 {
      grid-row-gap: 0.25rem;
      row-gap: 0.25rem;
    }
  
    .ssm\:row-gap-2 {
      grid-row-gap: 0.5rem;
      row-gap: 0.5rem;
    }
  
    .ssm\:row-gap-3 {
      grid-row-gap: 0.75rem;
      row-gap: 0.75rem;
    }
  
    .ssm\:row-gap-4 {
      grid-row-gap: 1rem;
      row-gap: 1rem;
    }
  
    .ssm\:row-gap-5 {
      grid-row-gap: 1.25rem;
      row-gap: 1.25rem;
    }
  
    .ssm\:row-gap-6 {
      grid-row-gap: 1.5rem;
      row-gap: 1.5rem;
    }
  
    .ssm\:row-gap-8 {
      grid-row-gap: 2rem;
      row-gap: 2rem;
    }
  
    .ssm\:row-gap-10 {
      grid-row-gap: 2.5rem;
      row-gap: 2.5rem;
    }
  
    .ssm\:row-gap-12 {
      grid-row-gap: 3rem;
      row-gap: 3rem;
    }
  
    .ssm\:row-gap-16 {
      grid-row-gap: 4rem;
      row-gap: 4rem;
    }
  
    .ssm\:row-gap-20 {
      grid-row-gap: 5rem;
      row-gap: 5rem;
    }
  
    .ssm\:row-gap-24 {
      grid-row-gap: 6rem;
      row-gap: 6rem;
    }
  
    .ssm\:row-gap-32 {
      grid-row-gap: 8rem;
      row-gap: 8rem;
    }
  
    .ssm\:row-gap-40 {
      grid-row-gap: 10rem;
      row-gap: 10rem;
    }
  
    .ssm\:row-gap-48 {
      grid-row-gap: 12rem;
      row-gap: 12rem;
    }
  
    .ssm\:row-gap-56 {
      grid-row-gap: 14rem;
      row-gap: 14rem;
    }
  
    .ssm\:row-gap-64 {
      grid-row-gap: 16rem;
      row-gap: 16rem;
    }
  
    .ssm\:row-gap-px {
      grid-row-gap: 1px;
      row-gap: 1px;
    }
  
    .ssm\:gap-y-0 {
      grid-row-gap: 0;
      row-gap: 0;
    }
  
    .ssm\:gap-y-1 {
      grid-row-gap: 0.25rem;
      row-gap: 0.25rem;
    }
  
    .ssm\:gap-y-2 {
      grid-row-gap: 0.5rem;
      row-gap: 0.5rem;
    }
  
    .ssm\:gap-y-3 {
      grid-row-gap: 0.75rem;
      row-gap: 0.75rem;
    }
  
    .ssm\:gap-y-4 {
      grid-row-gap: 1rem;
      row-gap: 1rem;
    }
  
    .ssm\:gap-y-5 {
      grid-row-gap: 1.25rem;
      row-gap: 1.25rem;
    }
  
    .ssm\:gap-y-6 {
      grid-row-gap: 1.5rem;
      row-gap: 1.5rem;
    }
  
    .ssm\:gap-y-8 {
      grid-row-gap: 2rem;
      row-gap: 2rem;
    }
  
    .ssm\:gap-y-10 {
      grid-row-gap: 2.5rem;
      row-gap: 2.5rem;
    }
  
    .ssm\:gap-y-12 {
      grid-row-gap: 3rem;
      row-gap: 3rem;
    }
  
    .ssm\:gap-y-16 {
      grid-row-gap: 4rem;
      row-gap: 4rem;
    }
  
    .ssm\:gap-y-20 {
      grid-row-gap: 5rem;
      row-gap: 5rem;
    }
  
    .ssm\:gap-y-24 {
      grid-row-gap: 6rem;
      row-gap: 6rem;
    }
  
    .ssm\:gap-y-32 {
      grid-row-gap: 8rem;
      row-gap: 8rem;
    }
  
    .ssm\:gap-y-40 {
      grid-row-gap: 10rem;
      row-gap: 10rem;
    }
  
    .ssm\:gap-y-48 {
      grid-row-gap: 12rem;
      row-gap: 12rem;
    }
  
    .ssm\:gap-y-56 {
      grid-row-gap: 14rem;
      row-gap: 14rem;
    }
  
    .ssm\:gap-y-64 {
      grid-row-gap: 16rem;
      row-gap: 16rem;
    }
  
    .ssm\:gap-y-px {
      grid-row-gap: 1px;
      row-gap: 1px;
    }
  
    .ssm\:grid-flow-row {
      grid-auto-flow: row;
    }
  
    .ssm\:grid-flow-col {
      grid-auto-flow: column;
    }
  
    .ssm\:grid-flow-row-dense {
      grid-auto-flow: row dense;
    }
  
    .ssm\:grid-flow-col-dense {
      grid-auto-flow: column dense;
    }
  
    .ssm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  
    .ssm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  
    .ssm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  
    .ssm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  
    .ssm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  
    .ssm\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  
    .ssm\:grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  
    .ssm\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  
    .ssm\:grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr));
    }
  
    .ssm\:grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  
    .ssm\:grid-cols-11 {
      grid-template-columns: repeat(11, minmax(0, 1fr));
    }
  
    .ssm\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  
    .ssm\:grid-cols-none {
      grid-template-columns: none;
    }
  
    .ssm\:col-auto {
      grid-column: auto;
    }
  
    .ssm\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  
    .ssm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  
    .ssm\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  
    .ssm\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  
    .ssm\:col-span-5 {
      grid-column: span 5 / span 5;
    }
  
    .ssm\:col-span-6 {
      grid-column: span 6 / span 6;
    }
  
    .ssm\:col-span-7 {
      grid-column: span 7 / span 7;
    }
  
    .ssm\:col-span-8 {
      grid-column: span 8 / span 8;
    }
  
    .ssm\:col-span-9 {
      grid-column: span 9 / span 9;
    }
  
    .ssm\:col-span-10 {
      grid-column: span 10 / span 10;
    }
  
    .ssm\:col-span-11 {
      grid-column: span 11 / span 11;
    }
  
    .ssm\:col-span-12 {
      grid-column: span 12 / span 12;
    }
  
    .ssm\:col-start-1 {
      grid-column-start: 1;
    }
  
    .ssm\:col-start-2 {
      grid-column-start: 2;
    }
  
    .ssm\:col-start-3 {
      grid-column-start: 3;
    }
  
    .ssm\:col-start-4 {
      grid-column-start: 4;
    }
  
    .ssm\:col-start-5 {
      grid-column-start: 5;
    }
  
    .ssm\:col-start-6 {
      grid-column-start: 6;
    }
  
    .ssm\:col-start-7 {
      grid-column-start: 7;
    }
  
    .ssm\:col-start-8 {
      grid-column-start: 8;
    }
  
    .ssm\:col-start-9 {
      grid-column-start: 9;
    }
  
    .ssm\:col-start-10 {
      grid-column-start: 10;
    }
  
    .ssm\:col-start-11 {
      grid-column-start: 11;
    }
  
    .ssm\:col-start-12 {
      grid-column-start: 12;
    }
  
    .ssm\:col-start-13 {
      grid-column-start: 13;
    }
  
    .ssm\:col-start-auto {
      grid-column-start: auto;
    }
  
    .ssm\:col-end-1 {
      grid-column-end: 1;
    }
  
    .ssm\:col-end-2 {
      grid-column-end: 2;
    }
  
    .ssm\:col-end-3 {
      grid-column-end: 3;
    }
  
    .ssm\:col-end-4 {
      grid-column-end: 4;
    }
  
    .ssm\:col-end-5 {
      grid-column-end: 5;
    }
  
    .ssm\:col-end-6 {
      grid-column-end: 6;
    }
  
    .ssm\:col-end-7 {
      grid-column-end: 7;
    }
  
    .ssm\:col-end-8 {
      grid-column-end: 8;
    }
  
    .ssm\:col-end-9 {
      grid-column-end: 9;
    }
  
    .ssm\:col-end-10 {
      grid-column-end: 10;
    }
  
    .ssm\:col-end-11 {
      grid-column-end: 11;
    }
  
    .ssm\:col-end-12 {
      grid-column-end: 12;
    }
  
    .ssm\:col-end-13 {
      grid-column-end: 13;
    }
  
    .ssm\:col-end-auto {
      grid-column-end: auto;
    }
  
    .ssm\:grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
  
    .ssm\:grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }
  
    .ssm\:grid-rows-3 {
      grid-template-rows: repeat(3, minmax(0, 1fr));
    }
  
    .ssm\:grid-rows-4 {
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }
  
    .ssm\:grid-rows-5 {
      grid-template-rows: repeat(5, minmax(0, 1fr));
    }
  
    .ssm\:grid-rows-6 {
      grid-template-rows: repeat(6, minmax(0, 1fr));
    }
  
    .ssm\:grid-rows-none {
      grid-template-rows: none;
    }
  
    .ssm\:row-auto {
      grid-row: auto;
    }
  
    .ssm\:row-span-1 {
      grid-row: span 1 / span 1;
    }
  
    .ssm\:row-span-2 {
      grid-row: span 2 / span 2;
    }
  
    .ssm\:row-span-3 {
      grid-row: span 3 / span 3;
    }
  
    .ssm\:row-span-4 {
      grid-row: span 4 / span 4;
    }
  
    .ssm\:row-span-5 {
      grid-row: span 5 / span 5;
    }
  
    .ssm\:row-span-6 {
      grid-row: span 6 / span 6;
    }
  
    .ssm\:row-start-1 {
      grid-row-start: 1;
    }
  
    .ssm\:row-start-2 {
      grid-row-start: 2;
    }
  
    .ssm\:row-start-3 {
      grid-row-start: 3;
    }
  
    .ssm\:row-start-4 {
      grid-row-start: 4;
    }
  
    .ssm\:row-start-5 {
      grid-row-start: 5;
    }
  
    .ssm\:row-start-6 {
      grid-row-start: 6;
    }
  
    .ssm\:row-start-7 {
      grid-row-start: 7;
    }
  
    .ssm\:row-start-auto {
      grid-row-start: auto;
    }
  
    .ssm\:row-end-1 {
      grid-row-end: 1;
    }
  
    .ssm\:row-end-2 {
      grid-row-end: 2;
    }
  
    .ssm\:row-end-3 {
      grid-row-end: 3;
    }
  
    .ssm\:row-end-4 {
      grid-row-end: 4;
    }
  
    .ssm\:row-end-5 {
      grid-row-end: 5;
    }
  
    .ssm\:row-end-6 {
      grid-row-end: 6;
    }
  
    .ssm\:row-end-7 {
      grid-row-end: 7;
    }
  
    .ssm\:row-end-auto {
      grid-row-end: auto;
    }
  
    .ssm\: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));
    }
  
    .ssm\:transform-none {
      transform: none;
    }
  
    .ssm\:origin-center {
      transform-origin: center;
    }
  
    .ssm\:origin-top {
      transform-origin: top;
    }
  
    .ssm\:origin-top-right {
      transform-origin: top right;
    }
  
    .ssm\:origin-right {
      transform-origin: right;
    }
  
    .ssm\:origin-bottom-right {
      transform-origin: bottom right;
    }
  
    .ssm\:origin-bottom {
      transform-origin: bottom;
    }
  
    .ssm\:origin-bottom-left {
      transform-origin: bottom left;
    }
  
    .ssm\:origin-left {
      transform-origin: left;
    }
  
    .ssm\:origin-top-left {
      transform-origin: top left;
    }
  
    .ssm\:scale-0 {
      --transform-scale-x: 0;
      --transform-scale-y: 0;
    }
  
    .ssm\:scale-50 {
      --transform-scale-x: .5;
      --transform-scale-y: .5;
    }
  
    .ssm\:scale-75 {
      --transform-scale-x: .75;
      --transform-scale-y: .75;
    }
  
    .ssm\:scale-90 {
      --transform-scale-x: .9;
      --transform-scale-y: .9;
    }
  
    .ssm\:scale-95 {
      --transform-scale-x: .95;
      --transform-scale-y: .95;
    }
  
    .ssm\:scale-100 {
      --transform-scale-x: 1;
      --transform-scale-y: 1;
    }
  
    .ssm\:scale-105 {
      --transform-scale-x: 1.05;
      --transform-scale-y: 1.05;
    }
  
    .ssm\:scale-110 {
      --transform-scale-x: 1.1;
      --transform-scale-y: 1.1;
    }
  
    .ssm\:scale-125 {
      --transform-scale-x: 1.25;
      --transform-scale-y: 1.25;
    }
  
    .ssm\:scale-150 {
      --transform-scale-x: 1.5;
      --transform-scale-y: 1.5;
    }
  
    .ssm\:scale-x-0 {
      --transform-scale-x: 0;
    }
  
    .ssm\:scale-x-50 {
      --transform-scale-x: .5;
    }
  
    .ssm\:scale-x-75 {
      --transform-scale-x: .75;
    }
  
    .ssm\:scale-x-90 {
      --transform-scale-x: .9;
    }
  
    .ssm\:scale-x-95 {
      --transform-scale-x: .95;
    }
  
    .ssm\:scale-x-100 {
      --transform-scale-x: 1;
    }
  
    .ssm\:scale-x-105 {
      --transform-scale-x: 1.05;
    }
  
    .ssm\:scale-x-110 {
      --transform-scale-x: 1.1;
    }
  
    .ssm\:scale-x-125 {
      --transform-scale-x: 1.25;
    }
  
    .ssm\:scale-x-150 {
      --transform-scale-x: 1.5;
    }
  
    .ssm\:scale-y-0 {
      --transform-scale-y: 0;
    }
  
    .ssm\:scale-y-50 {
      --transform-scale-y: .5;
    }
  
    .ssm\:scale-y-75 {
      --transform-scale-y: .75;
    }
  
    .ssm\:scale-y-90 {
      --transform-scale-y: .9;
    }
  
    .ssm\:scale-y-95 {
      --transform-scale-y: .95;
    }
  
    .ssm\:scale-y-100 {
      --transform-scale-y: 1;
    }
  
    .ssm\:scale-y-105 {
      --transform-scale-y: 1.05;
    }
  
    .ssm\:scale-y-110 {
      --transform-scale-y: 1.1;
    }
  
    .ssm\:scale-y-125 {
      --transform-scale-y: 1.25;
    }
  
    .ssm\:scale-y-150 {
      --transform-scale-y: 1.5;
    }
  
    .ssm\:hover\:scale-0:hover {
      --transform-scale-x: 0;
      --transform-scale-y: 0;
    }
  
    .ssm\:hover\:scale-50:hover {
      --transform-scale-x: .5;
      --transform-scale-y: .5;
    }
  
    .ssm\:hover\:scale-75:hover {
      --transform-scale-x: .75;
      --transform-scale-y: .75;
    }
  
    .ssm\:hover\:scale-90:hover {
      --transform-scale-x: .9;
      --transform-scale-y: .9;
    }
  
    .ssm\:hover\:scale-95:hover {
      --transform-scale-x: .95;
      --transform-scale-y: .95;
    }
  
    .ssm\:hover\:scale-100:hover {
      --transform-scale-x: 1;
      --transform-scale-y: 1;
    }
  
    .ssm\:hover\:scale-105:hover {
      --transform-scale-x: 1.05;
      --transform-scale-y: 1.05;
    }
  
    .ssm\:hover\:scale-110:hover {
      --transform-scale-x: 1.1;
      --transform-scale-y: 1.1;
    }
  
    .ssm\:hover\:scale-125:hover {
      --transform-scale-x: 1.25;
      --transform-scale-y: 1.25;
    }
  
    .ssm\:hover\:scale-150:hover {
      --transform-scale-x: 1.5;
      --transform-scale-y: 1.5;
    }
  
    .ssm\:hover\:scale-x-0:hover {
      --transform-scale-x: 0;
    }
  
    .ssm\:hover\:scale-x-50:hover {
      --transform-scale-x: .5;
    }
  
    .ssm\:hover\:scale-x-75:hover {
      --transform-scale-x: .75;
    }
  
    .ssm\:hover\:scale-x-90:hover {
      --transform-scale-x: .9;
    }
  
    .ssm\:hover\:scale-x-95:hover {
      --transform-scale-x: .95;
    }
  
    .ssm\:hover\:scale-x-100:hover {
      --transform-scale-x: 1;
    }
  
    .ssm\:hover\:scale-x-105:hover {
      --transform-scale-x: 1.05;
    }
  
    .ssm\:hover\:scale-x-110:hover {
      --transform-scale-x: 1.1;
    }
  
    .ssm\:hover\:scale-x-125:hover {
      --transform-scale-x: 1.25;
    }
  
    .ssm\:hover\:scale-x-150:hover {
      --transform-scale-x: 1.5;
    }
  
    .ssm\:hover\:scale-y-0:hover {
      --transform-scale-y: 0;
    }
  
    .ssm\:hover\:scale-y-50:hover {
      --transform-scale-y: .5;
    }
  
    .ssm\:hover\:scale-y-75:hover {
      --transform-scale-y: .75;
    }
  
    .ssm\:hover\:scale-y-90:hover {
      --transform-scale-y: .9;
    }
  
    .ssm\:hover\:scale-y-95:hover {
      --transform-scale-y: .95;
    }
  
    .ssm\:hover\:scale-y-100:hover {
      --transform-scale-y: 1;
    }
  
    .ssm\:hover\:scale-y-105:hover {
      --transform-scale-y: 1.05;
    }
  
    .ssm\:hover\:scale-y-110:hover {
      --transform-scale-y: 1.1;
    }
  
    .ssm\:hover\:scale-y-125:hover {
      --transform-scale-y: 1.25;
    }
  
    .ssm\:hover\:scale-y-150:hover {
      --transform-scale-y: 1.5;
    }
  
    .ssm\:focus\:scale-0:focus {
      --transform-scale-x: 0;
      --transform-scale-y: 0;
    }
  
    .ssm\:focus\:scale-50:focus {
      --transform-scale-x: .5;
      --transform-scale-y: .5;
    }
  
    .ssm\:focus\:scale-75:focus {
      --transform-scale-x: .75;
      --transform-scale-y: .75;
    }
  
    .ssm\:focus\:scale-90:focus {
      --transform-scale-x: .9;
      --transform-scale-y: .9;
    }
  
    .ssm\:focus\:scale-95:focus {
      --transform-scale-x: .95;
      --transform-scale-y: .95;
    }
  
    .ssm\:focus\:scale-100:focus {
      --transform-scale-x: 1;
      --transform-scale-y: 1;
    }
  
    .ssm\:focus\:scale-105:focus {
      --transform-scale-x: 1.05;
      --transform-scale-y: 1.05;
    }
  
    .ssm\:focus\:scale-110:focus {
      --transform-scale-x: 1.1;
      --transform-scale-y: 1.1;
    }
  
    .ssm\:focus\:scale-125:focus {
      --transform-scale-x: 1.25;
      --transform-scale-y: 1.25;
    }
  
    .ssm\:focus\:scale-150:focus {
      --transform-scale-x: 1.5;
      --transform-scale-y: 1.5;
    }
  
    .ssm\:focus\:scale-x-0:focus {
      --transform-scale-x: 0;
    }
  
    .ssm\:focus\:scale-x-50:focus {
      --transform-scale-x: .5;
    }
  
    .ssm\:focus\:scale-x-75:focus {
      --transform-scale-x: .75;
    }
  
    .ssm\:focus\:scale-x-90:focus {
      --transform-scale-x: .9;
    }
  
    .ssm\:focus\:scale-x-95:focus {
      --transform-scale-x: .95;
    }
  
    .ssm\:focus\:scale-x-100:focus {
      --transform-scale-x: 1;
    }
  
    .ssm\:focus\:scale-x-105:focus {
      --transform-scale-x: 1.05;
    }
  
    .ssm\:focus\:scale-x-110:focus {
      --transform-scale-x: 1.1;
    }
  
    .ssm\:focus\:scale-x-125:focus {
      --transform-scale-x: 1.25;
    }
  
    .ssm\:focus\:scale-x-150:focus {
      --transform-scale-x: 1.5;
    }
  
    .ssm\:focus\:scale-y-0:focus {
      --transform-scale-y: 0;
    }
  
    .ssm\:focus\:scale-y-50:focus {
      --transform-scale-y: .5;
    }
  
    .ssm\:focus\:scale-y-75:focus {
      --transform-scale-y: .75;
    }
  
    .ssm\:focus\:scale-y-90:focus {
      --transform-scale-y: .9;
    }
  
    .ssm\:focus\:scale-y-95:focus {
      --transform-scale-y: .95;
    }
  
    .ssm\:focus\:scale-y-100:focus {
      --transform-scale-y: 1;
    }
  
    .ssm\:focus\:scale-y-105:focus {
      --transform-scale-y: 1.05;
    }
  
    .ssm\:focus\:scale-y-110:focus {
      --transform-scale-y: 1.1;
    }
  
    .ssm\:focus\:scale-y-125:focus {
      --transform-scale-y: 1.25;
    }
  
    .ssm\:focus\:scale-y-150:focus {
      --transform-scale-y: 1.5;
    }
  
    .ssm\:rotate-0 {
      --transform-rotate: 0;
    }
  
    .ssm\:rotate-45 {
      --transform-rotate: 45deg;
    }
  
    .ssm\:rotate-90 {
      --transform-rotate: 90deg;
    }
  
    .ssm\:rotate-180 {
      --transform-rotate: 180deg;
    }
  
    .ssm\:-rotate-180 {
      --transform-rotate: -180deg;
    }
  
    .ssm\:-rotate-90 {
      --transform-rotate: -90deg;
    }
  
    .ssm\:-rotate-45 {
      --transform-rotate: -45deg;
    }
  
    .ssm\:hover\:rotate-0:hover {
      --transform-rotate: 0;
    }
  
    .ssm\:hover\:rotate-45:hover {
      --transform-rotate: 45deg;
    }
  
    .ssm\:hover\:rotate-90:hover {
      --transform-rotate: 90deg;
    }
  
    .ssm\:hover\:rotate-180:hover {
      --transform-rotate: 180deg;
    }
  
    .ssm\:hover\:-rotate-180:hover {
      --transform-rotate: -180deg;
    }
  
    .ssm\:hover\:-rotate-90:hover {
      --transform-rotate: -90deg;
    }
  
    .ssm\:hover\:-rotate-45:hover {
      --transform-rotate: -45deg;
    }
  
    .ssm\:focus\:rotate-0:focus {
      --transform-rotate: 0;
    }
  
    .ssm\:focus\:rotate-45:focus {
      --transform-rotate: 45deg;
    }
  
    .ssm\:focus\:rotate-90:focus {
      --transform-rotate: 90deg;
    }
  
    .ssm\:focus\:rotate-180:focus {
      --transform-rotate: 180deg;
    }
  
    .ssm\:focus\:-rotate-180:focus {
      --transform-rotate: -180deg;
    }
  
    .ssm\:focus\:-rotate-90:focus {
      --transform-rotate: -90deg;
    }
  
    .ssm\:focus\:-rotate-45:focus {
      --transform-rotate: -45deg;
    }
  
    .ssm\:translate-x-0 {
      --transform-translate-x: 0;
    }
  
    .ssm\:translate-x-1 {
      --transform-translate-x: 0.25rem;
    }
  
    .ssm\:translate-x-2 {
      --transform-translate-x: 0.5rem;
    }
  
    .ssm\:translate-x-3 {
      --transform-translate-x: 0.75rem;
    }
  
    .ssm\:translate-x-4 {
      --transform-translate-x: 1rem;
    }
  
    .ssm\:translate-x-5 {
      --transform-translate-x: 1.25rem;
    }
  
    .ssm\:translate-x-6 {
      --transform-translate-x: 1.5rem;
    }
  
    .ssm\:translate-x-8 {
      --transform-translate-x: 2rem;
    }
  
    .ssm\:translate-x-10 {
      --transform-translate-x: 2.5rem;
    }
  
    .ssm\:translate-x-12 {
      --transform-translate-x: 3rem;
    }
  
    .ssm\:translate-x-16 {
      --transform-translate-x: 4rem;
    }
  
    .ssm\:translate-x-20 {
      --transform-translate-x: 5rem;
    }
  
    .ssm\:translate-x-24 {
      --transform-translate-x: 6rem;
    }
  
    .ssm\:translate-x-32 {
      --transform-translate-x: 8rem;
    }
  
    .ssm\:translate-x-40 {
      --transform-translate-x: 10rem;
    }
  
    .ssm\:translate-x-48 {
      --transform-translate-x: 12rem;
    }
  
    .ssm\:translate-x-56 {
      --transform-translate-x: 14rem;
    }
  
    .ssm\:translate-x-64 {
      --transform-translate-x: 16rem;
    }
  
    .ssm\:translate-x-px {
      --transform-translate-x: 1px;
    }
  
    .ssm\:-translate-x-1 {
      --transform-translate-x: -0.25rem;
    }
  
    .ssm\:-translate-x-2 {
      --transform-translate-x: -0.5rem;
    }
  
    .ssm\:-translate-x-3 {
      --transform-translate-x: -0.75rem;
    }
  
    .ssm\:-translate-x-4 {
      --transform-translate-x: -1rem;
    }
  
    .ssm\:-translate-x-5 {
      --transform-translate-x: -1.25rem;
    }
  
    .ssm\:-translate-x-6 {
      --transform-translate-x: -1.5rem;
    }
  
    .ssm\:-translate-x-8 {
      --transform-translate-x: -2rem;
    }
  
    .ssm\:-translate-x-10 {
      --transform-translate-x: -2.5rem;
    }
  
    .ssm\:-translate-x-12 {
      --transform-translate-x: -3rem;
    }
  
    .ssm\:-translate-x-16 {
      --transform-translate-x: -4rem;
    }
  
    .ssm\:-translate-x-20 {
      --transform-translate-x: -5rem;
    }
  
    .ssm\:-translate-x-24 {
      --transform-translate-x: -6rem;
    }
  
    .ssm\:-translate-x-32 {
      --transform-translate-x: -8rem;
    }
  
    .ssm\:-translate-x-40 {
      --transform-translate-x: -10rem;
    }
  
    .ssm\:-translate-x-48 {
      --transform-translate-x: -12rem;
    }
  
    .ssm\:-translate-x-56 {
      --transform-translate-x: -14rem;
    }
  
    .ssm\:-translate-x-64 {
      --transform-translate-x: -16rem;
    }
  
    .ssm\:-translate-x-px {
      --transform-translate-x: -1px;
    }
  
    .ssm\:-translate-x-full {
      --transform-translate-x: -100%;
    }
  
    .ssm\:-translate-x-1\/2 {
      --transform-translate-x: -50%;
    }
  
    .ssm\:translate-x-1\/2 {
      --transform-translate-x: 50%;
    }
  
    .ssm\:translate-x-full {
      --transform-translate-x: 100%;
    }
  
    .ssm\:translate-y-0 {
      --transform-translate-y: 0;
    }
  
    .ssm\:translate-y-1 {
      --transform-translate-y: 0.25rem;
    }
  
    .ssm\:translate-y-2 {
      --transform-translate-y: 0.5rem;
    }
  
    .ssm\:translate-y-3 {
      --transform-translate-y: 0.75rem;
    }
  
    .ssm\:translate-y-4 {
      --transform-translate-y: 1rem;
    }
  
    .ssm\:translate-y-5 {
      --transform-translate-y: 1.25rem;
    }
  
    .ssm\:translate-y-6 {
      --transform-translate-y: 1.5rem;
    }
  
    .ssm\:translate-y-8 {
      --transform-translate-y: 2rem;
    }
  
    .ssm\:translate-y-10 {
      --transform-translate-y: 2.5rem;
    }
  
    .ssm\:translate-y-12 {
      --transform-translate-y: 3rem;
    }
  
    .ssm\:translate-y-16 {
      --transform-translate-y: 4rem;
    }
  
    .ssm\:translate-y-20 {
      --transform-translate-y: 5rem;
    }
  
    .ssm\:translate-y-24 {
      --transform-translate-y: 6rem;
    }
  
    .ssm\:translate-y-32 {
      --transform-translate-y: 8rem;
    }
  
    .ssm\:translate-y-40 {
      --transform-translate-y: 10rem;
    }
  
    .ssm\:translate-y-48 {
      --transform-translate-y: 12rem;
    }
  
    .ssm\:translate-y-56 {
      --transform-translate-y: 14rem;
    }
  
    .ssm\:translate-y-64 {
      --transform-translate-y: 16rem;
    }
  
    .ssm\:translate-y-px {
      --transform-translate-y: 1px;
    }
  
    .ssm\:-translate-y-1 {
      --transform-translate-y: -0.25rem;
    }
  
    .ssm\:-translate-y-2 {
      --transform-translate-y: -0.5rem;
    }
  
    .ssm\:-translate-y-3 {
      --transform-translate-y: -0.75rem;
    }
  
    .ssm\:-translate-y-4 {
      --transform-translate-y: -1rem;
    }
  
    .ssm\:-translate-y-5 {
      --transform-translate-y: -1.25rem;
    }
  
    .ssm\:-translate-y-6 {
      --transform-translate-y: -1.5rem;
    }
  
    .ssm\:-translate-y-8 {
      --transform-translate-y: -2rem;
    }
  
    .ssm\:-translate-y-10 {
      --transform-translate-y: -2.5rem;
    }
  
    .ssm\:-translate-y-12 {
      --transform-translate-y: -3rem;
    }
  
    .ssm\:-translate-y-16 {
      --transform-translate-y: -4rem;
    }
  
    .ssm\:-translate-y-20 {
      --transform-translate-y: -5rem;
    }
  
    .ssm\:-translate-y-24 {
      --transform-translate-y: -6rem;
    }
  
    .ssm\:-translate-y-32 {
      --transform-translate-y: -8rem;
    }
  
    .ssm\:-translate-y-40 {
      --transform-translate-y: -10rem;
    }
  
    .ssm\:-translate-y-48 {
      --transform-translate-y: -12rem;
    }
  
    .ssm\:-translate-y-56 {
      --transform-translate-y: -14rem;
    }
  
    .ssm\:-translate-y-64 {
      --transform-translate-y: -16rem;
    }
  
    .ssm\:-translate-y-px {
      --transform-translate-y: -1px;
    }
  
    .ssm\:-translate-y-full {
      --transform-translate-y: -100%;
    }
  
    .ssm\:-translate-y-1\/2 {
      --transform-translate-y: -50%;
    }
  
    .ssm\:translate-y-1\/2 {
      --transform-translate-y: 50%;
    }
  
    .ssm\:translate-y-full {
      --transform-translate-y: 100%;
    }
  
    .ssm\:hover\:translate-x-0:hover {
      --transform-translate-x: 0;
    }
  
    .ssm\:hover\:translate-x-1:hover {
      --transform-translate-x: 0.25rem;
    }
  
    .ssm\:hover\:translate-x-2:hover {
      --transform-translate-x: 0.5rem;
    }
  
    .ssm\:hover\:translate-x-3:hover {
      --transform-translate-x: 0.75rem;
    }
  
    .ssm\:hover\:translate-x-4:hover {
      --transform-translate-x: 1rem;
    }
  
    .ssm\:hover\:translate-x-5:hover {
      --transform-translate-x: 1.25rem;
    }
  
    .ssm\:hover\:translate-x-6:hover {
      --transform-translate-x: 1.5rem;
    }
  
    .ssm\:hover\:translate-x-8:hover {
      --transform-translate-x: 2rem;
    }
  
    .ssm\:hover\:translate-x-10:hover {
      --transform-translate-x: 2.5rem;
    }
  
    .ssm\:hover\:translate-x-12:hover {
      --transform-translate-x: 3rem;
    }
  
    .ssm\:hover\:translate-x-16:hover {
      --transform-translate-x: 4rem;
    }
  
    .ssm\:hover\:translate-x-20:hover {
      --transform-translate-x: 5rem;
    }
  
    .ssm\:hover\:translate-x-24:hover {
      --transform-translate-x: 6rem;
    }
  
    .ssm\:hover\:translate-x-32:hover {
      --transform-translate-x: 8rem;
    }
  
    .ssm\:hover\:translate-x-40:hover {
      --transform-translate-x: 10rem;
    }
  
    .ssm\:hover\:translate-x-48:hover {
      --transform-translate-x: 12rem;
    }
  
    .ssm\:hover\:translate-x-56:hover {
      --transform-translate-x: 14rem;
    }
  
    .ssm\:hover\:translate-x-64:hover {
      --transform-translate-x: 16rem;
    }
  
    .ssm\:hover\:translate-x-px:hover {
      --transform-translate-x: 1px;
    }
  
    .ssm\:hover\:-translate-x-1:hover {
      --transform-translate-x: -0.25rem;
    }
  
    .ssm\:hover\:-translate-x-2:hover {
      --transform-translate-x: -0.5rem;
    }
  
    .ssm\:hover\:-translate-x-3:hover {
      --transform-translate-x: -0.75rem;
    }
  
    .ssm\:hover\:-translate-x-4:hover {
      --transform-translate-x: -1rem;
    }
  
    .ssm\:hover\:-translate-x-5:hover {
      --transform-translate-x: -1.25rem;
    }
  
    .ssm\:hover\:-translate-x-6:hover {
      --transform-translate-x: -1.5rem;
    }
  
    .ssm\:hover\:-translate-x-8:hover {
      --transform-translate-x: -2rem;
    }
  
    .ssm\:hover\:-translate-x-10:hover {
      --transform-translate-x: -2.5rem;
    }
  
    .ssm\:hover\:-translate-x-12:hover {
      --transform-translate-x: -3rem;
    }
  
    .ssm\:hover\:-translate-x-16:hover {
      --transform-translate-x: -4rem;
    }
  
    .ssm\:hover\:-translate-x-20:hover {
      --transform-translate-x: -5rem;
    }
  
    .ssm\:hover\:-translate-x-24:hover {
      --transform-translate-x: -6rem;
    }
  
    .ssm\:hover\:-translate-x-32:hover {
      --transform-translate-x: -8rem;
    }
  
    .ssm\:hover\:-translate-x-40:hover {
      --transform-translate-x: -10rem;
    }
  
    .ssm\:hover\:-translate-x-48:hover {
      --transform-translate-x: -12rem;
    }
  
    .ssm\:hover\:-translate-x-56:hover {
      --transform-translate-x: -14rem;
    }
  
    .ssm\:hover\:-translate-x-64:hover {
      --transform-translate-x: -16rem;
    }
  
    .ssm\:hover\:-translate-x-px:hover {
      --transform-translate-x: -1px;
    }
  
    .ssm\:hover\:-translate-x-full:hover {
      --transform-translate-x: -100%;
    }
  
    .ssm\:hover\:-translate-x-1\/2:hover {
      --transform-translate-x: -50%;
    }
  
    .ssm\:hover\:translate-x-1\/2:hover {
      --transform-translate-x: 50%;
    }
  
    .ssm\:hover\:translate-x-full:hover {
      --transform-translate-x: 100%;
    }
  
    .ssm\:hover\:translate-y-0:hover {
      --transform-translate-y: 0;
    }
  
    .ssm\:hover\:translate-y-1:hover {
      --transform-translate-y: 0.25rem;
    }
  
    .ssm\:hover\:translate-y-2:hover {
      --transform-translate-y: 0.5rem;
    }
  
    .ssm\:hover\:translate-y-3:hover {
      --transform-translate-y: 0.75rem;
    }
  
    .ssm\:hover\:translate-y-4:hover {
      --transform-translate-y: 1rem;
    }
  
    .ssm\:hover\:translate-y-5:hover {
      --transform-translate-y: 1.25rem;
    }
  
    .ssm\:hover\:translate-y-6:hover {
      --transform-translate-y: 1.5rem;
    }
  
    .ssm\:hover\:translate-y-8:hover {
      --transform-translate-y: 2rem;
    }
  
    .ssm\:hover\:translate-y-10:hover {
      --transform-translate-y: 2.5rem;
    }
  
    .ssm\:hover\:translate-y-12:hover {
      --transform-translate-y: 3rem;
    }
  
    .ssm\:hover\:translate-y-16:hover {
      --transform-translate-y: 4rem;
    }
  
    .ssm\:hover\:translate-y-20:hover {
      --transform-translate-y: 5rem;
    }
  
    .ssm\:hover\:translate-y-24:hover {
      --transform-translate-y: 6rem;
    }
  
    .ssm\:hover\:translate-y-32:hover {
      --transform-translate-y: 8rem;
    }
  
    .ssm\:hover\:translate-y-40:hover {
      --transform-translate-y: 10rem;
    }
  
    .ssm\:hover\:translate-y-48:hover {
      --transform-translate-y: 12rem;
    }
  
    .ssm\:hover\:translate-y-56:hover {
      --transform-translate-y: 14rem;
    }
  
    .ssm\:hover\:translate-y-64:hover {
      --transform-translate-y: 16rem;
    }
  
    .ssm\:hover\:translate-y-px:hover {
      --transform-translate-y: 1px;
    }
  
    .ssm\:hover\:-translate-y-1:hover {
      --transform-translate-y: -0.25rem;
    }
  
    .ssm\:hover\:-translate-y-2:hover {
      --transform-translate-y: -0.5rem;
    }
  
    .ssm\:hover\:-translate-y-3:hover {
      --transform-translate-y: -0.75rem;
    }
  
    .ssm\:hover\:-translate-y-4:hover {
      --transform-translate-y: -1rem;
    }
  
    .ssm\:hover\:-translate-y-5:hover {
      --transform-translate-y: -1.25rem;
    }
  
    .ssm\:hover\:-translate-y-6:hover {
      --transform-translate-y: -1.5rem;
    }
  
    .ssm\:hover\:-translate-y-8:hover {
      --transform-translate-y: -2rem;
    }
  
    .ssm\:hover\:-translate-y-10:hover {
      --transform-translate-y: -2.5rem;
    }
  
    .ssm\:hover\:-translate-y-12:hover {
      --transform-translate-y: -3rem;
    }
  
    .ssm\:hover\:-translate-y-16:hover {
      --transform-translate-y: -4rem;
    }
  
    .ssm\:hover\:-translate-y-20:hover {
      --transform-translate-y: -5rem;
    }
  
    .ssm\:hover\:-translate-y-24:hover {
      --transform-translate-y: -6rem;
    }
  
    .ssm\:hover\:-translate-y-32:hover {
      --transform-translate-y: -8rem;
    }
  
    .ssm\:hover\:-translate-y-40:hover {
      --transform-translate-y: -10rem;
    }
  
    .ssm\:hover\:-translate-y-48:hover {
      --transform-translate-y: -12rem;
    }
  
    .ssm\:hover\:-translate-y-56:hover {
      --transform-translate-y: -14rem;
    }
  
    .ssm\:hover\:-translate-y-64:hover {
      --transform-translate-y: -16rem;
    }
  
    .ssm\:hover\:-translate-y-px:hover {
      --transform-translate-y: -1px;
    }
  
    .ssm\:hover\:-translate-y-full:hover {
      --transform-translate-y: -100%;
    }
  
    .ssm\:hover\:-translate-y-1\/2:hover {
      --transform-translate-y: -50%;
    }
  
    .ssm\:hover\:translate-y-1\/2:hover {
      --transform-translate-y: 50%;
    }
  
    .ssm\:hover\:translate-y-full:hover {
      --transform-translate-y: 100%;
    }
  
    .ssm\:focus\:translate-x-0:focus {
      --transform-translate-x: 0;
    }
  
    .ssm\:focus\:translate-x-1:focus {
      --transform-translate-x: 0.25rem;
    }
  
    .ssm\:focus\:translate-x-2:focus {
      --transform-translate-x: 0.5rem;
    }
  
    .ssm\:focus\:translate-x-3:focus {
      --transform-translate-x: 0.75rem;
    }
  
    .ssm\:focus\:translate-x-4:focus {
      --transform-translate-x: 1rem;
    }
  
    .ssm\:focus\:translate-x-5:focus {
      --transform-translate-x: 1.25rem;
    }
  
    .ssm\:focus\:translate-x-6:focus {
      --transform-translate-x: 1.5rem;
    }
  
    .ssm\:focus\:translate-x-8:focus {
      --transform-translate-x: 2rem;
    }
  
    .ssm\:focus\:translate-x-10:focus {
      --transform-translate-x: 2.5rem;
    }
  
    .ssm\:focus\:translate-x-12:focus {
      --transform-translate-x: 3rem;
    }
  
    .ssm\:focus\:translate-x-16:focus {
      --transform-translate-x: 4rem;
    }
  
    .ssm\:focus\:translate-x-20:focus {
      --transform-translate-x: 5rem;
    }
  
    .ssm\:focus\:translate-x-24:focus {
      --transform-translate-x: 6rem;
    }
  
    .ssm\:focus\:translate-x-32:focus {
      --transform-translate-x: 8rem;
    }
  
    .ssm\:focus\:translate-x-40:focus {
      --transform-translate-x: 10rem;
    }
  
    .ssm\:focus\:translate-x-48:focus {
      --transform-translate-x: 12rem;
    }
  
    .ssm\:focus\:translate-x-56:focus {
      --transform-translate-x: 14rem;
    }
  
    .ssm\:focus\:translate-x-64:focus {
      --transform-translate-x: 16rem;
    }
  
    .ssm\:focus\:translate-x-px:focus {
      --transform-translate-x: 1px;
    }
  
    .ssm\:focus\:-translate-x-1:focus {
      --transform-translate-x: -0.25rem;
    }
  
    .ssm\:focus\:-translate-x-2:focus {
      --transform-translate-x: -0.5rem;
    }
  
    .ssm\:focus\:-translate-x-3:focus {
      --transform-translate-x: -0.75rem;
    }
  
    .ssm\:focus\:-translate-x-4:focus {
      --transform-translate-x: -1rem;
    }
  
    .ssm\:focus\:-translate-x-5:focus {
      --transform-translate-x: -1.25rem;
    }
  
    .ssm\:focus\:-translate-x-6:focus {
      --transform-translate-x: -1.5rem;
    }
  
    .ssm\:focus\:-translate-x-8:focus {
      --transform-translate-x: -2rem;
    }
  
    .ssm\:focus\:-translate-x-10:focus {
      --transform-translate-x: -2.5rem;
    }
  
    .ssm\:focus\:-translate-x-12:focus {
      --transform-translate-x: -3rem;
    }
  
    .ssm\:focus\:-translate-x-16:focus {
      --transform-translate-x: -4rem;
    }
  
    .ssm\:focus\:-translate-x-20:focus {
      --transform-translate-x: -5rem;
    }
  
    .ssm\:focus\:-translate-x-24:focus {
      --transform-translate-x: -6rem;
    }
  
    .ssm\:focus\:-translate-x-32:focus {
      --transform-translate-x: -8rem;
    }
  
    .ssm\:focus\:-translate-x-40:focus {
      --transform-translate-x: -10rem;
    }
  
    .ssm\:focus\:-translate-x-48:focus {
      --transform-translate-x: -12rem;
    }
  
    .ssm\:focus\:-translate-x-56:focus {
      --transform-translate-x: -14rem;
    }
  
    .ssm\:focus\:-translate-x-64:focus {
      --transform-translate-x: -16rem;
    }
  
    .ssm\:focus\:-translate-x-px:focus {
      --transform-translate-x: -1px;
    }
  
    .ssm\:focus\:-translate-x-full:focus {
      --transform-translate-x: -100%;
    }
  
    .ssm\:focus\:-translate-x-1\/2:focus {
      --transform-translate-x: -50%;
    }
  
    .ssm\:focus\:translate-x-1\/2:focus {
      --transform-translate-x: 50%;
    }
  
    .ssm\:focus\:translate-x-full:focus {
      --transform-translate-x: 100%;
    }
  
    .ssm\:focus\:translate-y-0:focus {
      --transform-translate-y: 0;
    }
  
    .ssm\:focus\:translate-y-1:focus {
      --transform-translate-y: 0.25rem;
    }
  
    .ssm\:focus\:translate-y-2:focus {
      --transform-translate-y: 0.5rem;
    }
  
    .ssm\:focus\:translate-y-3:focus {
      --transform-translate-y: 0.75rem;
    }
  
    .ssm\:focus\:translate-y-4:focus {
      --transform-translate-y: 1rem;
    }
  
    .ssm\:focus\:translate-y-5:focus {
      --transform-translate-y: 1.25rem;
    }
  
    .ssm\:focus\:translate-y-6:focus {
      --transform-translate-y: 1.5rem;
    }
  
    .ssm\:focus\:translate-y-8:focus {
      --transform-translate-y: 2rem;
    }
  
    .ssm\:focus\:translate-y-10:focus {
      --transform-translate-y: 2.5rem;
    }
  
    .ssm\:focus\:translate-y-12:focus {
      --transform-translate-y: 3rem;
    }
  
    .ssm\:focus\:translate-y-16:focus {
      --transform-translate-y: 4rem;
    }
  
    .ssm\:focus\:translate-y-20:focus {
      --transform-translate-y: 5rem;
    }
  
    .ssm\:focus\:translate-y-24:focus {
      --transform-translate-y: 6rem;
    }
  
    .ssm\:focus\:translate-y-32:focus {
      --transform-translate-y: 8rem;
    }
  
    .ssm\:focus\:translate-y-40:focus {
      --transform-translate-y: 10rem;
    }
  
    .ssm\:focus\:translate-y-48:focus {
      --transform-translate-y: 12rem;
    }
  
    .ssm\:focus\:translate-y-56:focus {
      --transform-translate-y: 14rem;
    }
  
    .ssm\:focus\:translate-y-64:focus {
      --transform-translate-y: 16rem;
    }
  
    .ssm\:focus\:translate-y-px:focus {
      --transform-translate-y: 1px;
    }
  
    .ssm\:focus\:-translate-y-1:focus {
      --transform-translate-y: -0.25rem;
    }
  
    .ssm\:focus\:-translate-y-2:focus {
      --transform-translate-y: -0.5rem;
    }
  
    .ssm\:focus\:-translate-y-3:focus {
      --transform-translate-y: -0.75rem;
    }
  
    .ssm\:focus\:-translate-y-4:focus {
      --transform-translate-y: -1rem;
    }
  
    .ssm\:focus\:-translate-y-5:focus {
      --transform-translate-y: -1.25rem;
    }
  
    .ssm\:focus\:-translate-y-6:focus {
      --transform-translate-y: -1.5rem;
    }
  
    .ssm\:focus\:-translate-y-8:focus {
      --transform-translate-y: -2rem;
    }
  
    .ssm\:focus\:-translate-y-10:focus {
      --transform-translate-y: -2.5rem;
    }
  
    .ssm\:focus\:-translate-y-12:focus {
      --transform-translate-y: -3rem;
    }
  
    .ssm\:focus\:-translate-y-16:focus {
      --transform-translate-y: -4rem;
    }
  
    .ssm\:focus\:-translate-y-20:focus {
      --transform-translate-y: -5rem;
    }
  
    .ssm\:focus\:-translate-y-24:focus {
      --transform-translate-y: -6rem;
    }
  
    .ssm\:focus\:-translate-y-32:focus {
      --transform-translate-y: -8rem;
    }
  
    .ssm\:focus\:-translate-y-40:focus {
      --transform-translate-y: -10rem;
    }
  
    .ssm\:focus\:-translate-y-48:focus {
      --transform-translate-y: -12rem;
    }
  
    .ssm\:focus\:-translate-y-56:focus {
      --transform-translate-y: -14rem;
    }
  
    .ssm\:focus\:-translate-y-64:focus {
      --transform-translate-y: -16rem;
    }
  
    .ssm\:focus\:-translate-y-px:focus {
      --transform-translate-y: -1px;
    }
  
    .ssm\:focus\:-translate-y-full:focus {
      --transform-translate-y: -100%;
    }
  
    .ssm\:focus\:-translate-y-1\/2:focus {
      --transform-translate-y: -50%;
    }
  
    .ssm\:focus\:translate-y-1\/2:focus {
      --transform-translate-y: 50%;
    }
  
    .ssm\:focus\:translate-y-full:focus {
      --transform-translate-y: 100%;
    }
  
    .ssm\:skew-x-0 {
      --transform-skew-x: 0;
    }
  
    .ssm\:skew-x-3 {
      --transform-skew-x: 3deg;
    }
  
    .ssm\:skew-x-6 {
      --transform-skew-x: 6deg;
    }
  
    .ssm\:skew-x-12 {
      --transform-skew-x: 12deg;
    }
  
    .ssm\:-skew-x-12 {
      --transform-skew-x: -12deg;
    }
  
    .ssm\:-skew-x-6 {
      --transform-skew-x: -6deg;
    }
  
    .ssm\:-skew-x-3 {
      --transform-skew-x: -3deg;
    }
  
    .ssm\:skew-y-0 {
      --transform-skew-y: 0;
    }
  
    .ssm\:skew-y-3 {
      --transform-skew-y: 3deg;
    }
  
    .ssm\:skew-y-6 {
      --transform-skew-y: 6deg;
    }
  
    .ssm\:skew-y-12 {
      --transform-skew-y: 12deg;
    }
  
    .ssm\:-skew-y-12 {
      --transform-skew-y: -12deg;
    }
  
    .ssm\:-skew-y-6 {
      --transform-skew-y: -6deg;
    }
  
    .ssm\:-skew-y-3 {
      --transform-skew-y: -3deg;
    }
  
    .ssm\:hover\:skew-x-0:hover {
      --transform-skew-x: 0;
    }
  
    .ssm\:hover\:skew-x-3:hover {
      --transform-skew-x: 3deg;
    }
  
    .ssm\:hover\:skew-x-6:hover {
      --transform-skew-x: 6deg;
    }
  
    .ssm\:hover\:skew-x-12:hover {
      --transform-skew-x: 12deg;
    }
  
    .ssm\:hover\:-skew-x-12:hover {
      --transform-skew-x: -12deg;
    }
  
    .ssm\:hover\:-skew-x-6:hover {
      --transform-skew-x: -6deg;
    }
  
    .ssm\:hover\:-skew-x-3:hover {
      --transform-skew-x: -3deg;
    }
  
    .ssm\:hover\:skew-y-0:hover {
      --transform-skew-y: 0;
    }
  
    .ssm\:hover\:skew-y-3:hover {
      --transform-skew-y: 3deg;
    }
  
    .ssm\:hover\:skew-y-6:hover {
      --transform-skew-y: 6deg;
    }
  
    .ssm\:hover\:skew-y-12:hover {
      --transform-skew-y: 12deg;
    }
  
    .ssm\:hover\:-skew-y-12:hover {
      --transform-skew-y: -12deg;
    }
  
    .ssm\:hover\:-skew-y-6:hover {
      --transform-skew-y: -6deg;
    }
  
    .ssm\:hover\:-skew-y-3:hover {
      --transform-skew-y: -3deg;
    }
  
    .ssm\:focus\:skew-x-0:focus {
      --transform-skew-x: 0;
    }
  
    .ssm\:focus\:skew-x-3:focus {
      --transform-skew-x: 3deg;
    }
  
    .ssm\:focus\:skew-x-6:focus {
      --transform-skew-x: 6deg;
    }
  
    .ssm\:focus\:skew-x-12:focus {
      --transform-skew-x: 12deg;
    }
  
    .ssm\:focus\:-skew-x-12:focus {
      --transform-skew-x: -12deg;
    }
  
    .ssm\:focus\:-skew-x-6:focus {
      --transform-skew-x: -6deg;
    }
  
    .ssm\:focus\:-skew-x-3:focus {
      --transform-skew-x: -3deg;
    }
  
    .ssm\:focus\:skew-y-0:focus {
      --transform-skew-y: 0;
    }
  
    .ssm\:focus\:skew-y-3:focus {
      --transform-skew-y: 3deg;
    }
  
    .ssm\:focus\:skew-y-6:focus {
      --transform-skew-y: 6deg;
    }
  
    .ssm\:focus\:skew-y-12:focus {
      --transform-skew-y: 12deg;
    }
  
    .ssm\:focus\:-skew-y-12:focus {
      --transform-skew-y: -12deg;
    }
  
    .ssm\:focus\:-skew-y-6:focus {
      --transform-skew-y: -6deg;
    }
  
    .ssm\:focus\:-skew-y-3:focus {
      --transform-skew-y: -3deg;
    }
  
    .ssm\:transition-none {
      transition-property: none;
    }
  
    .ssm\:transition-all {
      transition-property: all;
    }
  
    .ssm\:transition {
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    }
  
    .ssm\:transition-colors {
      transition-property: background-color, border-color, color, fill, stroke;
    }
  
    .ssm\:transition-opacity {
      transition-property: opacity;
    }
  
    .ssm\:transition-shadow {
      transition-property: box-shadow;
    }
  
    .ssm\:transition-transform {
      transition-property: transform;
    }
  
    .ssm\:ease-linear {
      transition-timing-function: linear;
    }
  
    .ssm\:ease-in {
      transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    }
  
    .ssm\:ease-out {
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
  
    .ssm\:ease-in-out {
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
  
    .ssm\:duration-75 {
      transition-duration: 75ms;
    }
  
    .ssm\:duration-100 {
      transition-duration: 100ms;
    }
  
    .ssm\:duration-150 {
      transition-duration: 150ms;
    }
  
    .ssm\:duration-200 {
      transition-duration: 200ms;
    }
  
    .ssm\:duration-300 {
      transition-duration: 300ms;
    }
  
    .ssm\:duration-500 {
      transition-duration: 500ms;
    }
  
    .ssm\:duration-700 {
      transition-duration: 700ms;
    }
  
    .ssm\:duration-1000 {
      transition-duration: 1000ms;
    }
  
    .ssm\:delay-75 {
      transition-delay: 75ms;
    }
  
    .ssm\:delay-100 {
      transition-delay: 100ms;
    }
  
    .ssm\:delay-150 {
      transition-delay: 150ms;
    }
  
    .ssm\:delay-200 {
      transition-delay: 200ms;
    }
  
    .ssm\:delay-300 {
      transition-delay: 300ms;
    }
  
    .ssm\:delay-500 {
      transition-delay: 500ms;
    }
  
    .ssm\:delay-700 {
      transition-delay: 700ms;
    }
  
    .ssm\:delay-1000 {
      transition-delay: 1000ms;
    }
  
    .ssm\:animate-none {
      -webkit-animation: none;
              animation: none;
    }
  
    .ssm\:animate-spin {
      -webkit-animation: spin 1s linear infinite;
              animation: spin 1s linear infinite;
    }
  
    .ssm\:animate-ping {
      -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
              animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    }
  
    .ssm\:animate-pulse {
      -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
              animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }
  
    .ssm\:animate-bounce {
      -webkit-animation: bounce 1s infinite;
              animation: bounce 1s infinite;
    }
  }
  
  @media (min-width: 640px) {
    .sm\:container {
      width: 100%;
    }
  
    @media (min-width: 500px) {
      .sm\:container {
        max-width: 500px;
      }
    }
  
    @media (min-width: 640px) {
      .sm\:container {
        max-width: 640px;
      }
    }
  
    @media (min-width: 768px) {
      .sm\:container {
        max-width: 768px;
      }
    }
  
    @media (min-width: 1024px) {
      .sm\:container {
        max-width: 1024px;
      }
    }
  
    @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-current > :not(template) ~ :not(template) {
      border-color: currentColor;
    }
  
    .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-red-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--divide-opacity));
    }
  
    .sm\:divide-red-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--divide-opacity));
    }
  
    .sm\:divide-red-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--divide-opacity));
    }
  
    .sm\:divide-red-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--divide-opacity));
    }
  
    .sm\:divide-red-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--divide-opacity));
    }
  
    .sm\:divide-red-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--divide-opacity));
    }
  
    .sm\:divide-red-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--divide-opacity));
    }
  
    .sm\:divide-red-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--divide-opacity));
    }
  
    .sm\:divide-red-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--divide-opacity));
    }
  
    .sm\:divide-orange-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--divide-opacity));
    }
  
    .sm\:divide-orange-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--divide-opacity));
    }
  
    .sm\:divide-orange-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--divide-opacity));
    }
  
    .sm\:divide-orange-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--divide-opacity));
    }
  
    .sm\:divide-orange-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--divide-opacity));
    }
  
    .sm\:divide-orange-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--divide-opacity));
    }
  
    .sm\:divide-orange-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--divide-opacity));
    }
  
    .sm\:divide-orange-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--divide-opacity));
    }
  
    .sm\:divide-orange-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--divide-opacity));
    }
  
    .sm\:divide-yellow-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--divide-opacity));
    }
  
    .sm\:divide-yellow-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--divide-opacity));
    }
  
    .sm\:divide-yellow-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--divide-opacity));
    }
  
    .sm\:divide-yellow-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--divide-opacity));
    }
  
    .sm\:divide-yellow-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--divide-opacity));
    }
  
    .sm\:divide-yellow-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--divide-opacity));
    }
  
    .sm\:divide-yellow-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--divide-opacity));
    }
  
    .sm\:divide-yellow-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--divide-opacity));
    }
  
    .sm\:divide-yellow-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--divide-opacity));
    }
  
    .sm\:divide-green-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--divide-opacity));
    }
  
    .sm\:divide-green-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--divide-opacity));
    }
  
    .sm\:divide-green-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--divide-opacity));
    }
  
    .sm\:divide-green-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--divide-opacity));
    }
  
    .sm\:divide-green-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--divide-opacity));
    }
  
    .sm\:divide-green-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--divide-opacity));
    }
  
    .sm\:divide-green-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--divide-opacity));
    }
  
    .sm\:divide-green-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--divide-opacity));
    }
  
    .sm\:divide-green-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--divide-opacity));
    }
  
    .sm\:divide-teal-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--divide-opacity));
    }
  
    .sm\:divide-teal-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--divide-opacity));
    }
  
    .sm\:divide-teal-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--divide-opacity));
    }
  
    .sm\:divide-teal-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--divide-opacity));
    }
  
    .sm\:divide-teal-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--divide-opacity));
    }
  
    .sm\:divide-teal-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--divide-opacity));
    }
  
    .sm\:divide-teal-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--divide-opacity));
    }
  
    .sm\:divide-teal-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--divide-opacity));
    }
  
    .sm\:divide-teal-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--divide-opacity));
    }
  
    .sm\:divide-blue-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--divide-opacity));
    }
  
    .sm\:divide-blue-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--divide-opacity));
    }
  
    .sm\:divide-blue-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--divide-opacity));
    }
  
    .sm\:divide-blue-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--divide-opacity));
    }
  
    .sm\:divide-blue-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--divide-opacity));
    }
  
    .sm\:divide-blue-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--divide-opacity));
    }
  
    .sm\:divide-blue-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--divide-opacity));
    }
  
    .sm\:divide-blue-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--divide-opacity));
    }
  
    .sm\:divide-blue-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--divide-opacity));
    }
  
    .sm\:divide-indigo-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--divide-opacity));
    }
  
    .sm\:divide-indigo-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--divide-opacity));
    }
  
    .sm\:divide-indigo-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--divide-opacity));
    }
  
    .sm\:divide-indigo-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--divide-opacity));
    }
  
    .sm\:divide-indigo-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--divide-opacity));
    }
  
    .sm\:divide-indigo-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--divide-opacity));
    }
  
    .sm\:divide-indigo-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--divide-opacity));
    }
  
    .sm\:divide-indigo-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--divide-opacity));
    }
  
    .sm\:divide-indigo-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--divide-opacity));
    }
  
    .sm\:divide-purple-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--divide-opacity));
    }
  
    .sm\:divide-purple-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--divide-opacity));
    }
  
    .sm\:divide-purple-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--divide-opacity));
    }
  
    .sm\:divide-purple-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--divide-opacity));
    }
  
    .sm\:divide-purple-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--divide-opacity));
    }
  
    .sm\:divide-purple-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--divide-opacity));
    }
  
    .sm\:divide-purple-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--divide-opacity));
    }
  
    .sm\:divide-purple-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--divide-opacity));
    }
  
    .sm\:divide-purple-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--divide-opacity));
    }
  
    .sm\:divide-pink-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--divide-opacity));
    }
  
    .sm\:divide-pink-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--divide-opacity));
    }
  
    .sm\:divide-pink-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--divide-opacity));
    }
  
    .sm\:divide-pink-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--divide-opacity));
    }
  
    .sm\:divide-pink-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--divide-opacity));
    }
  
    .sm\:divide-pink-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--divide-opacity));
    }
  
    .sm\:divide-pink-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--divide-opacity));
    }
  
    .sm\:divide-pink-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--divide-opacity));
    }
  
    .sm\:divide-pink-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, 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;
         -moz-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-current {
      background-color: currentColor;
    }
  
    .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-red-100 {
      --bg-opacity: 1;
      background-color: #fff5f5;
      background-color: rgba(255, 245, 245, var(--bg-opacity));
    }
  
    .sm\:bg-red-200 {
      --bg-opacity: 1;
      background-color: #fed7d7;
      background-color: rgba(254, 215, 215, var(--bg-opacity));
    }
  
    .sm\:bg-red-300 {
      --bg-opacity: 1;
      background-color: #feb2b2;
      background-color: rgba(254, 178, 178, var(--bg-opacity));
    }
  
    .sm\:bg-red-400 {
      --bg-opacity: 1;
      background-color: #fc8181;
      background-color: rgba(252, 129, 129, var(--bg-opacity));
    }
  
    .sm\:bg-red-500 {
      --bg-opacity: 1;
      background-color: #f56565;
      background-color: rgba(245, 101, 101, var(--bg-opacity));
    }
  
    .sm\:bg-red-600 {
      --bg-opacity: 1;
      background-color: #e53e3e;
      background-color: rgba(229, 62, 62, var(--bg-opacity));
    }
  
    .sm\:bg-red-700 {
      --bg-opacity: 1;
      background-color: #c53030;
      background-color: rgba(197, 48, 48, var(--bg-opacity));
    }
  
    .sm\:bg-red-800 {
      --bg-opacity: 1;
      background-color: #9b2c2c;
      background-color: rgba(155, 44, 44, var(--bg-opacity));
    }
  
    .sm\:bg-red-900 {
      --bg-opacity: 1;
      background-color: #742a2a;
      background-color: rgba(116, 42, 42, var(--bg-opacity));
    }
  
    .sm\:bg-orange-100 {
      --bg-opacity: 1;
      background-color: #fffaf0;
      background-color: rgba(255, 250, 240, var(--bg-opacity));
    }
  
    .sm\:bg-orange-200 {
      --bg-opacity: 1;
      background-color: #feebc8;
      background-color: rgba(254, 235, 200, var(--bg-opacity));
    }
  
    .sm\:bg-orange-300 {
      --bg-opacity: 1;
      background-color: #fbd38d;
      background-color: rgba(251, 211, 141, var(--bg-opacity));
    }
  
    .sm\:bg-orange-400 {
      --bg-opacity: 1;
      background-color: #f6ad55;
      background-color: rgba(246, 173, 85, var(--bg-opacity));
    }
  
    .sm\:bg-orange-500 {
      --bg-opacity: 1;
      background-color: #ed8936;
      background-color: rgba(237, 137, 54, var(--bg-opacity));
    }
  
    .sm\:bg-orange-600 {
      --bg-opacity: 1;
      background-color: #dd6b20;
      background-color: rgba(221, 107, 32, var(--bg-opacity));
    }
  
    .sm\:bg-orange-700 {
      --bg-opacity: 1;
      background-color: #c05621;
      background-color: rgba(192, 86, 33, var(--bg-opacity));
    }
  
    .sm\:bg-orange-800 {
      --bg-opacity: 1;
      background-color: #9c4221;
      background-color: rgba(156, 66, 33, var(--bg-opacity));
    }
  
    .sm\:bg-orange-900 {
      --bg-opacity: 1;
      background-color: #7b341e;
      background-color: rgba(123, 52, 30, var(--bg-opacity));
    }
  
    .sm\:bg-yellow-100 {
      --bg-opacity: 1;
      background-color: #fffff0;
      background-color: rgba(255, 255, 240, var(--bg-opacity));
    }
  
    .sm\:bg-yellow-200 {
      --bg-opacity: 1;
      background-color: #fefcbf;
      background-color: rgba(254, 252, 191, var(--bg-opacity));
    }
  
    .sm\:bg-yellow-300 {
      --bg-opacity: 1;
      background-color: #faf089;
      background-color: rgba(250, 240, 137, var(--bg-opacity));
    }
  
    .sm\:bg-yellow-400 {
      --bg-opacity: 1;
      background-color: #f6e05e;
      background-color: rgba(246, 224, 94, var(--bg-opacity));
    }
  
    .sm\:bg-yellow-500 {
      --bg-opacity: 1;
      background-color: #ecc94b;
      background-color: rgba(236, 201, 75, var(--bg-opacity));
    }
  
    .sm\:bg-yellow-600 {
      --bg-opacity: 1;
      background-color: #d69e2e;
      background-color: rgba(214, 158, 46, var(--bg-opacity));
    }
  
    .sm\:bg-yellow-700 {
      --bg-opacity: 1;
      background-color: #b7791f;
      background-color: rgba(183, 121, 31, var(--bg-opacity));
    }
  
    .sm\:bg-yellow-800 {
      --bg-opacity: 1;
      background-color: #975a16;
      background-color: rgba(151, 90, 22, var(--bg-opacity));
    }
  
    .sm\:bg-yellow-900 {
      --bg-opacity: 1;
      background-color: #744210;
      background-color: rgba(116, 66, 16, var(--bg-opacity));
    }
  
    .sm\:bg-green-100 {
      --bg-opacity: 1;
      background-color: #f0fff4;
      background-color: rgba(240, 255, 244, var(--bg-opacity));
    }
  
    .sm\:bg-green-200 {
      --bg-opacity: 1;
      background-color: #c6f6d5;
      background-color: rgba(198, 246, 213, var(--bg-opacity));
    }
  
    .sm\:bg-green-300 {
      --bg-opacity: 1;
      background-color: #9ae6b4;
      background-color: rgba(154, 230, 180, var(--bg-opacity));
    }
  
    .sm\:bg-green-400 {
      --bg-opacity: 1;
      background-color: #68d391;
      background-color: rgba(104, 211, 145, var(--bg-opacity));
    }
  
    .sm\:bg-green-500 {
      --bg-opacity: 1;
      background-color: #48bb78;
      background-color: rgba(72, 187, 120, var(--bg-opacity));
    }
  
    .sm\:bg-green-600 {
      --bg-opacity: 1;
      background-color: #38a169;
      background-color: rgba(56, 161, 105, var(--bg-opacity));
    }
  
    .sm\:bg-green-700 {
      --bg-opacity: 1;
      background-color: #2f855a;
      background-color: rgba(47, 133, 90, var(--bg-opacity));
    }
  
    .sm\:bg-green-800 {
      --bg-opacity: 1;
      background-color: #276749;
      background-color: rgba(39, 103, 73, var(--bg-opacity));
    }
  
    .sm\:bg-green-900 {
      --bg-opacity: 1;
      background-color: #22543d;
      background-color: rgba(34, 84, 61, var(--bg-opacity));
    }
  
    .sm\:bg-teal-100 {
      --bg-opacity: 1;
      background-color: #e6fffa;
      background-color: rgba(230, 255, 250, var(--bg-opacity));
    }
  
    .sm\:bg-teal-200 {
      --bg-opacity: 1;
      background-color: #b2f5ea;
      background-color: rgba(178, 245, 234, var(--bg-opacity));
    }
  
    .sm\:bg-teal-300 {
      --bg-opacity: 1;
      background-color: #81e6d9;
      background-color: rgba(129, 230, 217, var(--bg-opacity));
    }
  
    .sm\:bg-teal-400 {
      --bg-opacity: 1;
      background-color: #4fd1c5;
      background-color: rgba(79, 209, 197, var(--bg-opacity));
    }
  
    .sm\:bg-teal-500 {
      --bg-opacity: 1;
      background-color: #38b2ac;
      background-color: rgba(56, 178, 172, var(--bg-opacity));
    }
  
    .sm\:bg-teal-600 {
      --bg-opacity: 1;
      background-color: #319795;
      background-color: rgba(49, 151, 149, var(--bg-opacity));
    }
  
    .sm\:bg-teal-700 {
      --bg-opacity: 1;
      background-color: #2c7a7b;
      background-color: rgba(44, 122, 123, var(--bg-opacity));
    }
  
    .sm\:bg-teal-800 {
      --bg-opacity: 1;
      background-color: #285e61;
      background-color: rgba(40, 94, 97, var(--bg-opacity));
    }
  
    .sm\:bg-teal-900 {
      --bg-opacity: 1;
      background-color: #234e52;
      background-color: rgba(35, 78, 82, var(--bg-opacity));
    }
  
    .sm\:bg-blue-100 {
      --bg-opacity: 1;
      background-color: #ebf8ff;
      background-color: rgba(235, 248, 255, var(--bg-opacity));
    }
  
    .sm\:bg-blue-200 {
      --bg-opacity: 1;
      background-color: #bee3f8;
      background-color: rgba(190, 227, 248, var(--bg-opacity));
    }
  
    .sm\:bg-blue-300 {
      --bg-opacity: 1;
      background-color: #90cdf4;
      background-color: rgba(144, 205, 244, var(--bg-opacity));
    }
  
    .sm\:bg-blue-400 {
      --bg-opacity: 1;
      background-color: #63b3ed;
      background-color: rgba(99, 179, 237, var(--bg-opacity));
    }
  
    .sm\:bg-blue-500 {
      --bg-opacity: 1;
      background-color: #4299e1;
      background-color: rgba(66, 153, 225, var(--bg-opacity));
    }
  
    .sm\:bg-blue-600 {
      --bg-opacity: 1;
      background-color: #3182ce;
      background-color: rgba(49, 130, 206, var(--bg-opacity));
    }
  
    .sm\:bg-blue-700 {
      --bg-opacity: 1;
      background-color: #2b6cb0;
      background-color: rgba(43, 108, 176, var(--bg-opacity));
    }
  
    .sm\:bg-blue-800 {
      --bg-opacity: 1;
      background-color: #2c5282;
      background-color: rgba(44, 82, 130, var(--bg-opacity));
    }
  
    .sm\:bg-blue-900 {
      --bg-opacity: 1;
      background-color: #2a4365;
      background-color: rgba(42, 67, 101, var(--bg-opacity));
    }
  
    .sm\:bg-indigo-100 {
      --bg-opacity: 1;
      background-color: #ebf4ff;
      background-color: rgba(235, 244, 255, var(--bg-opacity));
    }
  
    .sm\:bg-indigo-200 {
      --bg-opacity: 1;
      background-color: #c3dafe;
      background-color: rgba(195, 218, 254, var(--bg-opacity));
    }
  
    .sm\:bg-indigo-300 {
      --bg-opacity: 1;
      background-color: #a3bffa;
      background-color: rgba(163, 191, 250, var(--bg-opacity));
    }
  
    .sm\:bg-indigo-400 {
      --bg-opacity: 1;
      background-color: #7f9cf5;
      background-color: rgba(127, 156, 245, var(--bg-opacity));
    }
  
    .sm\:bg-indigo-500 {
      --bg-opacity: 1;
      background-color: #667eea;
      background-color: rgba(102, 126, 234, var(--bg-opacity));
    }
  
    .sm\:bg-indigo-600 {
      --bg-opacity: 1;
      background-color: #5a67d8;
      background-color: rgba(90, 103, 216, var(--bg-opacity));
    }
  
    .sm\:bg-indigo-700 {
      --bg-opacity: 1;
      background-color: #4c51bf;
      background-color: rgba(76, 81, 191, var(--bg-opacity));
    }
  
    .sm\:bg-indigo-800 {
      --bg-opacity: 1;
      background-color: #434190;
      background-color: rgba(67, 65, 144, var(--bg-opacity));
    }
  
    .sm\:bg-indigo-900 {
      --bg-opacity: 1;
      background-color: #3c366b;
      background-color: rgba(60, 54, 107, var(--bg-opacity));
    }
  
    .sm\:bg-purple-100 {
      --bg-opacity: 1;
      background-color: #faf5ff;
      background-color: rgba(250, 245, 255, var(--bg-opacity));
    }
  
    .sm\:bg-purple-200 {
      --bg-opacity: 1;
      background-color: #e9d8fd;
      background-color: rgba(233, 216, 253, var(--bg-opacity));
    }
  
    .sm\:bg-purple-300 {
      --bg-opacity: 1;
      background-color: #d6bcfa;
      background-color: rgba(214, 188, 250, var(--bg-opacity));
    }
  
    .sm\:bg-purple-400 {
      --bg-opacity: 1;
      background-color: #b794f4;
      background-color: rgba(183, 148, 244, var(--bg-opacity));
    }
  
    .sm\:bg-purple-500 {
      --bg-opacity: 1;
      background-color: #9f7aea;
      background-color: rgba(159, 122, 234, var(--bg-opacity));
    }
  
    .sm\:bg-purple-600 {
      --bg-opacity: 1;
      background-color: #805ad5;
      background-color: rgba(128, 90, 213, var(--bg-opacity));
    }
  
    .sm\:bg-purple-700 {
      --bg-opacity: 1;
      background-color: #6b46c1;
      background-color: rgba(107, 70, 193, var(--bg-opacity));
    }
  
    .sm\:bg-purple-800 {
      --bg-opacity: 1;
      background-color: #553c9a;
      background-color: rgba(85, 60, 154, var(--bg-opacity));
    }
  
    .sm\:bg-purple-900 {
      --bg-opacity: 1;
      background-color: #44337a;
      background-color: rgba(68, 51, 122, var(--bg-opacity));
    }
  
    .sm\:bg-pink-100 {
      --bg-opacity: 1;
      background-color: #fff5f7;
      background-color: rgba(255, 245, 247, var(--bg-opacity));
    }
  
    .sm\:bg-pink-200 {
      --bg-opacity: 1;
      background-color: #fed7e2;
      background-color: rgba(254, 215, 226, var(--bg-opacity));
    }
  
    .sm\:bg-pink-300 {
      --bg-opacity: 1;
      background-color: #fbb6ce;
      background-color: rgba(251, 182, 206, var(--bg-opacity));
    }
  
    .sm\:bg-pink-400 {
      --bg-opacity: 1;
      background-color: #f687b3;
      background-color: rgba(246, 135, 179, var(--bg-opacity));
    }
  
    .sm\:bg-pink-500 {
      --bg-opacity: 1;
      background-color: #ed64a6;
      background-color: rgba(237, 100, 166, var(--bg-opacity));
    }
  
    .sm\:bg-pink-600 {
      --bg-opacity: 1;
      background-color: #d53f8c;
      background-color: rgba(213, 63, 140, var(--bg-opacity));
    }
  
    .sm\:bg-pink-700 {
      --bg-opacity: 1;
      background-color: #b83280;
      background-color: rgba(184, 50, 128, var(--bg-opacity));
    }
  
    .sm\:bg-pink-800 {
      --bg-opacity: 1;
      background-color: #97266d;
      background-color: rgba(151, 38, 109, var(--bg-opacity));
    }
  
    .sm\:bg-pink-900 {
      --bg-opacity: 1;
      background-color: #702459;
      background-color: rgba(112, 36, 89, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-transparent:hover {
      background-color: transparent;
    }
  
    .sm\:hover\:bg-current:hover {
      background-color: currentColor;
    }
  
    .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-red-100:hover {
      --bg-opacity: 1;
      background-color: #fff5f5;
      background-color: rgba(255, 245, 245, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-red-200:hover {
      --bg-opacity: 1;
      background-color: #fed7d7;
      background-color: rgba(254, 215, 215, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-red-300:hover {
      --bg-opacity: 1;
      background-color: #feb2b2;
      background-color: rgba(254, 178, 178, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-red-400:hover {
      --bg-opacity: 1;
      background-color: #fc8181;
      background-color: rgba(252, 129, 129, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-red-500:hover {
      --bg-opacity: 1;
      background-color: #f56565;
      background-color: rgba(245, 101, 101, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-red-600:hover {
      --bg-opacity: 1;
      background-color: #e53e3e;
      background-color: rgba(229, 62, 62, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-red-700:hover {
      --bg-opacity: 1;
      background-color: #c53030;
      background-color: rgba(197, 48, 48, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-red-800:hover {
      --bg-opacity: 1;
      background-color: #9b2c2c;
      background-color: rgba(155, 44, 44, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-red-900:hover {
      --bg-opacity: 1;
      background-color: #742a2a;
      background-color: rgba(116, 42, 42, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-orange-100:hover {
      --bg-opacity: 1;
      background-color: #fffaf0;
      background-color: rgba(255, 250, 240, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-orange-200:hover {
      --bg-opacity: 1;
      background-color: #feebc8;
      background-color: rgba(254, 235, 200, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-orange-300:hover {
      --bg-opacity: 1;
      background-color: #fbd38d;
      background-color: rgba(251, 211, 141, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-orange-400:hover {
      --bg-opacity: 1;
      background-color: #f6ad55;
      background-color: rgba(246, 173, 85, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-orange-500:hover {
      --bg-opacity: 1;
      background-color: #ed8936;
      background-color: rgba(237, 137, 54, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-orange-600:hover {
      --bg-opacity: 1;
      background-color: #dd6b20;
      background-color: rgba(221, 107, 32, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-orange-700:hover {
      --bg-opacity: 1;
      background-color: #c05621;
      background-color: rgba(192, 86, 33, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-orange-800:hover {
      --bg-opacity: 1;
      background-color: #9c4221;
      background-color: rgba(156, 66, 33, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-orange-900:hover {
      --bg-opacity: 1;
      background-color: #7b341e;
      background-color: rgba(123, 52, 30, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-yellow-100:hover {
      --bg-opacity: 1;
      background-color: #fffff0;
      background-color: rgba(255, 255, 240, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-yellow-200:hover {
      --bg-opacity: 1;
      background-color: #fefcbf;
      background-color: rgba(254, 252, 191, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-yellow-300:hover {
      --bg-opacity: 1;
      background-color: #faf089;
      background-color: rgba(250, 240, 137, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-yellow-400:hover {
      --bg-opacity: 1;
      background-color: #f6e05e;
      background-color: rgba(246, 224, 94, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-yellow-500:hover {
      --bg-opacity: 1;
      background-color: #ecc94b;
      background-color: rgba(236, 201, 75, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-yellow-600:hover {
      --bg-opacity: 1;
      background-color: #d69e2e;
      background-color: rgba(214, 158, 46, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-yellow-700:hover {
      --bg-opacity: 1;
      background-color: #b7791f;
      background-color: rgba(183, 121, 31, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-yellow-800:hover {
      --bg-opacity: 1;
      background-color: #975a16;
      background-color: rgba(151, 90, 22, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-yellow-900:hover {
      --bg-opacity: 1;
      background-color: #744210;
      background-color: rgba(116, 66, 16, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-green-100:hover {
      --bg-opacity: 1;
      background-color: #f0fff4;
      background-color: rgba(240, 255, 244, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-green-200:hover {
      --bg-opacity: 1;
      background-color: #c6f6d5;
      background-color: rgba(198, 246, 213, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-green-300:hover {
      --bg-opacity: 1;
      background-color: #9ae6b4;
      background-color: rgba(154, 230, 180, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-green-400:hover {
      --bg-opacity: 1;
      background-color: #68d391;
      background-color: rgba(104, 211, 145, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-green-500:hover {
      --bg-opacity: 1;
      background-color: #48bb78;
      background-color: rgba(72, 187, 120, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-green-600:hover {
      --bg-opacity: 1;
      background-color: #38a169;
      background-color: rgba(56, 161, 105, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-green-700:hover {
      --bg-opacity: 1;
      background-color: #2f855a;
      background-color: rgba(47, 133, 90, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-green-800:hover {
      --bg-opacity: 1;
      background-color: #276749;
      background-color: rgba(39, 103, 73, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-green-900:hover {
      --bg-opacity: 1;
      background-color: #22543d;
      background-color: rgba(34, 84, 61, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-teal-100:hover {
      --bg-opacity: 1;
      background-color: #e6fffa;
      background-color: rgba(230, 255, 250, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-teal-200:hover {
      --bg-opacity: 1;
      background-color: #b2f5ea;
      background-color: rgba(178, 245, 234, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-teal-300:hover {
      --bg-opacity: 1;
      background-color: #81e6d9;
      background-color: rgba(129, 230, 217, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-teal-400:hover {
      --bg-opacity: 1;
      background-color: #4fd1c5;
      background-color: rgba(79, 209, 197, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-teal-500:hover {
      --bg-opacity: 1;
      background-color: #38b2ac;
      background-color: rgba(56, 178, 172, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-teal-600:hover {
      --bg-opacity: 1;
      background-color: #319795;
      background-color: rgba(49, 151, 149, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-teal-700:hover {
      --bg-opacity: 1;
      background-color: #2c7a7b;
      background-color: rgba(44, 122, 123, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-teal-800:hover {
      --bg-opacity: 1;
      background-color: #285e61;
      background-color: rgba(40, 94, 97, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-teal-900:hover {
      --bg-opacity: 1;
      background-color: #234e52;
      background-color: rgba(35, 78, 82, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-blue-100:hover {
      --bg-opacity: 1;
      background-color: #ebf8ff;
      background-color: rgba(235, 248, 255, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-blue-200:hover {
      --bg-opacity: 1;
      background-color: #bee3f8;
      background-color: rgba(190, 227, 248, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-blue-300:hover {
      --bg-opacity: 1;
      background-color: #90cdf4;
      background-color: rgba(144, 205, 244, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-blue-400:hover {
      --bg-opacity: 1;
      background-color: #63b3ed;
      background-color: rgba(99, 179, 237, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-blue-500:hover {
      --bg-opacity: 1;
      background-color: #4299e1;
      background-color: rgba(66, 153, 225, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-blue-600:hover {
      --bg-opacity: 1;
      background-color: #3182ce;
      background-color: rgba(49, 130, 206, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-blue-700:hover {
      --bg-opacity: 1;
      background-color: #2b6cb0;
      background-color: rgba(43, 108, 176, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-blue-800:hover {
      --bg-opacity: 1;
      background-color: #2c5282;
      background-color: rgba(44, 82, 130, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-blue-900:hover {
      --bg-opacity: 1;
      background-color: #2a4365;
      background-color: rgba(42, 67, 101, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-indigo-100:hover {
      --bg-opacity: 1;
      background-color: #ebf4ff;
      background-color: rgba(235, 244, 255, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-indigo-200:hover {
      --bg-opacity: 1;
      background-color: #c3dafe;
      background-color: rgba(195, 218, 254, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-indigo-300:hover {
      --bg-opacity: 1;
      background-color: #a3bffa;
      background-color: rgba(163, 191, 250, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-indigo-400:hover {
      --bg-opacity: 1;
      background-color: #7f9cf5;
      background-color: rgba(127, 156, 245, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-indigo-500:hover {
      --bg-opacity: 1;
      background-color: #667eea;
      background-color: rgba(102, 126, 234, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-indigo-600:hover {
      --bg-opacity: 1;
      background-color: #5a67d8;
      background-color: rgba(90, 103, 216, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-indigo-700:hover {
      --bg-opacity: 1;
      background-color: #4c51bf;
      background-color: rgba(76, 81, 191, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-indigo-800:hover {
      --bg-opacity: 1;
      background-color: #434190;
      background-color: rgba(67, 65, 144, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-indigo-900:hover {
      --bg-opacity: 1;
      background-color: #3c366b;
      background-color: rgba(60, 54, 107, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-purple-100:hover {
      --bg-opacity: 1;
      background-color: #faf5ff;
      background-color: rgba(250, 245, 255, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-purple-200:hover {
      --bg-opacity: 1;
      background-color: #e9d8fd;
      background-color: rgba(233, 216, 253, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-purple-300:hover {
      --bg-opacity: 1;
      background-color: #d6bcfa;
      background-color: rgba(214, 188, 250, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-purple-400:hover {
      --bg-opacity: 1;
      background-color: #b794f4;
      background-color: rgba(183, 148, 244, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-purple-500:hover {
      --bg-opacity: 1;
      background-color: #9f7aea;
      background-color: rgba(159, 122, 234, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-purple-600:hover {
      --bg-opacity: 1;
      background-color: #805ad5;
      background-color: rgba(128, 90, 213, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-purple-700:hover {
      --bg-opacity: 1;
      background-color: #6b46c1;
      background-color: rgba(107, 70, 193, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-purple-800:hover {
      --bg-opacity: 1;
      background-color: #553c9a;
      background-color: rgba(85, 60, 154, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-purple-900:hover {
      --bg-opacity: 1;
      background-color: #44337a;
      background-color: rgba(68, 51, 122, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-pink-100:hover {
      --bg-opacity: 1;
      background-color: #fff5f7;
      background-color: rgba(255, 245, 247, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-pink-200:hover {
      --bg-opacity: 1;
      background-color: #fed7e2;
      background-color: rgba(254, 215, 226, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-pink-300:hover {
      --bg-opacity: 1;
      background-color: #fbb6ce;
      background-color: rgba(251, 182, 206, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-pink-400:hover {
      --bg-opacity: 1;
      background-color: #f687b3;
      background-color: rgba(246, 135, 179, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-pink-500:hover {
      --bg-opacity: 1;
      background-color: #ed64a6;
      background-color: rgba(237, 100, 166, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-pink-600:hover {
      --bg-opacity: 1;
      background-color: #d53f8c;
      background-color: rgba(213, 63, 140, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-pink-700:hover {
      --bg-opacity: 1;
      background-color: #b83280;
      background-color: rgba(184, 50, 128, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-pink-800:hover {
      --bg-opacity: 1;
      background-color: #97266d;
      background-color: rgba(151, 38, 109, var(--bg-opacity));
    }
  
    .sm\:hover\:bg-pink-900:hover {
      --bg-opacity: 1;
      background-color: #702459;
      background-color: rgba(112, 36, 89, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-transparent:focus {
      background-color: transparent;
    }
  
    .sm\:focus\:bg-current:focus {
      background-color: currentColor;
    }
  
    .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-red-100:focus {
      --bg-opacity: 1;
      background-color: #fff5f5;
      background-color: rgba(255, 245, 245, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-red-200:focus {
      --bg-opacity: 1;
      background-color: #fed7d7;
      background-color: rgba(254, 215, 215, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-red-300:focus {
      --bg-opacity: 1;
      background-color: #feb2b2;
      background-color: rgba(254, 178, 178, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-red-400:focus {
      --bg-opacity: 1;
      background-color: #fc8181;
      background-color: rgba(252, 129, 129, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-red-500:focus {
      --bg-opacity: 1;
      background-color: #f56565;
      background-color: rgba(245, 101, 101, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-red-600:focus {
      --bg-opacity: 1;
      background-color: #e53e3e;
      background-color: rgba(229, 62, 62, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-red-700:focus {
      --bg-opacity: 1;
      background-color: #c53030;
      background-color: rgba(197, 48, 48, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-red-800:focus {
      --bg-opacity: 1;
      background-color: #9b2c2c;
      background-color: rgba(155, 44, 44, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-red-900:focus {
      --bg-opacity: 1;
      background-color: #742a2a;
      background-color: rgba(116, 42, 42, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-orange-100:focus {
      --bg-opacity: 1;
      background-color: #fffaf0;
      background-color: rgba(255, 250, 240, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-orange-200:focus {
      --bg-opacity: 1;
      background-color: #feebc8;
      background-color: rgba(254, 235, 200, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-orange-300:focus {
      --bg-opacity: 1;
      background-color: #fbd38d;
      background-color: rgba(251, 211, 141, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-orange-400:focus {
      --bg-opacity: 1;
      background-color: #f6ad55;
      background-color: rgba(246, 173, 85, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-orange-500:focus {
      --bg-opacity: 1;
      background-color: #ed8936;
      background-color: rgba(237, 137, 54, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-orange-600:focus {
      --bg-opacity: 1;
      background-color: #dd6b20;
      background-color: rgba(221, 107, 32, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-orange-700:focus {
      --bg-opacity: 1;
      background-color: #c05621;
      background-color: rgba(192, 86, 33, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-orange-800:focus {
      --bg-opacity: 1;
      background-color: #9c4221;
      background-color: rgba(156, 66, 33, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-orange-900:focus {
      --bg-opacity: 1;
      background-color: #7b341e;
      background-color: rgba(123, 52, 30, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-yellow-100:focus {
      --bg-opacity: 1;
      background-color: #fffff0;
      background-color: rgba(255, 255, 240, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-yellow-200:focus {
      --bg-opacity: 1;
      background-color: #fefcbf;
      background-color: rgba(254, 252, 191, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-yellow-300:focus {
      --bg-opacity: 1;
      background-color: #faf089;
      background-color: rgba(250, 240, 137, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-yellow-400:focus {
      --bg-opacity: 1;
      background-color: #f6e05e;
      background-color: rgba(246, 224, 94, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-yellow-500:focus {
      --bg-opacity: 1;
      background-color: #ecc94b;
      background-color: rgba(236, 201, 75, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-yellow-600:focus {
      --bg-opacity: 1;
      background-color: #d69e2e;
      background-color: rgba(214, 158, 46, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-yellow-700:focus {
      --bg-opacity: 1;
      background-color: #b7791f;
      background-color: rgba(183, 121, 31, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-yellow-800:focus {
      --bg-opacity: 1;
      background-color: #975a16;
      background-color: rgba(151, 90, 22, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-yellow-900:focus {
      --bg-opacity: 1;
      background-color: #744210;
      background-color: rgba(116, 66, 16, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-green-100:focus {
      --bg-opacity: 1;
      background-color: #f0fff4;
      background-color: rgba(240, 255, 244, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-green-200:focus {
      --bg-opacity: 1;
      background-color: #c6f6d5;
      background-color: rgba(198, 246, 213, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-green-300:focus {
      --bg-opacity: 1;
      background-color: #9ae6b4;
      background-color: rgba(154, 230, 180, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-green-400:focus {
      --bg-opacity: 1;
      background-color: #68d391;
      background-color: rgba(104, 211, 145, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-green-500:focus {
      --bg-opacity: 1;
      background-color: #48bb78;
      background-color: rgba(72, 187, 120, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-green-600:focus {
      --bg-opacity: 1;
      background-color: #38a169;
      background-color: rgba(56, 161, 105, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-green-700:focus {
      --bg-opacity: 1;
      background-color: #2f855a;
      background-color: rgba(47, 133, 90, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-green-800:focus {
      --bg-opacity: 1;
      background-color: #276749;
      background-color: rgba(39, 103, 73, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-green-900:focus {
      --bg-opacity: 1;
      background-color: #22543d;
      background-color: rgba(34, 84, 61, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-teal-100:focus {
      --bg-opacity: 1;
      background-color: #e6fffa;
      background-color: rgba(230, 255, 250, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-teal-200:focus {
      --bg-opacity: 1;
      background-color: #b2f5ea;
      background-color: rgba(178, 245, 234, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-teal-300:focus {
      --bg-opacity: 1;
      background-color: #81e6d9;
      background-color: rgba(129, 230, 217, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-teal-400:focus {
      --bg-opacity: 1;
      background-color: #4fd1c5;
      background-color: rgba(79, 209, 197, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-teal-500:focus {
      --bg-opacity: 1;
      background-color: #38b2ac;
      background-color: rgba(56, 178, 172, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-teal-600:focus {
      --bg-opacity: 1;
      background-color: #319795;
      background-color: rgba(49, 151, 149, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-teal-700:focus {
      --bg-opacity: 1;
      background-color: #2c7a7b;
      background-color: rgba(44, 122, 123, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-teal-800:focus {
      --bg-opacity: 1;
      background-color: #285e61;
      background-color: rgba(40, 94, 97, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-teal-900:focus {
      --bg-opacity: 1;
      background-color: #234e52;
      background-color: rgba(35, 78, 82, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-blue-100:focus {
      --bg-opacity: 1;
      background-color: #ebf8ff;
      background-color: rgba(235, 248, 255, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-blue-200:focus {
      --bg-opacity: 1;
      background-color: #bee3f8;
      background-color: rgba(190, 227, 248, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-blue-300:focus {
      --bg-opacity: 1;
      background-color: #90cdf4;
      background-color: rgba(144, 205, 244, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-blue-400:focus {
      --bg-opacity: 1;
      background-color: #63b3ed;
      background-color: rgba(99, 179, 237, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-blue-500:focus {
      --bg-opacity: 1;
      background-color: #4299e1;
      background-color: rgba(66, 153, 225, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-blue-600:focus {
      --bg-opacity: 1;
      background-color: #3182ce;
      background-color: rgba(49, 130, 206, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-blue-700:focus {
      --bg-opacity: 1;
      background-color: #2b6cb0;
      background-color: rgba(43, 108, 176, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-blue-800:focus {
      --bg-opacity: 1;
      background-color: #2c5282;
      background-color: rgba(44, 82, 130, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-blue-900:focus {
      --bg-opacity: 1;
      background-color: #2a4365;
      background-color: rgba(42, 67, 101, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-indigo-100:focus {
      --bg-opacity: 1;
      background-color: #ebf4ff;
      background-color: rgba(235, 244, 255, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-indigo-200:focus {
      --bg-opacity: 1;
      background-color: #c3dafe;
      background-color: rgba(195, 218, 254, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-indigo-300:focus {
      --bg-opacity: 1;
      background-color: #a3bffa;
      background-color: rgba(163, 191, 250, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-indigo-400:focus {
      --bg-opacity: 1;
      background-color: #7f9cf5;
      background-color: rgba(127, 156, 245, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-indigo-500:focus {
      --bg-opacity: 1;
      background-color: #667eea;
      background-color: rgba(102, 126, 234, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-indigo-600:focus {
      --bg-opacity: 1;
      background-color: #5a67d8;
      background-color: rgba(90, 103, 216, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-indigo-700:focus {
      --bg-opacity: 1;
      background-color: #4c51bf;
      background-color: rgba(76, 81, 191, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-indigo-800:focus {
      --bg-opacity: 1;
      background-color: #434190;
      background-color: rgba(67, 65, 144, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-indigo-900:focus {
      --bg-opacity: 1;
      background-color: #3c366b;
      background-color: rgba(60, 54, 107, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-purple-100:focus {
      --bg-opacity: 1;
      background-color: #faf5ff;
      background-color: rgba(250, 245, 255, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-purple-200:focus {
      --bg-opacity: 1;
      background-color: #e9d8fd;
      background-color: rgba(233, 216, 253, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-purple-300:focus {
      --bg-opacity: 1;
      background-color: #d6bcfa;
      background-color: rgba(214, 188, 250, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-purple-400:focus {
      --bg-opacity: 1;
      background-color: #b794f4;
      background-color: rgba(183, 148, 244, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-purple-500:focus {
      --bg-opacity: 1;
      background-color: #9f7aea;
      background-color: rgba(159, 122, 234, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-purple-600:focus {
      --bg-opacity: 1;
      background-color: #805ad5;
      background-color: rgba(128, 90, 213, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-purple-700:focus {
      --bg-opacity: 1;
      background-color: #6b46c1;
      background-color: rgba(107, 70, 193, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-purple-800:focus {
      --bg-opacity: 1;
      background-color: #553c9a;
      background-color: rgba(85, 60, 154, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-purple-900:focus {
      --bg-opacity: 1;
      background-color: #44337a;
      background-color: rgba(68, 51, 122, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-pink-100:focus {
      --bg-opacity: 1;
      background-color: #fff5f7;
      background-color: rgba(255, 245, 247, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-pink-200:focus {
      --bg-opacity: 1;
      background-color: #fed7e2;
      background-color: rgba(254, 215, 226, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-pink-300:focus {
      --bg-opacity: 1;
      background-color: #fbb6ce;
      background-color: rgba(251, 182, 206, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-pink-400:focus {
      --bg-opacity: 1;
      background-color: #f687b3;
      background-color: rgba(246, 135, 179, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-pink-500:focus {
      --bg-opacity: 1;
      background-color: #ed64a6;
      background-color: rgba(237, 100, 166, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-pink-600:focus {
      --bg-opacity: 1;
      background-color: #d53f8c;
      background-color: rgba(213, 63, 140, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-pink-700:focus {
      --bg-opacity: 1;
      background-color: #b83280;
      background-color: rgba(184, 50, 128, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-pink-800:focus {
      --bg-opacity: 1;
      background-color: #97266d;
      background-color: rgba(151, 38, 109, var(--bg-opacity));
    }
  
    .sm\:focus\:bg-pink-900:focus {
      --bg-opacity: 1;
      background-color: #702459;
      background-color: rgba(112, 36, 89, 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-current {
      --gradient-from-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100 {
      --gradient-from-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .sm\:from-red-200 {
      --gradient-from-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .sm\:from-red-300 {
      --gradient-from-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .sm\:from-red-400 {
      --gradient-from-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .sm\:from-red-500 {
      --gradient-from-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .sm\:from-red-600 {
      --gradient-from-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .sm\:from-red-700 {
      --gradient-from-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .sm\:from-red-800 {
      --gradient-from-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .sm\:from-red-900 {
      --gradient-from-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .sm\:from-orange-100 {
      --gradient-from-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .sm\:from-orange-200 {
      --gradient-from-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .sm\:from-orange-300 {
      --gradient-from-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .sm\:from-orange-400 {
      --gradient-from-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .sm\:from-orange-500 {
      --gradient-from-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .sm\:from-orange-600 {
      --gradient-from-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .sm\:from-orange-700 {
      --gradient-from-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .sm\:from-orange-800 {
      --gradient-from-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .sm\:from-orange-900 {
      --gradient-from-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .sm\:from-yellow-100 {
      --gradient-from-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .sm\:from-yellow-200 {
      --gradient-from-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .sm\:from-yellow-300 {
      --gradient-from-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .sm\:from-yellow-400 {
      --gradient-from-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .sm\:from-yellow-500 {
      --gradient-from-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .sm\:from-yellow-600 {
      --gradient-from-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .sm\:from-yellow-700 {
      --gradient-from-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .sm\:from-yellow-800 {
      --gradient-from-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .sm\:from-yellow-900 {
      --gradient-from-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .sm\:from-green-100 {
      --gradient-from-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .sm\:from-green-200 {
      --gradient-from-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .sm\:from-green-300 {
      --gradient-from-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .sm\:from-green-400 {
      --gradient-from-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .sm\:from-green-500 {
      --gradient-from-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .sm\:from-green-600 {
      --gradient-from-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .sm\:from-green-700 {
      --gradient-from-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .sm\:from-green-800 {
      --gradient-from-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .sm\:from-green-900 {
      --gradient-from-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .sm\:from-teal-100 {
      --gradient-from-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .sm\:from-teal-200 {
      --gradient-from-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .sm\:from-teal-300 {
      --gradient-from-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .sm\:from-teal-400 {
      --gradient-from-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .sm\:from-teal-500 {
      --gradient-from-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .sm\:from-teal-600 {
      --gradient-from-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .sm\:from-teal-700 {
      --gradient-from-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .sm\:from-teal-800 {
      --gradient-from-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .sm\:from-teal-900 {
      --gradient-from-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .sm\:from-blue-100 {
      --gradient-from-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .sm\:from-blue-200 {
      --gradient-from-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .sm\:from-blue-300 {
      --gradient-from-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .sm\:from-blue-400 {
      --gradient-from-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .sm\:from-blue-500 {
      --gradient-from-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .sm\:from-blue-600 {
      --gradient-from-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .sm\:from-blue-700 {
      --gradient-from-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .sm\:from-blue-800 {
      --gradient-from-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .sm\:from-blue-900 {
      --gradient-from-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .sm\:from-indigo-100 {
      --gradient-from-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .sm\:from-indigo-200 {
      --gradient-from-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .sm\:from-indigo-300 {
      --gradient-from-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .sm\:from-indigo-400 {
      --gradient-from-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .sm\:from-indigo-500 {
      --gradient-from-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .sm\:from-indigo-600 {
      --gradient-from-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .sm\:from-indigo-700 {
      --gradient-from-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .sm\:from-indigo-800 {
      --gradient-from-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .sm\:from-indigo-900 {
      --gradient-from-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .sm\:from-purple-100 {
      --gradient-from-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .sm\:from-purple-200 {
      --gradient-from-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .sm\:from-purple-300 {
      --gradient-from-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .sm\:from-purple-400 {
      --gradient-from-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .sm\:from-purple-500 {
      --gradient-from-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .sm\:from-purple-600 {
      --gradient-from-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .sm\:from-purple-700 {
      --gradient-from-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .sm\:from-purple-800 {
      --gradient-from-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .sm\:from-purple-900 {
      --gradient-from-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .sm\:from-pink-100 {
      --gradient-from-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .sm\:from-pink-200 {
      --gradient-from-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .sm\:from-pink-300 {
      --gradient-from-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .sm\:from-pink-400 {
      --gradient-from-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .sm\:from-pink-500 {
      --gradient-from-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .sm\:from-pink-600 {
      --gradient-from-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .sm\:from-pink-700 {
      --gradient-from-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .sm\:from-pink-800 {
      --gradient-from-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .sm\:from-pink-900 {
      --gradient-from-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 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-current {
      --gradient-via-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100 {
      --gradient-via-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .sm\:via-red-200 {
      --gradient-via-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .sm\:via-red-300 {
      --gradient-via-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .sm\:via-red-400 {
      --gradient-via-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .sm\:via-red-500 {
      --gradient-via-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .sm\:via-red-600 {
      --gradient-via-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .sm\:via-red-700 {
      --gradient-via-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .sm\:via-red-800 {
      --gradient-via-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .sm\:via-red-900 {
      --gradient-via-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .sm\:via-orange-100 {
      --gradient-via-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .sm\:via-orange-200 {
      --gradient-via-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .sm\:via-orange-300 {
      --gradient-via-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .sm\:via-orange-400 {
      --gradient-via-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .sm\:via-orange-500 {
      --gradient-via-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .sm\:via-orange-600 {
      --gradient-via-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .sm\:via-orange-700 {
      --gradient-via-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .sm\:via-orange-800 {
      --gradient-via-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .sm\:via-orange-900 {
      --gradient-via-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .sm\:via-yellow-100 {
      --gradient-via-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .sm\:via-yellow-200 {
      --gradient-via-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .sm\:via-yellow-300 {
      --gradient-via-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .sm\:via-yellow-400 {
      --gradient-via-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .sm\:via-yellow-500 {
      --gradient-via-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .sm\:via-yellow-600 {
      --gradient-via-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .sm\:via-yellow-700 {
      --gradient-via-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .sm\:via-yellow-800 {
      --gradient-via-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .sm\:via-yellow-900 {
      --gradient-via-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .sm\:via-green-100 {
      --gradient-via-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .sm\:via-green-200 {
      --gradient-via-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .sm\:via-green-300 {
      --gradient-via-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .sm\:via-green-400 {
      --gradient-via-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .sm\:via-green-500 {
      --gradient-via-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .sm\:via-green-600 {
      --gradient-via-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .sm\:via-green-700 {
      --gradient-via-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .sm\:via-green-800 {
      --gradient-via-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .sm\:via-green-900 {
      --gradient-via-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .sm\:via-teal-100 {
      --gradient-via-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .sm\:via-teal-200 {
      --gradient-via-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .sm\:via-teal-300 {
      --gradient-via-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .sm\:via-teal-400 {
      --gradient-via-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .sm\:via-teal-500 {
      --gradient-via-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .sm\:via-teal-600 {
      --gradient-via-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .sm\:via-teal-700 {
      --gradient-via-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .sm\:via-teal-800 {
      --gradient-via-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .sm\:via-teal-900 {
      --gradient-via-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .sm\:via-blue-100 {
      --gradient-via-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .sm\:via-blue-200 {
      --gradient-via-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .sm\:via-blue-300 {
      --gradient-via-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .sm\:via-blue-400 {
      --gradient-via-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .sm\:via-blue-500 {
      --gradient-via-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .sm\:via-blue-600 {
      --gradient-via-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .sm\:via-blue-700 {
      --gradient-via-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .sm\:via-blue-800 {
      --gradient-via-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .sm\:via-blue-900 {
      --gradient-via-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .sm\:via-indigo-100 {
      --gradient-via-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .sm\:via-indigo-200 {
      --gradient-via-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .sm\:via-indigo-300 {
      --gradient-via-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .sm\:via-indigo-400 {
      --gradient-via-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .sm\:via-indigo-500 {
      --gradient-via-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .sm\:via-indigo-600 {
      --gradient-via-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .sm\:via-indigo-700 {
      --gradient-via-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .sm\:via-indigo-800 {
      --gradient-via-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .sm\:via-indigo-900 {
      --gradient-via-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .sm\:via-purple-100 {
      --gradient-via-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .sm\:via-purple-200 {
      --gradient-via-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .sm\:via-purple-300 {
      --gradient-via-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .sm\:via-purple-400 {
      --gradient-via-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .sm\:via-purple-500 {
      --gradient-via-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .sm\:via-purple-600 {
      --gradient-via-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .sm\:via-purple-700 {
      --gradient-via-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .sm\:via-purple-800 {
      --gradient-via-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .sm\:via-purple-900 {
      --gradient-via-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .sm\:via-pink-100 {
      --gradient-via-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .sm\:via-pink-200 {
      --gradient-via-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .sm\:via-pink-300 {
      --gradient-via-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .sm\:via-pink-400 {
      --gradient-via-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .sm\:via-pink-500 {
      --gradient-via-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .sm\:via-pink-600 {
      --gradient-via-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .sm\:via-pink-700 {
      --gradient-via-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .sm\:via-pink-800 {
      --gradient-via-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .sm\:via-pink-900 {
      --gradient-via-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .sm\:to-transparent {
      --gradient-to-color: transparent;
    }
  
    .sm\:to-current {
      --gradient-to-color: currentColor;
    }
  
    .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-red-100 {
      --gradient-to-color: #fff5f5;
    }
  
    .sm\:to-red-200 {
      --gradient-to-color: #fed7d7;
    }
  
    .sm\:to-red-300 {
      --gradient-to-color: #feb2b2;
    }
  
    .sm\:to-red-400 {
      --gradient-to-color: #fc8181;
    }
  
    .sm\:to-red-500 {
      --gradient-to-color: #f56565;
    }
  
    .sm\:to-red-600 {
      --gradient-to-color: #e53e3e;
    }
  
    .sm\:to-red-700 {
      --gradient-to-color: #c53030;
    }
  
    .sm\:to-red-800 {
      --gradient-to-color: #9b2c2c;
    }
  
    .sm\:to-red-900 {
      --gradient-to-color: #742a2a;
    }
  
    .sm\:to-orange-100 {
      --gradient-to-color: #fffaf0;
    }
  
    .sm\:to-orange-200 {
      --gradient-to-color: #feebc8;
    }
  
    .sm\:to-orange-300 {
      --gradient-to-color: #fbd38d;
    }
  
    .sm\:to-orange-400 {
      --gradient-to-color: #f6ad55;
    }
  
    .sm\:to-orange-500 {
      --gradient-to-color: #ed8936;
    }
  
    .sm\:to-orange-600 {
      --gradient-to-color: #dd6b20;
    }
  
    .sm\:to-orange-700 {
      --gradient-to-color: #c05621;
    }
  
    .sm\:to-orange-800 {
      --gradient-to-color: #9c4221;
    }
  
    .sm\:to-orange-900 {
      --gradient-to-color: #7b341e;
    }
  
    .sm\:to-yellow-100 {
      --gradient-to-color: #fffff0;
    }
  
    .sm\:to-yellow-200 {
      --gradient-to-color: #fefcbf;
    }
  
    .sm\:to-yellow-300 {
      --gradient-to-color: #faf089;
    }
  
    .sm\:to-yellow-400 {
      --gradient-to-color: #f6e05e;
    }
  
    .sm\:to-yellow-500 {
      --gradient-to-color: #ecc94b;
    }
  
    .sm\:to-yellow-600 {
      --gradient-to-color: #d69e2e;
    }
  
    .sm\:to-yellow-700 {
      --gradient-to-color: #b7791f;
    }
  
    .sm\:to-yellow-800 {
      --gradient-to-color: #975a16;
    }
  
    .sm\:to-yellow-900 {
      --gradient-to-color: #744210;
    }
  
    .sm\:to-green-100 {
      --gradient-to-color: #f0fff4;
    }
  
    .sm\:to-green-200 {
      --gradient-to-color: #c6f6d5;
    }
  
    .sm\:to-green-300 {
      --gradient-to-color: #9ae6b4;
    }
  
    .sm\:to-green-400 {
      --gradient-to-color: #68d391;
    }
  
    .sm\:to-green-500 {
      --gradient-to-color: #48bb78;
    }
  
    .sm\:to-green-600 {
      --gradient-to-color: #38a169;
    }
  
    .sm\:to-green-700 {
      --gradient-to-color: #2f855a;
    }
  
    .sm\:to-green-800 {
      --gradient-to-color: #276749;
    }
  
    .sm\:to-green-900 {
      --gradient-to-color: #22543d;
    }
  
    .sm\:to-teal-100 {
      --gradient-to-color: #e6fffa;
    }
  
    .sm\:to-teal-200 {
      --gradient-to-color: #b2f5ea;
    }
  
    .sm\:to-teal-300 {
      --gradient-to-color: #81e6d9;
    }
  
    .sm\:to-teal-400 {
      --gradient-to-color: #4fd1c5;
    }
  
    .sm\:to-teal-500 {
      --gradient-to-color: #38b2ac;
    }
  
    .sm\:to-teal-600 {
      --gradient-to-color: #319795;
    }
  
    .sm\:to-teal-700 {
      --gradient-to-color: #2c7a7b;
    }
  
    .sm\:to-teal-800 {
      --gradient-to-color: #285e61;
    }
  
    .sm\:to-teal-900 {
      --gradient-to-color: #234e52;
    }
  
    .sm\:to-blue-100 {
      --gradient-to-color: #ebf8ff;
    }
  
    .sm\:to-blue-200 {
      --gradient-to-color: #bee3f8;
    }
  
    .sm\:to-blue-300 {
      --gradient-to-color: #90cdf4;
    }
  
    .sm\:to-blue-400 {
      --gradient-to-color: #63b3ed;
    }
  
    .sm\:to-blue-500 {
      --gradient-to-color: #4299e1;
    }
  
    .sm\:to-blue-600 {
      --gradient-to-color: #3182ce;
    }
  
    .sm\:to-blue-700 {
      --gradient-to-color: #2b6cb0;
    }
  
    .sm\:to-blue-800 {
      --gradient-to-color: #2c5282;
    }
  
    .sm\:to-blue-900 {
      --gradient-to-color: #2a4365;
    }
  
    .sm\:to-indigo-100 {
      --gradient-to-color: #ebf4ff;
    }
  
    .sm\:to-indigo-200 {
      --gradient-to-color: #c3dafe;
    }
  
    .sm\:to-indigo-300 {
      --gradient-to-color: #a3bffa;
    }
  
    .sm\:to-indigo-400 {
      --gradient-to-color: #7f9cf5;
    }
  
    .sm\:to-indigo-500 {
      --gradient-to-color: #667eea;
    }
  
    .sm\:to-indigo-600 {
      --gradient-to-color: #5a67d8;
    }
  
    .sm\:to-indigo-700 {
      --gradient-to-color: #4c51bf;
    }
  
    .sm\:to-indigo-800 {
      --gradient-to-color: #434190;
    }
  
    .sm\:to-indigo-900 {
      --gradient-to-color: #3c366b;
    }
  
    .sm\:to-purple-100 {
      --gradient-to-color: #faf5ff;
    }
  
    .sm\:to-purple-200 {
      --gradient-to-color: #e9d8fd;
    }
  
    .sm\:to-purple-300 {
      --gradient-to-color: #d6bcfa;
    }
  
    .sm\:to-purple-400 {
      --gradient-to-color: #b794f4;
    }
  
    .sm\:to-purple-500 {
      --gradient-to-color: #9f7aea;
    }
  
    .sm\:to-purple-600 {
      --gradient-to-color: #805ad5;
    }
  
    .sm\:to-purple-700 {
      --gradient-to-color: #6b46c1;
    }
  
    .sm\:to-purple-800 {
      --gradient-to-color: #553c9a;
    }
  
    .sm\:to-purple-900 {
      --gradient-to-color: #44337a;
    }
  
    .sm\:to-pink-100 {
      --gradient-to-color: #fff5f7;
    }
  
    .sm\:to-pink-200 {
      --gradient-to-color: #fed7e2;
    }
  
    .sm\:to-pink-300 {
      --gradient-to-color: #fbb6ce;
    }
  
    .sm\:to-pink-400 {
      --gradient-to-color: #f687b3;
    }
  
    .sm\:to-pink-500 {
      --gradient-to-color: #ed64a6;
    }
  
    .sm\:to-pink-600 {
      --gradient-to-color: #d53f8c;
    }
  
    .sm\:to-pink-700 {
      --gradient-to-color: #b83280;
    }
  
    .sm\:to-pink-800 {
      --gradient-to-color: #97266d;
    }
  
    .sm\:to-pink-900 {
      --gradient-to-color: #702459;
    }
  
    .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-current:hover {
      --gradient-from-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:hover {
      --gradient-from-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .sm\:hover\:from-red-200:hover {
      --gradient-from-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .sm\:hover\:from-red-300:hover {
      --gradient-from-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .sm\:hover\:from-red-400:hover {
      --gradient-from-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .sm\:hover\:from-red-500:hover {
      --gradient-from-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .sm\:hover\:from-red-600:hover {
      --gradient-from-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .sm\:hover\:from-red-700:hover {
      --gradient-from-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .sm\:hover\:from-red-800:hover {
      --gradient-from-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .sm\:hover\:from-red-900:hover {
      --gradient-from-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .sm\:hover\:from-orange-100:hover {
      --gradient-from-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .sm\:hover\:from-orange-200:hover {
      --gradient-from-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .sm\:hover\:from-orange-300:hover {
      --gradient-from-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .sm\:hover\:from-orange-400:hover {
      --gradient-from-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .sm\:hover\:from-orange-500:hover {
      --gradient-from-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .sm\:hover\:from-orange-600:hover {
      --gradient-from-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .sm\:hover\:from-orange-700:hover {
      --gradient-from-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .sm\:hover\:from-orange-800:hover {
      --gradient-from-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .sm\:hover\:from-orange-900:hover {
      --gradient-from-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .sm\:hover\:from-yellow-100:hover {
      --gradient-from-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .sm\:hover\:from-yellow-200:hover {
      --gradient-from-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .sm\:hover\:from-yellow-300:hover {
      --gradient-from-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .sm\:hover\:from-yellow-400:hover {
      --gradient-from-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .sm\:hover\:from-yellow-500:hover {
      --gradient-from-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .sm\:hover\:from-yellow-600:hover {
      --gradient-from-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .sm\:hover\:from-yellow-700:hover {
      --gradient-from-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .sm\:hover\:from-yellow-800:hover {
      --gradient-from-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .sm\:hover\:from-yellow-900:hover {
      --gradient-from-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .sm\:hover\:from-green-100:hover {
      --gradient-from-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .sm\:hover\:from-green-200:hover {
      --gradient-from-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .sm\:hover\:from-green-300:hover {
      --gradient-from-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .sm\:hover\:from-green-400:hover {
      --gradient-from-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .sm\:hover\:from-green-500:hover {
      --gradient-from-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .sm\:hover\:from-green-600:hover {
      --gradient-from-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .sm\:hover\:from-green-700:hover {
      --gradient-from-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .sm\:hover\:from-green-800:hover {
      --gradient-from-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .sm\:hover\:from-green-900:hover {
      --gradient-from-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .sm\:hover\:from-teal-100:hover {
      --gradient-from-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .sm\:hover\:from-teal-200:hover {
      --gradient-from-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .sm\:hover\:from-teal-300:hover {
      --gradient-from-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .sm\:hover\:from-teal-400:hover {
      --gradient-from-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .sm\:hover\:from-teal-500:hover {
      --gradient-from-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .sm\:hover\:from-teal-600:hover {
      --gradient-from-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .sm\:hover\:from-teal-700:hover {
      --gradient-from-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .sm\:hover\:from-teal-800:hover {
      --gradient-from-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .sm\:hover\:from-teal-900:hover {
      --gradient-from-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .sm\:hover\:from-blue-100:hover {
      --gradient-from-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .sm\:hover\:from-blue-200:hover {
      --gradient-from-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .sm\:hover\:from-blue-300:hover {
      --gradient-from-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .sm\:hover\:from-blue-400:hover {
      --gradient-from-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .sm\:hover\:from-blue-500:hover {
      --gradient-from-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .sm\:hover\:from-blue-600:hover {
      --gradient-from-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .sm\:hover\:from-blue-700:hover {
      --gradient-from-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .sm\:hover\:from-blue-800:hover {
      --gradient-from-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .sm\:hover\:from-blue-900:hover {
      --gradient-from-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .sm\:hover\:from-indigo-100:hover {
      --gradient-from-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .sm\:hover\:from-indigo-200:hover {
      --gradient-from-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .sm\:hover\:from-indigo-300:hover {
      --gradient-from-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .sm\:hover\:from-indigo-400:hover {
      --gradient-from-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .sm\:hover\:from-indigo-500:hover {
      --gradient-from-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .sm\:hover\:from-indigo-600:hover {
      --gradient-from-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .sm\:hover\:from-indigo-700:hover {
      --gradient-from-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .sm\:hover\:from-indigo-800:hover {
      --gradient-from-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .sm\:hover\:from-indigo-900:hover {
      --gradient-from-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .sm\:hover\:from-purple-100:hover {
      --gradient-from-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .sm\:hover\:from-purple-200:hover {
      --gradient-from-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .sm\:hover\:from-purple-300:hover {
      --gradient-from-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .sm\:hover\:from-purple-400:hover {
      --gradient-from-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .sm\:hover\:from-purple-500:hover {
      --gradient-from-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .sm\:hover\:from-purple-600:hover {
      --gradient-from-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .sm\:hover\:from-purple-700:hover {
      --gradient-from-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .sm\:hover\:from-purple-800:hover {
      --gradient-from-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .sm\:hover\:from-purple-900:hover {
      --gradient-from-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .sm\:hover\:from-pink-100:hover {
      --gradient-from-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .sm\:hover\:from-pink-200:hover {
      --gradient-from-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .sm\:hover\:from-pink-300:hover {
      --gradient-from-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .sm\:hover\:from-pink-400:hover {
      --gradient-from-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .sm\:hover\:from-pink-500:hover {
      --gradient-from-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .sm\:hover\:from-pink-600:hover {
      --gradient-from-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .sm\:hover\:from-pink-700:hover {
      --gradient-from-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .sm\:hover\:from-pink-800:hover {
      --gradient-from-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .sm\:hover\:from-pink-900:hover {
      --gradient-from-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 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-current:hover {
      --gradient-via-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:hover {
      --gradient-via-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .sm\:hover\:via-red-200:hover {
      --gradient-via-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .sm\:hover\:via-red-300:hover {
      --gradient-via-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .sm\:hover\:via-red-400:hover {
      --gradient-via-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .sm\:hover\:via-red-500:hover {
      --gradient-via-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .sm\:hover\:via-red-600:hover {
      --gradient-via-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .sm\:hover\:via-red-700:hover {
      --gradient-via-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .sm\:hover\:via-red-800:hover {
      --gradient-via-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .sm\:hover\:via-red-900:hover {
      --gradient-via-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .sm\:hover\:via-orange-100:hover {
      --gradient-via-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .sm\:hover\:via-orange-200:hover {
      --gradient-via-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .sm\:hover\:via-orange-300:hover {
      --gradient-via-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .sm\:hover\:via-orange-400:hover {
      --gradient-via-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .sm\:hover\:via-orange-500:hover {
      --gradient-via-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .sm\:hover\:via-orange-600:hover {
      --gradient-via-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .sm\:hover\:via-orange-700:hover {
      --gradient-via-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .sm\:hover\:via-orange-800:hover {
      --gradient-via-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .sm\:hover\:via-orange-900:hover {
      --gradient-via-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .sm\:hover\:via-yellow-100:hover {
      --gradient-via-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .sm\:hover\:via-yellow-200:hover {
      --gradient-via-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .sm\:hover\:via-yellow-300:hover {
      --gradient-via-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .sm\:hover\:via-yellow-400:hover {
      --gradient-via-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .sm\:hover\:via-yellow-500:hover {
      --gradient-via-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .sm\:hover\:via-yellow-600:hover {
      --gradient-via-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .sm\:hover\:via-yellow-700:hover {
      --gradient-via-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .sm\:hover\:via-yellow-800:hover {
      --gradient-via-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .sm\:hover\:via-yellow-900:hover {
      --gradient-via-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .sm\:hover\:via-green-100:hover {
      --gradient-via-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .sm\:hover\:via-green-200:hover {
      --gradient-via-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .sm\:hover\:via-green-300:hover {
      --gradient-via-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .sm\:hover\:via-green-400:hover {
      --gradient-via-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .sm\:hover\:via-green-500:hover {
      --gradient-via-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .sm\:hover\:via-green-600:hover {
      --gradient-via-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .sm\:hover\:via-green-700:hover {
      --gradient-via-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .sm\:hover\:via-green-800:hover {
      --gradient-via-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .sm\:hover\:via-green-900:hover {
      --gradient-via-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .sm\:hover\:via-teal-100:hover {
      --gradient-via-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .sm\:hover\:via-teal-200:hover {
      --gradient-via-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .sm\:hover\:via-teal-300:hover {
      --gradient-via-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .sm\:hover\:via-teal-400:hover {
      --gradient-via-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .sm\:hover\:via-teal-500:hover {
      --gradient-via-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .sm\:hover\:via-teal-600:hover {
      --gradient-via-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .sm\:hover\:via-teal-700:hover {
      --gradient-via-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .sm\:hover\:via-teal-800:hover {
      --gradient-via-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .sm\:hover\:via-teal-900:hover {
      --gradient-via-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .sm\:hover\:via-blue-100:hover {
      --gradient-via-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .sm\:hover\:via-blue-200:hover {
      --gradient-via-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .sm\:hover\:via-blue-300:hover {
      --gradient-via-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .sm\:hover\:via-blue-400:hover {
      --gradient-via-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .sm\:hover\:via-blue-500:hover {
      --gradient-via-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .sm\:hover\:via-blue-600:hover {
      --gradient-via-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .sm\:hover\:via-blue-700:hover {
      --gradient-via-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .sm\:hover\:via-blue-800:hover {
      --gradient-via-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .sm\:hover\:via-blue-900:hover {
      --gradient-via-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .sm\:hover\:via-indigo-100:hover {
      --gradient-via-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .sm\:hover\:via-indigo-200:hover {
      --gradient-via-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .sm\:hover\:via-indigo-300:hover {
      --gradient-via-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .sm\:hover\:via-indigo-400:hover {
      --gradient-via-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .sm\:hover\:via-indigo-500:hover {
      --gradient-via-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .sm\:hover\:via-indigo-600:hover {
      --gradient-via-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .sm\:hover\:via-indigo-700:hover {
      --gradient-via-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .sm\:hover\:via-indigo-800:hover {
      --gradient-via-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .sm\:hover\:via-indigo-900:hover {
      --gradient-via-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .sm\:hover\:via-purple-100:hover {
      --gradient-via-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .sm\:hover\:via-purple-200:hover {
      --gradient-via-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .sm\:hover\:via-purple-300:hover {
      --gradient-via-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .sm\:hover\:via-purple-400:hover {
      --gradient-via-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .sm\:hover\:via-purple-500:hover {
      --gradient-via-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .sm\:hover\:via-purple-600:hover {
      --gradient-via-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .sm\:hover\:via-purple-700:hover {
      --gradient-via-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .sm\:hover\:via-purple-800:hover {
      --gradient-via-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .sm\:hover\:via-purple-900:hover {
      --gradient-via-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .sm\:hover\:via-pink-100:hover {
      --gradient-via-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .sm\:hover\:via-pink-200:hover {
      --gradient-via-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .sm\:hover\:via-pink-300:hover {
      --gradient-via-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .sm\:hover\:via-pink-400:hover {
      --gradient-via-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .sm\:hover\:via-pink-500:hover {
      --gradient-via-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .sm\:hover\:via-pink-600:hover {
      --gradient-via-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .sm\:hover\:via-pink-700:hover {
      --gradient-via-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .sm\:hover\:via-pink-800:hover {
      --gradient-via-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .sm\:hover\:via-pink-900:hover {
      --gradient-via-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .sm\:hover\:to-transparent:hover {
      --gradient-to-color: transparent;
    }
  
    .sm\:hover\:to-current:hover {
      --gradient-to-color: currentColor;
    }
  
    .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-red-100:hover {
      --gradient-to-color: #fff5f5;
    }
  
    .sm\:hover\:to-red-200:hover {
      --gradient-to-color: #fed7d7;
    }
  
    .sm\:hover\:to-red-300:hover {
      --gradient-to-color: #feb2b2;
    }
  
    .sm\:hover\:to-red-400:hover {
      --gradient-to-color: #fc8181;
    }
  
    .sm\:hover\:to-red-500:hover {
      --gradient-to-color: #f56565;
    }
  
    .sm\:hover\:to-red-600:hover {
      --gradient-to-color: #e53e3e;
    }
  
    .sm\:hover\:to-red-700:hover {
      --gradient-to-color: #c53030;
    }
  
    .sm\:hover\:to-red-800:hover {
      --gradient-to-color: #9b2c2c;
    }
  
    .sm\:hover\:to-red-900:hover {
      --gradient-to-color: #742a2a;
    }
  
    .sm\:hover\:to-orange-100:hover {
      --gradient-to-color: #fffaf0;
    }
  
    .sm\:hover\:to-orange-200:hover {
      --gradient-to-color: #feebc8;
    }
  
    .sm\:hover\:to-orange-300:hover {
      --gradient-to-color: #fbd38d;
    }
  
    .sm\:hover\:to-orange-400:hover {
      --gradient-to-color: #f6ad55;
    }
  
    .sm\:hover\:to-orange-500:hover {
      --gradient-to-color: #ed8936;
    }
  
    .sm\:hover\:to-orange-600:hover {
      --gradient-to-color: #dd6b20;
    }
  
    .sm\:hover\:to-orange-700:hover {
      --gradient-to-color: #c05621;
    }
  
    .sm\:hover\:to-orange-800:hover {
      --gradient-to-color: #9c4221;
    }
  
    .sm\:hover\:to-orange-900:hover {
      --gradient-to-color: #7b341e;
    }
  
    .sm\:hover\:to-yellow-100:hover {
      --gradient-to-color: #fffff0;
    }
  
    .sm\:hover\:to-yellow-200:hover {
      --gradient-to-color: #fefcbf;
    }
  
    .sm\:hover\:to-yellow-300:hover {
      --gradient-to-color: #faf089;
    }
  
    .sm\:hover\:to-yellow-400:hover {
      --gradient-to-color: #f6e05e;
    }
  
    .sm\:hover\:to-yellow-500:hover {
      --gradient-to-color: #ecc94b;
    }
  
    .sm\:hover\:to-yellow-600:hover {
      --gradient-to-color: #d69e2e;
    }
  
    .sm\:hover\:to-yellow-700:hover {
      --gradient-to-color: #b7791f;
    }
  
    .sm\:hover\:to-yellow-800:hover {
      --gradient-to-color: #975a16;
    }
  
    .sm\:hover\:to-yellow-900:hover {
      --gradient-to-color: #744210;
    }
  
    .sm\:hover\:to-green-100:hover {
      --gradient-to-color: #f0fff4;
    }
  
    .sm\:hover\:to-green-200:hover {
      --gradient-to-color: #c6f6d5;
    }
  
    .sm\:hover\:to-green-300:hover {
      --gradient-to-color: #9ae6b4;
    }
  
    .sm\:hover\:to-green-400:hover {
      --gradient-to-color: #68d391;
    }
  
    .sm\:hover\:to-green-500:hover {
      --gradient-to-color: #48bb78;
    }
  
    .sm\:hover\:to-green-600:hover {
      --gradient-to-color: #38a169;
    }
  
    .sm\:hover\:to-green-700:hover {
      --gradient-to-color: #2f855a;
    }
  
    .sm\:hover\:to-green-800:hover {
      --gradient-to-color: #276749;
    }
  
    .sm\:hover\:to-green-900:hover {
      --gradient-to-color: #22543d;
    }
  
    .sm\:hover\:to-teal-100:hover {
      --gradient-to-color: #e6fffa;
    }
  
    .sm\:hover\:to-teal-200:hover {
      --gradient-to-color: #b2f5ea;
    }
  
    .sm\:hover\:to-teal-300:hover {
      --gradient-to-color: #81e6d9;
    }
  
    .sm\:hover\:to-teal-400:hover {
      --gradient-to-color: #4fd1c5;
    }
  
    .sm\:hover\:to-teal-500:hover {
      --gradient-to-color: #38b2ac;
    }
  
    .sm\:hover\:to-teal-600:hover {
      --gradient-to-color: #319795;
    }
  
    .sm\:hover\:to-teal-700:hover {
      --gradient-to-color: #2c7a7b;
    }
  
    .sm\:hover\:to-teal-800:hover {
      --gradient-to-color: #285e61;
    }
  
    .sm\:hover\:to-teal-900:hover {
      --gradient-to-color: #234e52;
    }
  
    .sm\:hover\:to-blue-100:hover {
      --gradient-to-color: #ebf8ff;
    }
  
    .sm\:hover\:to-blue-200:hover {
      --gradient-to-color: #bee3f8;
    }
  
    .sm\:hover\:to-blue-300:hover {
      --gradient-to-color: #90cdf4;
    }
  
    .sm\:hover\:to-blue-400:hover {
      --gradient-to-color: #63b3ed;
    }
  
    .sm\:hover\:to-blue-500:hover {
      --gradient-to-color: #4299e1;
    }
  
    .sm\:hover\:to-blue-600:hover {
      --gradient-to-color: #3182ce;
    }
  
    .sm\:hover\:to-blue-700:hover {
      --gradient-to-color: #2b6cb0;
    }
  
    .sm\:hover\:to-blue-800:hover {
      --gradient-to-color: #2c5282;
    }
  
    .sm\:hover\:to-blue-900:hover {
      --gradient-to-color: #2a4365;
    }
  
    .sm\:hover\:to-indigo-100:hover {
      --gradient-to-color: #ebf4ff;
    }
  
    .sm\:hover\:to-indigo-200:hover {
      --gradient-to-color: #c3dafe;
    }
  
    .sm\:hover\:to-indigo-300:hover {
      --gradient-to-color: #a3bffa;
    }
  
    .sm\:hover\:to-indigo-400:hover {
      --gradient-to-color: #7f9cf5;
    }
  
    .sm\:hover\:to-indigo-500:hover {
      --gradient-to-color: #667eea;
    }
  
    .sm\:hover\:to-indigo-600:hover {
      --gradient-to-color: #5a67d8;
    }
  
    .sm\:hover\:to-indigo-700:hover {
      --gradient-to-color: #4c51bf;
    }
  
    .sm\:hover\:to-indigo-800:hover {
      --gradient-to-color: #434190;
    }
  
    .sm\:hover\:to-indigo-900:hover {
      --gradient-to-color: #3c366b;
    }
  
    .sm\:hover\:to-purple-100:hover {
      --gradient-to-color: #faf5ff;
    }
  
    .sm\:hover\:to-purple-200:hover {
      --gradient-to-color: #e9d8fd;
    }
  
    .sm\:hover\:to-purple-300:hover {
      --gradient-to-color: #d6bcfa;
    }
  
    .sm\:hover\:to-purple-400:hover {
      --gradient-to-color: #b794f4;
    }
  
    .sm\:hover\:to-purple-500:hover {
      --gradient-to-color: #9f7aea;
    }
  
    .sm\:hover\:to-purple-600:hover {
      --gradient-to-color: #805ad5;
    }
  
    .sm\:hover\:to-purple-700:hover {
      --gradient-to-color: #6b46c1;
    }
  
    .sm\:hover\:to-purple-800:hover {
      --gradient-to-color: #553c9a;
    }
  
    .sm\:hover\:to-purple-900:hover {
      --gradient-to-color: #44337a;
    }
  
    .sm\:hover\:to-pink-100:hover {
      --gradient-to-color: #fff5f7;
    }
  
    .sm\:hover\:to-pink-200:hover {
      --gradient-to-color: #fed7e2;
    }
  
    .sm\:hover\:to-pink-300:hover {
      --gradient-to-color: #fbb6ce;
    }
  
    .sm\:hover\:to-pink-400:hover {
      --gradient-to-color: #f687b3;
    }
  
    .sm\:hover\:to-pink-500:hover {
      --gradient-to-color: #ed64a6;
    }
  
    .sm\:hover\:to-pink-600:hover {
      --gradient-to-color: #d53f8c;
    }
  
    .sm\:hover\:to-pink-700:hover {
      --gradient-to-color: #b83280;
    }
  
    .sm\:hover\:to-pink-800:hover {
      --gradient-to-color: #97266d;
    }
  
    .sm\:hover\:to-pink-900:hover {
      --gradient-to-color: #702459;
    }
  
    .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-current:focus {
      --gradient-from-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:focus {
      --gradient-from-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .sm\:focus\:from-red-200:focus {
      --gradient-from-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .sm\:focus\:from-red-300:focus {
      --gradient-from-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .sm\:focus\:from-red-400:focus {
      --gradient-from-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .sm\:focus\:from-red-500:focus {
      --gradient-from-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .sm\:focus\:from-red-600:focus {
      --gradient-from-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .sm\:focus\:from-red-700:focus {
      --gradient-from-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .sm\:focus\:from-red-800:focus {
      --gradient-from-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .sm\:focus\:from-red-900:focus {
      --gradient-from-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .sm\:focus\:from-orange-100:focus {
      --gradient-from-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .sm\:focus\:from-orange-200:focus {
      --gradient-from-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .sm\:focus\:from-orange-300:focus {
      --gradient-from-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .sm\:focus\:from-orange-400:focus {
      --gradient-from-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .sm\:focus\:from-orange-500:focus {
      --gradient-from-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .sm\:focus\:from-orange-600:focus {
      --gradient-from-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .sm\:focus\:from-orange-700:focus {
      --gradient-from-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .sm\:focus\:from-orange-800:focus {
      --gradient-from-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .sm\:focus\:from-orange-900:focus {
      --gradient-from-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .sm\:focus\:from-yellow-100:focus {
      --gradient-from-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .sm\:focus\:from-yellow-200:focus {
      --gradient-from-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .sm\:focus\:from-yellow-300:focus {
      --gradient-from-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .sm\:focus\:from-yellow-400:focus {
      --gradient-from-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .sm\:focus\:from-yellow-500:focus {
      --gradient-from-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .sm\:focus\:from-yellow-600:focus {
      --gradient-from-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .sm\:focus\:from-yellow-700:focus {
      --gradient-from-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .sm\:focus\:from-yellow-800:focus {
      --gradient-from-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .sm\:focus\:from-yellow-900:focus {
      --gradient-from-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .sm\:focus\:from-green-100:focus {
      --gradient-from-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .sm\:focus\:from-green-200:focus {
      --gradient-from-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .sm\:focus\:from-green-300:focus {
      --gradient-from-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .sm\:focus\:from-green-400:focus {
      --gradient-from-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .sm\:focus\:from-green-500:focus {
      --gradient-from-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .sm\:focus\:from-green-600:focus {
      --gradient-from-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .sm\:focus\:from-green-700:focus {
      --gradient-from-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .sm\:focus\:from-green-800:focus {
      --gradient-from-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .sm\:focus\:from-green-900:focus {
      --gradient-from-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .sm\:focus\:from-teal-100:focus {
      --gradient-from-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .sm\:focus\:from-teal-200:focus {
      --gradient-from-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .sm\:focus\:from-teal-300:focus {
      --gradient-from-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .sm\:focus\:from-teal-400:focus {
      --gradient-from-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .sm\:focus\:from-teal-500:focus {
      --gradient-from-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .sm\:focus\:from-teal-600:focus {
      --gradient-from-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .sm\:focus\:from-teal-700:focus {
      --gradient-from-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .sm\:focus\:from-teal-800:focus {
      --gradient-from-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .sm\:focus\:from-teal-900:focus {
      --gradient-from-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .sm\:focus\:from-blue-100:focus {
      --gradient-from-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .sm\:focus\:from-blue-200:focus {
      --gradient-from-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .sm\:focus\:from-blue-300:focus {
      --gradient-from-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .sm\:focus\:from-blue-400:focus {
      --gradient-from-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .sm\:focus\:from-blue-500:focus {
      --gradient-from-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .sm\:focus\:from-blue-600:focus {
      --gradient-from-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .sm\:focus\:from-blue-700:focus {
      --gradient-from-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .sm\:focus\:from-blue-800:focus {
      --gradient-from-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .sm\:focus\:from-blue-900:focus {
      --gradient-from-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .sm\:focus\:from-indigo-100:focus {
      --gradient-from-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .sm\:focus\:from-indigo-200:focus {
      --gradient-from-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .sm\:focus\:from-indigo-300:focus {
      --gradient-from-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .sm\:focus\:from-indigo-400:focus {
      --gradient-from-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .sm\:focus\:from-indigo-500:focus {
      --gradient-from-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .sm\:focus\:from-indigo-600:focus {
      --gradient-from-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .sm\:focus\:from-indigo-700:focus {
      --gradient-from-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .sm\:focus\:from-indigo-800:focus {
      --gradient-from-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .sm\:focus\:from-indigo-900:focus {
      --gradient-from-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .sm\:focus\:from-purple-100:focus {
      --gradient-from-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .sm\:focus\:from-purple-200:focus {
      --gradient-from-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .sm\:focus\:from-purple-300:focus {
      --gradient-from-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .sm\:focus\:from-purple-400:focus {
      --gradient-from-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .sm\:focus\:from-purple-500:focus {
      --gradient-from-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .sm\:focus\:from-purple-600:focus {
      --gradient-from-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .sm\:focus\:from-purple-700:focus {
      --gradient-from-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .sm\:focus\:from-purple-800:focus {
      --gradient-from-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .sm\:focus\:from-purple-900:focus {
      --gradient-from-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .sm\:focus\:from-pink-100:focus {
      --gradient-from-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .sm\:focus\:from-pink-200:focus {
      --gradient-from-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .sm\:focus\:from-pink-300:focus {
      --gradient-from-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .sm\:focus\:from-pink-400:focus {
      --gradient-from-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .sm\:focus\:from-pink-500:focus {
      --gradient-from-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .sm\:focus\:from-pink-600:focus {
      --gradient-from-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .sm\:focus\:from-pink-700:focus {
      --gradient-from-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .sm\:focus\:from-pink-800:focus {
      --gradient-from-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .sm\:focus\:from-pink-900:focus {
      --gradient-from-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 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-current:focus {
      --gradient-via-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:focus {
      --gradient-via-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .sm\:focus\:via-red-200:focus {
      --gradient-via-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .sm\:focus\:via-red-300:focus {
      --gradient-via-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .sm\:focus\:via-red-400:focus {
      --gradient-via-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .sm\:focus\:via-red-500:focus {
      --gradient-via-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .sm\:focus\:via-red-600:focus {
      --gradient-via-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .sm\:focus\:via-red-700:focus {
      --gradient-via-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .sm\:focus\:via-red-800:focus {
      --gradient-via-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .sm\:focus\:via-red-900:focus {
      --gradient-via-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .sm\:focus\:via-orange-100:focus {
      --gradient-via-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .sm\:focus\:via-orange-200:focus {
      --gradient-via-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .sm\:focus\:via-orange-300:focus {
      --gradient-via-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .sm\:focus\:via-orange-400:focus {
      --gradient-via-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .sm\:focus\:via-orange-500:focus {
      --gradient-via-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .sm\:focus\:via-orange-600:focus {
      --gradient-via-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .sm\:focus\:via-orange-700:focus {
      --gradient-via-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .sm\:focus\:via-orange-800:focus {
      --gradient-via-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .sm\:focus\:via-orange-900:focus {
      --gradient-via-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .sm\:focus\:via-yellow-100:focus {
      --gradient-via-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .sm\:focus\:via-yellow-200:focus {
      --gradient-via-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .sm\:focus\:via-yellow-300:focus {
      --gradient-via-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .sm\:focus\:via-yellow-400:focus {
      --gradient-via-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .sm\:focus\:via-yellow-500:focus {
      --gradient-via-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .sm\:focus\:via-yellow-600:focus {
      --gradient-via-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .sm\:focus\:via-yellow-700:focus {
      --gradient-via-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .sm\:focus\:via-yellow-800:focus {
      --gradient-via-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .sm\:focus\:via-yellow-900:focus {
      --gradient-via-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .sm\:focus\:via-green-100:focus {
      --gradient-via-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .sm\:focus\:via-green-200:focus {
      --gradient-via-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .sm\:focus\:via-green-300:focus {
      --gradient-via-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .sm\:focus\:via-green-400:focus {
      --gradient-via-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .sm\:focus\:via-green-500:focus {
      --gradient-via-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .sm\:focus\:via-green-600:focus {
      --gradient-via-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .sm\:focus\:via-green-700:focus {
      --gradient-via-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .sm\:focus\:via-green-800:focus {
      --gradient-via-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .sm\:focus\:via-green-900:focus {
      --gradient-via-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .sm\:focus\:via-teal-100:focus {
      --gradient-via-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .sm\:focus\:via-teal-200:focus {
      --gradient-via-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .sm\:focus\:via-teal-300:focus {
      --gradient-via-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .sm\:focus\:via-teal-400:focus {
      --gradient-via-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .sm\:focus\:via-teal-500:focus {
      --gradient-via-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .sm\:focus\:via-teal-600:focus {
      --gradient-via-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .sm\:focus\:via-teal-700:focus {
      --gradient-via-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .sm\:focus\:via-teal-800:focus {
      --gradient-via-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .sm\:focus\:via-teal-900:focus {
      --gradient-via-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .sm\:focus\:via-blue-100:focus {
      --gradient-via-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .sm\:focus\:via-blue-200:focus {
      --gradient-via-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .sm\:focus\:via-blue-300:focus {
      --gradient-via-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .sm\:focus\:via-blue-400:focus {
      --gradient-via-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .sm\:focus\:via-blue-500:focus {
      --gradient-via-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .sm\:focus\:via-blue-600:focus {
      --gradient-via-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .sm\:focus\:via-blue-700:focus {
      --gradient-via-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .sm\:focus\:via-blue-800:focus {
      --gradient-via-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .sm\:focus\:via-blue-900:focus {
      --gradient-via-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .sm\:focus\:via-indigo-100:focus {
      --gradient-via-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .sm\:focus\:via-indigo-200:focus {
      --gradient-via-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .sm\:focus\:via-indigo-300:focus {
      --gradient-via-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .sm\:focus\:via-indigo-400:focus {
      --gradient-via-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .sm\:focus\:via-indigo-500:focus {
      --gradient-via-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .sm\:focus\:via-indigo-600:focus {
      --gradient-via-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .sm\:focus\:via-indigo-700:focus {
      --gradient-via-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .sm\:focus\:via-indigo-800:focus {
      --gradient-via-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .sm\:focus\:via-indigo-900:focus {
      --gradient-via-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .sm\:focus\:via-purple-100:focus {
      --gradient-via-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .sm\:focus\:via-purple-200:focus {
      --gradient-via-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .sm\:focus\:via-purple-300:focus {
      --gradient-via-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .sm\:focus\:via-purple-400:focus {
      --gradient-via-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .sm\:focus\:via-purple-500:focus {
      --gradient-via-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .sm\:focus\:via-purple-600:focus {
      --gradient-via-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .sm\:focus\:via-purple-700:focus {
      --gradient-via-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .sm\:focus\:via-purple-800:focus {
      --gradient-via-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .sm\:focus\:via-purple-900:focus {
      --gradient-via-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .sm\:focus\:via-pink-100:focus {
      --gradient-via-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .sm\:focus\:via-pink-200:focus {
      --gradient-via-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .sm\:focus\:via-pink-300:focus {
      --gradient-via-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .sm\:focus\:via-pink-400:focus {
      --gradient-via-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .sm\:focus\:via-pink-500:focus {
      --gradient-via-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .sm\:focus\:via-pink-600:focus {
      --gradient-via-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .sm\:focus\:via-pink-700:focus {
      --gradient-via-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .sm\:focus\:via-pink-800:focus {
      --gradient-via-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .sm\:focus\:via-pink-900:focus {
      --gradient-via-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .sm\:focus\:to-transparent:focus {
      --gradient-to-color: transparent;
    }
  
    .sm\:focus\:to-current:focus {
      --gradient-to-color: currentColor;
    }
  
    .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-red-100:focus {
      --gradient-to-color: #fff5f5;
    }
  
    .sm\:focus\:to-red-200:focus {
      --gradient-to-color: #fed7d7;
    }
  
    .sm\:focus\:to-red-300:focus {
      --gradient-to-color: #feb2b2;
    }
  
    .sm\:focus\:to-red-400:focus {
      --gradient-to-color: #fc8181;
    }
  
    .sm\:focus\:to-red-500:focus {
      --gradient-to-color: #f56565;
    }
  
    .sm\:focus\:to-red-600:focus {
      --gradient-to-color: #e53e3e;
    }
  
    .sm\:focus\:to-red-700:focus {
      --gradient-to-color: #c53030;
    }
  
    .sm\:focus\:to-red-800:focus {
      --gradient-to-color: #9b2c2c;
    }
  
    .sm\:focus\:to-red-900:focus {
      --gradient-to-color: #742a2a;
    }
  
    .sm\:focus\:to-orange-100:focus {
      --gradient-to-color: #fffaf0;
    }
  
    .sm\:focus\:to-orange-200:focus {
      --gradient-to-color: #feebc8;
    }
  
    .sm\:focus\:to-orange-300:focus {
      --gradient-to-color: #fbd38d;
    }
  
    .sm\:focus\:to-orange-400:focus {
      --gradient-to-color: #f6ad55;
    }
  
    .sm\:focus\:to-orange-500:focus {
      --gradient-to-color: #ed8936;
    }
  
    .sm\:focus\:to-orange-600:focus {
      --gradient-to-color: #dd6b20;
    }
  
    .sm\:focus\:to-orange-700:focus {
      --gradient-to-color: #c05621;
    }
  
    .sm\:focus\:to-orange-800:focus {
      --gradient-to-color: #9c4221;
    }
  
    .sm\:focus\:to-orange-900:focus {
      --gradient-to-color: #7b341e;
    }
  
    .sm\:focus\:to-yellow-100:focus {
      --gradient-to-color: #fffff0;
    }
  
    .sm\:focus\:to-yellow-200:focus {
      --gradient-to-color: #fefcbf;
    }
  
    .sm\:focus\:to-yellow-300:focus {
      --gradient-to-color: #faf089;
    }
  
    .sm\:focus\:to-yellow-400:focus {
      --gradient-to-color: #f6e05e;
    }
  
    .sm\:focus\:to-yellow-500:focus {
      --gradient-to-color: #ecc94b;
    }
  
    .sm\:focus\:to-yellow-600:focus {
      --gradient-to-color: #d69e2e;
    }
  
    .sm\:focus\:to-yellow-700:focus {
      --gradient-to-color: #b7791f;
    }
  
    .sm\:focus\:to-yellow-800:focus {
      --gradient-to-color: #975a16;
    }
  
    .sm\:focus\:to-yellow-900:focus {
      --gradient-to-color: #744210;
    }
  
    .sm\:focus\:to-green-100:focus {
      --gradient-to-color: #f0fff4;
    }
  
    .sm\:focus\:to-green-200:focus {
      --gradient-to-color: #c6f6d5;
    }
  
    .sm\:focus\:to-green-300:focus {
      --gradient-to-color: #9ae6b4;
    }
  
    .sm\:focus\:to-green-400:focus {
      --gradient-to-color: #68d391;
    }
  
    .sm\:focus\:to-green-500:focus {
      --gradient-to-color: #48bb78;
    }
  
    .sm\:focus\:to-green-600:focus {
      --gradient-to-color: #38a169;
    }
  
    .sm\:focus\:to-green-700:focus {
      --gradient-to-color: #2f855a;
    }
  
    .sm\:focus\:to-green-800:focus {
      --gradient-to-color: #276749;
    }
  
    .sm\:focus\:to-green-900:focus {
      --gradient-to-color: #22543d;
    }
  
    .sm\:focus\:to-teal-100:focus {
      --gradient-to-color: #e6fffa;
    }
  
    .sm\:focus\:to-teal-200:focus {
      --gradient-to-color: #b2f5ea;
    }
  
    .sm\:focus\:to-teal-300:focus {
      --gradient-to-color: #81e6d9;
    }
  
    .sm\:focus\:to-teal-400:focus {
      --gradient-to-color: #4fd1c5;
    }
  
    .sm\:focus\:to-teal-500:focus {
      --gradient-to-color: #38b2ac;
    }
  
    .sm\:focus\:to-teal-600:focus {
      --gradient-to-color: #319795;
    }
  
    .sm\:focus\:to-teal-700:focus {
      --gradient-to-color: #2c7a7b;
    }
  
    .sm\:focus\:to-teal-800:focus {
      --gradient-to-color: #285e61;
    }
  
    .sm\:focus\:to-teal-900:focus {
      --gradient-to-color: #234e52;
    }
  
    .sm\:focus\:to-blue-100:focus {
      --gradient-to-color: #ebf8ff;
    }
  
    .sm\:focus\:to-blue-200:focus {
      --gradient-to-color: #bee3f8;
    }
  
    .sm\:focus\:to-blue-300:focus {
      --gradient-to-color: #90cdf4;
    }
  
    .sm\:focus\:to-blue-400:focus {
      --gradient-to-color: #63b3ed;
    }
  
    .sm\:focus\:to-blue-500:focus {
      --gradient-to-color: #4299e1;
    }
  
    .sm\:focus\:to-blue-600:focus {
      --gradient-to-color: #3182ce;
    }
  
    .sm\:focus\:to-blue-700:focus {
      --gradient-to-color: #2b6cb0;
    }
  
    .sm\:focus\:to-blue-800:focus {
      --gradient-to-color: #2c5282;
    }
  
    .sm\:focus\:to-blue-900:focus {
      --gradient-to-color: #2a4365;
    }
  
    .sm\:focus\:to-indigo-100:focus {
      --gradient-to-color: #ebf4ff;
    }
  
    .sm\:focus\:to-indigo-200:focus {
      --gradient-to-color: #c3dafe;
    }
  
    .sm\:focus\:to-indigo-300:focus {
      --gradient-to-color: #a3bffa;
    }
  
    .sm\:focus\:to-indigo-400:focus {
      --gradient-to-color: #7f9cf5;
    }
  
    .sm\:focus\:to-indigo-500:focus {
      --gradient-to-color: #667eea;
    }
  
    .sm\:focus\:to-indigo-600:focus {
      --gradient-to-color: #5a67d8;
    }
  
    .sm\:focus\:to-indigo-700:focus {
      --gradient-to-color: #4c51bf;
    }
  
    .sm\:focus\:to-indigo-800:focus {
      --gradient-to-color: #434190;
    }
  
    .sm\:focus\:to-indigo-900:focus {
      --gradient-to-color: #3c366b;
    }
  
    .sm\:focus\:to-purple-100:focus {
      --gradient-to-color: #faf5ff;
    }
  
    .sm\:focus\:to-purple-200:focus {
      --gradient-to-color: #e9d8fd;
    }
  
    .sm\:focus\:to-purple-300:focus {
      --gradient-to-color: #d6bcfa;
    }
  
    .sm\:focus\:to-purple-400:focus {
      --gradient-to-color: #b794f4;
    }
  
    .sm\:focus\:to-purple-500:focus {
      --gradient-to-color: #9f7aea;
    }
  
    .sm\:focus\:to-purple-600:focus {
      --gradient-to-color: #805ad5;
    }
  
    .sm\:focus\:to-purple-700:focus {
      --gradient-to-color: #6b46c1;
    }
  
    .sm\:focus\:to-purple-800:focus {
      --gradient-to-color: #553c9a;
    }
  
    .sm\:focus\:to-purple-900:focus {
      --gradient-to-color: #44337a;
    }
  
    .sm\:focus\:to-pink-100:focus {
      --gradient-to-color: #fff5f7;
    }
  
    .sm\:focus\:to-pink-200:focus {
      --gradient-to-color: #fed7e2;
    }
  
    .sm\:focus\:to-pink-300:focus {
      --gradient-to-color: #fbb6ce;
    }
  
    .sm\:focus\:to-pink-400:focus {
      --gradient-to-color: #f687b3;
    }
  
    .sm\:focus\:to-pink-500:focus {
      --gradient-to-color: #ed64a6;
    }
  
    .sm\:focus\:to-pink-600:focus {
      --gradient-to-color: #d53f8c;
    }
  
    .sm\:focus\:to-pink-700:focus {
      --gradient-to-color: #b83280;
    }
  
    .sm\:focus\:to-pink-800:focus {
      --gradient-to-color: #97266d;
    }
  
    .sm\:focus\:to-pink-900:focus {
      --gradient-to-color: #702459;
    }
  
    .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-current {
      border-color: currentColor;
    }
  
    .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-red-100 {
      --border-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--border-opacity));
    }
  
    .sm\:border-red-200 {
      --border-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--border-opacity));
    }
  
    .sm\:border-red-300 {
      --border-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--border-opacity));
    }
  
    .sm\:border-red-400 {
      --border-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--border-opacity));
    }
  
    .sm\:border-red-500 {
      --border-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--border-opacity));
    }
  
    .sm\:border-red-600 {
      --border-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--border-opacity));
    }
  
    .sm\:border-red-700 {
      --border-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--border-opacity));
    }
  
    .sm\:border-red-800 {
      --border-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--border-opacity));
    }
  
    .sm\:border-red-900 {
      --border-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--border-opacity));
    }
  
    .sm\:border-orange-100 {
      --border-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--border-opacity));
    }
  
    .sm\:border-orange-200 {
      --border-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--border-opacity));
    }
  
    .sm\:border-orange-300 {
      --border-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--border-opacity));
    }
  
    .sm\:border-orange-400 {
      --border-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--border-opacity));
    }
  
    .sm\:border-orange-500 {
      --border-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--border-opacity));
    }
  
    .sm\:border-orange-600 {
      --border-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--border-opacity));
    }
  
    .sm\:border-orange-700 {
      --border-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--border-opacity));
    }
  
    .sm\:border-orange-800 {
      --border-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--border-opacity));
    }
  
    .sm\:border-orange-900 {
      --border-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--border-opacity));
    }
  
    .sm\:border-yellow-100 {
      --border-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--border-opacity));
    }
  
    .sm\:border-yellow-200 {
      --border-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--border-opacity));
    }
  
    .sm\:border-yellow-300 {
      --border-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--border-opacity));
    }
  
    .sm\:border-yellow-400 {
      --border-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--border-opacity));
    }
  
    .sm\:border-yellow-500 {
      --border-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--border-opacity));
    }
  
    .sm\:border-yellow-600 {
      --border-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--border-opacity));
    }
  
    .sm\:border-yellow-700 {
      --border-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--border-opacity));
    }
  
    .sm\:border-yellow-800 {
      --border-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--border-opacity));
    }
  
    .sm\:border-yellow-900 {
      --border-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--border-opacity));
    }
  
    .sm\:border-green-100 {
      --border-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--border-opacity));
    }
  
    .sm\:border-green-200 {
      --border-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--border-opacity));
    }
  
    .sm\:border-green-300 {
      --border-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--border-opacity));
    }
  
    .sm\:border-green-400 {
      --border-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--border-opacity));
    }
  
    .sm\:border-green-500 {
      --border-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--border-opacity));
    }
  
    .sm\:border-green-600 {
      --border-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--border-opacity));
    }
  
    .sm\:border-green-700 {
      --border-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--border-opacity));
    }
  
    .sm\:border-green-800 {
      --border-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--border-opacity));
    }
  
    .sm\:border-green-900 {
      --border-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--border-opacity));
    }
  
    .sm\:border-teal-100 {
      --border-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--border-opacity));
    }
  
    .sm\:border-teal-200 {
      --border-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--border-opacity));
    }
  
    .sm\:border-teal-300 {
      --border-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--border-opacity));
    }
  
    .sm\:border-teal-400 {
      --border-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--border-opacity));
    }
  
    .sm\:border-teal-500 {
      --border-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--border-opacity));
    }
  
    .sm\:border-teal-600 {
      --border-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--border-opacity));
    }
  
    .sm\:border-teal-700 {
      --border-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--border-opacity));
    }
  
    .sm\:border-teal-800 {
      --border-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--border-opacity));
    }
  
    .sm\:border-teal-900 {
      --border-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--border-opacity));
    }
  
    .sm\:border-blue-100 {
      --border-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--border-opacity));
    }
  
    .sm\:border-blue-200 {
      --border-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--border-opacity));
    }
  
    .sm\:border-blue-300 {
      --border-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--border-opacity));
    }
  
    .sm\:border-blue-400 {
      --border-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--border-opacity));
    }
  
    .sm\:border-blue-500 {
      --border-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--border-opacity));
    }
  
    .sm\:border-blue-600 {
      --border-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--border-opacity));
    }
  
    .sm\:border-blue-700 {
      --border-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--border-opacity));
    }
  
    .sm\:border-blue-800 {
      --border-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--border-opacity));
    }
  
    .sm\:border-blue-900 {
      --border-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--border-opacity));
    }
  
    .sm\:border-indigo-100 {
      --border-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--border-opacity));
    }
  
    .sm\:border-indigo-200 {
      --border-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--border-opacity));
    }
  
    .sm\:border-indigo-300 {
      --border-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--border-opacity));
    }
  
    .sm\:border-indigo-400 {
      --border-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--border-opacity));
    }
  
    .sm\:border-indigo-500 {
      --border-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--border-opacity));
    }
  
    .sm\:border-indigo-600 {
      --border-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--border-opacity));
    }
  
    .sm\:border-indigo-700 {
      --border-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--border-opacity));
    }
  
    .sm\:border-indigo-800 {
      --border-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--border-opacity));
    }
  
    .sm\:border-indigo-900 {
      --border-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--border-opacity));
    }
  
    .sm\:border-purple-100 {
      --border-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--border-opacity));
    }
  
    .sm\:border-purple-200 {
      --border-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--border-opacity));
    }
  
    .sm\:border-purple-300 {
      --border-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--border-opacity));
    }
  
    .sm\:border-purple-400 {
      --border-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--border-opacity));
    }
  
    .sm\:border-purple-500 {
      --border-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--border-opacity));
    }
  
    .sm\:border-purple-600 {
      --border-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--border-opacity));
    }
  
    .sm\:border-purple-700 {
      --border-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--border-opacity));
    }
  
    .sm\:border-purple-800 {
      --border-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--border-opacity));
    }
  
    .sm\:border-purple-900 {
      --border-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--border-opacity));
    }
  
    .sm\:border-pink-100 {
      --border-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--border-opacity));
    }
  
    .sm\:border-pink-200 {
      --border-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--border-opacity));
    }
  
    .sm\:border-pink-300 {
      --border-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--border-opacity));
    }
  
    .sm\:border-pink-400 {
      --border-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--border-opacity));
    }
  
    .sm\:border-pink-500 {
      --border-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--border-opacity));
    }
  
    .sm\:border-pink-600 {
      --border-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--border-opacity));
    }
  
    .sm\:border-pink-700 {
      --border-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--border-opacity));
    }
  
    .sm\:border-pink-800 {
      --border-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--border-opacity));
    }
  
    .sm\:border-pink-900 {
      --border-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, var(--border-opacity));
    }
  
    .sm\:hover\:border-transparent:hover {
      border-color: transparent;
    }
  
    .sm\:hover\:border-current:hover {
      border-color: currentColor;
    }
  
    .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-red-100:hover {
      --border-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--border-opacity));
    }
  
    .sm\:hover\:border-red-200:hover {
      --border-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--border-opacity));
    }
  
    .sm\:hover\:border-red-300:hover {
      --border-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--border-opacity));
    }
  
    .sm\:hover\:border-red-400:hover {
      --border-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--border-opacity));
    }
  
    .sm\:hover\:border-red-500:hover {
      --border-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--border-opacity));
    }
  
    .sm\:hover\:border-red-600:hover {
      --border-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--border-opacity));
    }
  
    .sm\:hover\:border-red-700:hover {
      --border-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--border-opacity));
    }
  
    .sm\:hover\:border-red-800:hover {
      --border-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--border-opacity));
    }
  
    .sm\:hover\:border-red-900:hover {
      --border-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--border-opacity));
    }
  
    .sm\:hover\:border-orange-100:hover {
      --border-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--border-opacity));
    }
  
    .sm\:hover\:border-orange-200:hover {
      --border-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--border-opacity));
    }
  
    .sm\:hover\:border-orange-300:hover {
      --border-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--border-opacity));
    }
  
    .sm\:hover\:border-orange-400:hover {
      --border-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--border-opacity));
    }
  
    .sm\:hover\:border-orange-500:hover {
      --border-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--border-opacity));
    }
  
    .sm\:hover\:border-orange-600:hover {
      --border-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--border-opacity));
    }
  
    .sm\:hover\:border-orange-700:hover {
      --border-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--border-opacity));
    }
  
    .sm\:hover\:border-orange-800:hover {
      --border-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--border-opacity));
    }
  
    .sm\:hover\:border-orange-900:hover {
      --border-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--border-opacity));
    }
  
    .sm\:hover\:border-yellow-100:hover {
      --border-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--border-opacity));
    }
  
    .sm\:hover\:border-yellow-200:hover {
      --border-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--border-opacity));
    }
  
    .sm\:hover\:border-yellow-300:hover {
      --border-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--border-opacity));
    }
  
    .sm\:hover\:border-yellow-400:hover {
      --border-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--border-opacity));
    }
  
    .sm\:hover\:border-yellow-500:hover {
      --border-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--border-opacity));
    }
  
    .sm\:hover\:border-yellow-600:hover {
      --border-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--border-opacity));
    }
  
    .sm\:hover\:border-yellow-700:hover {
      --border-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--border-opacity));
    }
  
    .sm\:hover\:border-yellow-800:hover {
      --border-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--border-opacity));
    }
  
    .sm\:hover\:border-yellow-900:hover {
      --border-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--border-opacity));
    }
  
    .sm\:hover\:border-green-100:hover {
      --border-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--border-opacity));
    }
  
    .sm\:hover\:border-green-200:hover {
      --border-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--border-opacity));
    }
  
    .sm\:hover\:border-green-300:hover {
      --border-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--border-opacity));
    }
  
    .sm\:hover\:border-green-400:hover {
      --border-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--border-opacity));
    }
  
    .sm\:hover\:border-green-500:hover {
      --border-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--border-opacity));
    }
  
    .sm\:hover\:border-green-600:hover {
      --border-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--border-opacity));
    }
  
    .sm\:hover\:border-green-700:hover {
      --border-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--border-opacity));
    }
  
    .sm\:hover\:border-green-800:hover {
      --border-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--border-opacity));
    }
  
    .sm\:hover\:border-green-900:hover {
      --border-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--border-opacity));
    }
  
    .sm\:hover\:border-teal-100:hover {
      --border-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--border-opacity));
    }
  
    .sm\:hover\:border-teal-200:hover {
      --border-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--border-opacity));
    }
  
    .sm\:hover\:border-teal-300:hover {
      --border-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--border-opacity));
    }
  
    .sm\:hover\:border-teal-400:hover {
      --border-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--border-opacity));
    }
  
    .sm\:hover\:border-teal-500:hover {
      --border-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--border-opacity));
    }
  
    .sm\:hover\:border-teal-600:hover {
      --border-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--border-opacity));
    }
  
    .sm\:hover\:border-teal-700:hover {
      --border-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--border-opacity));
    }
  
    .sm\:hover\:border-teal-800:hover {
      --border-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--border-opacity));
    }
  
    .sm\:hover\:border-teal-900:hover {
      --border-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--border-opacity));
    }
  
    .sm\:hover\:border-blue-100:hover {
      --border-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--border-opacity));
    }
  
    .sm\:hover\:border-blue-200:hover {
      --border-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--border-opacity));
    }
  
    .sm\:hover\:border-blue-300:hover {
      --border-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--border-opacity));
    }
  
    .sm\:hover\:border-blue-400:hover {
      --border-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--border-opacity));
    }
  
    .sm\:hover\:border-blue-500:hover {
      --border-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--border-opacity));
    }
  
    .sm\:hover\:border-blue-600:hover {
      --border-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--border-opacity));
    }
  
    .sm\:hover\:border-blue-700:hover {
      --border-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--border-opacity));
    }
  
    .sm\:hover\:border-blue-800:hover {
      --border-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--border-opacity));
    }
  
    .sm\:hover\:border-blue-900:hover {
      --border-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--border-opacity));
    }
  
    .sm\:hover\:border-indigo-100:hover {
      --border-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--border-opacity));
    }
  
    .sm\:hover\:border-indigo-200:hover {
      --border-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--border-opacity));
    }
  
    .sm\:hover\:border-indigo-300:hover {
      --border-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--border-opacity));
    }
  
    .sm\:hover\:border-indigo-400:hover {
      --border-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--border-opacity));
    }
  
    .sm\:hover\:border-indigo-500:hover {
      --border-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--border-opacity));
    }
  
    .sm\:hover\:border-indigo-600:hover {
      --border-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--border-opacity));
    }
  
    .sm\:hover\:border-indigo-700:hover {
      --border-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--border-opacity));
    }
  
    .sm\:hover\:border-indigo-800:hover {
      --border-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--border-opacity));
    }
  
    .sm\:hover\:border-indigo-900:hover {
      --border-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--border-opacity));
    }
  
    .sm\:hover\:border-purple-100:hover {
      --border-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--border-opacity));
    }
  
    .sm\:hover\:border-purple-200:hover {
      --border-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--border-opacity));
    }
  
    .sm\:hover\:border-purple-300:hover {
      --border-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--border-opacity));
    }
  
    .sm\:hover\:border-purple-400:hover {
      --border-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--border-opacity));
    }
  
    .sm\:hover\:border-purple-500:hover {
      --border-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--border-opacity));
    }
  
    .sm\:hover\:border-purple-600:hover {
      --border-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--border-opacity));
    }
  
    .sm\:hover\:border-purple-700:hover {
      --border-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--border-opacity));
    }
  
    .sm\:hover\:border-purple-800:hover {
      --border-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--border-opacity));
    }
  
    .sm\:hover\:border-purple-900:hover {
      --border-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--border-opacity));
    }
  
    .sm\:hover\:border-pink-100:hover {
      --border-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--border-opacity));
    }
  
    .sm\:hover\:border-pink-200:hover {
      --border-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--border-opacity));
    }
  
    .sm\:hover\:border-pink-300:hover {
      --border-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--border-opacity));
    }
  
    .sm\:hover\:border-pink-400:hover {
      --border-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--border-opacity));
    }
  
    .sm\:hover\:border-pink-500:hover {
      --border-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--border-opacity));
    }
  
    .sm\:hover\:border-pink-600:hover {
      --border-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--border-opacity));
    }
  
    .sm\:hover\:border-pink-700:hover {
      --border-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--border-opacity));
    }
  
    .sm\:hover\:border-pink-800:hover {
      --border-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--border-opacity));
    }
  
    .sm\:hover\:border-pink-900:hover {
      --border-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, var(--border-opacity));
    }
  
    .sm\:focus\:border-transparent:focus {
      border-color: transparent;
    }
  
    .sm\:focus\:border-current:focus {
      border-color: currentColor;
    }
  
    .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-red-100:focus {
      --border-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--border-opacity));
    }
  
    .sm\:focus\:border-red-200:focus {
      --border-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--border-opacity));
    }
  
    .sm\:focus\:border-red-300:focus {
      --border-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--border-opacity));
    }
  
    .sm\:focus\:border-red-400:focus {
      --border-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--border-opacity));
    }
  
    .sm\:focus\:border-red-500:focus {
      --border-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--border-opacity));
    }
  
    .sm\:focus\:border-red-600:focus {
      --border-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--border-opacity));
    }
  
    .sm\:focus\:border-red-700:focus {
      --border-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--border-opacity));
    }
  
    .sm\:focus\:border-red-800:focus {
      --border-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--border-opacity));
    }
  
    .sm\:focus\:border-red-900:focus {
      --border-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--border-opacity));
    }
  
    .sm\:focus\:border-orange-100:focus {
      --border-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--border-opacity));
    }
  
    .sm\:focus\:border-orange-200:focus {
      --border-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--border-opacity));
    }
  
    .sm\:focus\:border-orange-300:focus {
      --border-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--border-opacity));
    }
  
    .sm\:focus\:border-orange-400:focus {
      --border-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--border-opacity));
    }
  
    .sm\:focus\:border-orange-500:focus {
      --border-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--border-opacity));
    }
  
    .sm\:focus\:border-orange-600:focus {
      --border-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--border-opacity));
    }
  
    .sm\:focus\:border-orange-700:focus {
      --border-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--border-opacity));
    }
  
    .sm\:focus\:border-orange-800:focus {
      --border-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--border-opacity));
    }
  
    .sm\:focus\:border-orange-900:focus {
      --border-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--border-opacity));
    }
  
    .sm\:focus\:border-yellow-100:focus {
      --border-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--border-opacity));
    }
  
    .sm\:focus\:border-yellow-200:focus {
      --border-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--border-opacity));
    }
  
    .sm\:focus\:border-yellow-300:focus {
      --border-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--border-opacity));
    }
  
    .sm\:focus\:border-yellow-400:focus {
      --border-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--border-opacity));
    }
  
    .sm\:focus\:border-yellow-500:focus {
      --border-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--border-opacity));
    }
  
    .sm\:focus\:border-yellow-600:focus {
      --border-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--border-opacity));
    }
  
    .sm\:focus\:border-yellow-700:focus {
      --border-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--border-opacity));
    }
  
    .sm\:focus\:border-yellow-800:focus {
      --border-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--border-opacity));
    }
  
    .sm\:focus\:border-yellow-900:focus {
      --border-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--border-opacity));
    }
  
    .sm\:focus\:border-green-100:focus {
      --border-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--border-opacity));
    }
  
    .sm\:focus\:border-green-200:focus {
      --border-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--border-opacity));
    }
  
    .sm\:focus\:border-green-300:focus {
      --border-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--border-opacity));
    }
  
    .sm\:focus\:border-green-400:focus {
      --border-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--border-opacity));
    }
  
    .sm\:focus\:border-green-500:focus {
      --border-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--border-opacity));
    }
  
    .sm\:focus\:border-green-600:focus {
      --border-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--border-opacity));
    }
  
    .sm\:focus\:border-green-700:focus {
      --border-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--border-opacity));
    }
  
    .sm\:focus\:border-green-800:focus {
      --border-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--border-opacity));
    }
  
    .sm\:focus\:border-green-900:focus {
      --border-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--border-opacity));
    }
  
    .sm\:focus\:border-teal-100:focus {
      --border-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--border-opacity));
    }
  
    .sm\:focus\:border-teal-200:focus {
      --border-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--border-opacity));
    }
  
    .sm\:focus\:border-teal-300:focus {
      --border-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--border-opacity));
    }
  
    .sm\:focus\:border-teal-400:focus {
      --border-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--border-opacity));
    }
  
    .sm\:focus\:border-teal-500:focus {
      --border-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--border-opacity));
    }
  
    .sm\:focus\:border-teal-600:focus {
      --border-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--border-opacity));
    }
  
    .sm\:focus\:border-teal-700:focus {
      --border-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--border-opacity));
    }
  
    .sm\:focus\:border-teal-800:focus {
      --border-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--border-opacity));
    }
  
    .sm\:focus\:border-teal-900:focus {
      --border-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--border-opacity));
    }
  
    .sm\:focus\:border-blue-100:focus {
      --border-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--border-opacity));
    }
  
    .sm\:focus\:border-blue-200:focus {
      --border-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--border-opacity));
    }
  
    .sm\:focus\:border-blue-300:focus {
      --border-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--border-opacity));
    }
  
    .sm\:focus\:border-blue-400:focus {
      --border-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--border-opacity));
    }
  
    .sm\:focus\:border-blue-500:focus {
      --border-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--border-opacity));
    }
  
    .sm\:focus\:border-blue-600:focus {
      --border-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--border-opacity));
    }
  
    .sm\:focus\:border-blue-700:focus {
      --border-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--border-opacity));
    }
  
    .sm\:focus\:border-blue-800:focus {
      --border-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--border-opacity));
    }
  
    .sm\:focus\:border-blue-900:focus {
      --border-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--border-opacity));
    }
  
    .sm\:focus\:border-indigo-100:focus {
      --border-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--border-opacity));
    }
  
    .sm\:focus\:border-indigo-200:focus {
      --border-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--border-opacity));
    }
  
    .sm\:focus\:border-indigo-300:focus {
      --border-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--border-opacity));
    }
  
    .sm\:focus\:border-indigo-400:focus {
      --border-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--border-opacity));
    }
  
    .sm\:focus\:border-indigo-500:focus {
      --border-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--border-opacity));
    }
  
    .sm\:focus\:border-indigo-600:focus {
      --border-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--border-opacity));
    }
  
    .sm\:focus\:border-indigo-700:focus {
      --border-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--border-opacity));
    }
  
    .sm\:focus\:border-indigo-800:focus {
      --border-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--border-opacity));
    }
  
    .sm\:focus\:border-indigo-900:focus {
      --border-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--border-opacity));
    }
  
    .sm\:focus\:border-purple-100:focus {
      --border-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--border-opacity));
    }
  
    .sm\:focus\:border-purple-200:focus {
      --border-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--border-opacity));
    }
  
    .sm\:focus\:border-purple-300:focus {
      --border-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--border-opacity));
    }
  
    .sm\:focus\:border-purple-400:focus {
      --border-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--border-opacity));
    }
  
    .sm\:focus\:border-purple-500:focus {
      --border-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--border-opacity));
    }
  
    .sm\:focus\:border-purple-600:focus {
      --border-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--border-opacity));
    }
  
    .sm\:focus\:border-purple-700:focus {
      --border-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--border-opacity));
    }
  
    .sm\:focus\:border-purple-800:focus {
      --border-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--border-opacity));
    }
  
    .sm\:focus\:border-purple-900:focus {
      --border-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--border-opacity));
    }
  
    .sm\:focus\:border-pink-100:focus {
      --border-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--border-opacity));
    }
  
    .sm\:focus\:border-pink-200:focus {
      --border-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--border-opacity));
    }
  
    .sm\:focus\:border-pink-300:focus {
      --border-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--border-opacity));
    }
  
    .sm\:focus\:border-pink-400:focus {
      --border-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--border-opacity));
    }
  
    .sm\:focus\:border-pink-500:focus {
      --border-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--border-opacity));
    }
  
    .sm\:focus\:border-pink-600:focus {
      --border-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--border-opacity));
    }
  
    .sm\:focus\:border-pink-700:focus {
      --border-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--border-opacity));
    }
  
    .sm\:focus\:border-pink-800:focus {
      --border-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--border-opacity));
    }
  
    .sm\:focus\:border-pink-900:focus {
      --border-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, 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-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-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-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\: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\: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-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\: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\: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-sans {
      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";
    }
  
    .sm\:font-serif {
      font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    }
  
    .sm\:font-mono {
      font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }
  
    .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: 0.75rem;
    }
  
    .sm\:text-sm {
      font-size: 0.875rem;
    }
  
    .sm\:text-base {
      font-size: 1rem;
    }
  
    .sm\:text-lg {
      font-size: 1.125rem;
    }
  
    .sm\:text-xl {
      font-size: 1.25rem;
    }
  
    .sm\:text-2xl {
      font-size: 1.5rem;
    }
  
    .sm\:text-3xl {
      font-size: 1.875rem;
    }
  
    .sm\:text-4xl {
      font-size: 2.25rem;
    }
  
    .sm\:text-5xl {
      font-size: 3rem;
    }
  
    .sm\:text-6xl {
      font-size: 4rem;
    }
  
    .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-ssm {
      max-width: 500px;
    }
  
    .sm\:max-w-screen-sm {
      max-width: 640px;
    }
  
    .sm\:max-w-screen-md {
      max-width: 768px;
    }
  
    .sm\:max-w-screen-lg {
      max-width: 1024px;
    }
  
    .sm\:max-w-screen-xl {
      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 {
      -o-object-fit: contain;
         object-fit: contain;
    }
  
    .sm\:object-cover {
      -o-object-fit: cover;
         object-fit: cover;
    }
  
    .sm\:object-fill {
      -o-object-fit: fill;
         object-fit: fill;
    }
  
    .sm\:object-none {
      -o-object-fit: none;
         object-fit: none;
    }
  
    .sm\:object-scale-down {
      -o-object-fit: scale-down;
         object-fit: scale-down;
    }
  
    .sm\:object-bottom {
      -o-object-position: bottom;
         object-position: bottom;
    }
  
    .sm\:object-center {
      -o-object-position: center;
         object-position: center;
    }
  
    .sm\:object-left {
      -o-object-position: left;
         object-position: left;
    }
  
    .sm\:object-left-bottom {
      -o-object-position: left bottom;
         object-position: left bottom;
    }
  
    .sm\:object-left-top {
      -o-object-position: left top;
         object-position: left top;
    }
  
    .sm\:object-right {
      -o-object-position: right;
         object-position: right;
    }
  
    .sm\:object-right-bottom {
      -o-object-position: right bottom;
         object-position: right bottom;
    }
  
    .sm\:object-right-top {
      -o-object-position: right top;
         object-position: right top;
    }
  
    .sm\:object-top {
      -o-object-position: 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: 0;
    }
  
    .sm\:focus\:outline-none:focus {
      outline: 0;
    }
  
    .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\: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\: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\:placeholder-transparent::-moz-placeholder {
      color: transparent;
    }
  
    .sm\:placeholder-transparent:-ms-input-placeholder {
      color: transparent;
    }
  
    .sm\:placeholder-transparent::placeholder {
      color: transparent;
    }
  
    .sm\:placeholder-current::-moz-placeholder {
      color: currentColor;
    }
  
    .sm\:placeholder-current:-ms-input-placeholder {
      color: currentColor;
    }
  
    .sm\:placeholder-current::placeholder {
      color: currentColor;
    }
  
    .sm\:placeholder-black::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--placeholder-opacity));
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, 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-red-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-100::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-200::placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-300::placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-400::placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-500::placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-600::placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-700::placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-800::placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-red-900::placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-100::placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-200::placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-300::placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-400::placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-500::placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-600::placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-700::placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-800::placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-orange-900::placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-100::placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-200::placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-300::placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-400::placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-500::placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-600::placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-700::placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-800::placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-yellow-900::placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-100::placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-200::placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-300::placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-400::placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-500::placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-600::placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-700::placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-800::placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-green-900::placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-100::placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-200::placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-300::placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-400::placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-500::placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-600::placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-700::placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-800::placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-teal-900::placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-100::placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-200::placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-300::placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-400::placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-500::placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-600::placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-700::placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-800::placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-blue-900::placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-100::placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-200::placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-300::placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-400::placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-500::placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-600::placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-700::placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-800::placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-indigo-900::placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-100::placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-200::placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-300::placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-400::placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-500::placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-600::placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-700::placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-800::placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-purple-900::placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-100::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-200::placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-300::placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-400::placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-500::placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-600::placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-700::placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-800::placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-pink-900::placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-transparent:focus::-moz-placeholder {
      color: transparent;
    }
  
    .sm\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
      color: transparent;
    }
  
    .sm\:focus\:placeholder-transparent:focus::placeholder {
      color: transparent;
    }
  
    .sm\:focus\:placeholder-current:focus::-moz-placeholder {
      color: currentColor;
    }
  
    .sm\:focus\:placeholder-current:focus:-ms-input-placeholder {
      color: currentColor;
    }
  
    .sm\:focus\:placeholder-current:focus::placeholder {
      color: currentColor;
    }
  
    .sm\:focus\:placeholder-black:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--placeholder-opacity));
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, 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-red-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-red-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-orange-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-yellow-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-green-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-teal-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-blue-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-indigo-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-purple-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .sm\:focus\:placeholder-pink-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .sm\:placeholder-opacity-0::-moz-placeholder {
      --placeholder-opacity: 0;
    }
  
    .sm\:placeholder-opacity-0:-ms-input-placeholder {
      --placeholder-opacity: 0;
    }
  
    .sm\:placeholder-opacity-0::placeholder {
      --placeholder-opacity: 0;
    }
  
    .sm\:placeholder-opacity-25::-moz-placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .sm\:placeholder-opacity-25:-ms-input-placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .sm\:placeholder-opacity-25::placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .sm\:placeholder-opacity-50::-moz-placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .sm\:placeholder-opacity-50:-ms-input-placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .sm\:placeholder-opacity-50::placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .sm\:placeholder-opacity-75::-moz-placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .sm\:placeholder-opacity-75:-ms-input-placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .sm\:placeholder-opacity-75::placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .sm\:placeholder-opacity-100::-moz-placeholder {
      --placeholder-opacity: 1;
    }
  
    .sm\:placeholder-opacity-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
    }
  
    .sm\:placeholder-opacity-100::placeholder {
      --placeholder-opacity: 1;
    }
  
    .sm\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
      --placeholder-opacity: 0;
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 1;
    }
  
    .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: -webkit-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-current {
      color: currentColor;
    }
  
    .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-red-100 {
      --text-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--text-opacity));
    }
  
    .sm\:text-red-200 {
      --text-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--text-opacity));
    }
  
    .sm\:text-red-300 {
      --text-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--text-opacity));
    }
  
    .sm\:text-red-400 {
      --text-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--text-opacity));
    }
  
    .sm\:text-red-500 {
      --text-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--text-opacity));
    }
  
    .sm\:text-red-600 {
      --text-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--text-opacity));
    }
  
    .sm\:text-red-700 {
      --text-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--text-opacity));
    }
  
    .sm\:text-red-800 {
      --text-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--text-opacity));
    }
  
    .sm\:text-red-900 {
      --text-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--text-opacity));
    }
  
    .sm\:text-orange-100 {
      --text-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--text-opacity));
    }
  
    .sm\:text-orange-200 {
      --text-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--text-opacity));
    }
  
    .sm\:text-orange-300 {
      --text-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--text-opacity));
    }
  
    .sm\:text-orange-400 {
      --text-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--text-opacity));
    }
  
    .sm\:text-orange-500 {
      --text-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--text-opacity));
    }
  
    .sm\:text-orange-600 {
      --text-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--text-opacity));
    }
  
    .sm\:text-orange-700 {
      --text-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--text-opacity));
    }
  
    .sm\:text-orange-800 {
      --text-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--text-opacity));
    }
  
    .sm\:text-orange-900 {
      --text-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--text-opacity));
    }
  
    .sm\:text-yellow-100 {
      --text-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--text-opacity));
    }
  
    .sm\:text-yellow-200 {
      --text-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--text-opacity));
    }
  
    .sm\:text-yellow-300 {
      --text-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--text-opacity));
    }
  
    .sm\:text-yellow-400 {
      --text-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--text-opacity));
    }
  
    .sm\:text-yellow-500 {
      --text-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--text-opacity));
    }
  
    .sm\:text-yellow-600 {
      --text-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--text-opacity));
    }
  
    .sm\:text-yellow-700 {
      --text-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--text-opacity));
    }
  
    .sm\:text-yellow-800 {
      --text-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--text-opacity));
    }
  
    .sm\:text-yellow-900 {
      --text-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--text-opacity));
    }
  
    .sm\:text-green-100 {
      --text-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--text-opacity));
    }
  
    .sm\:text-green-200 {
      --text-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--text-opacity));
    }
  
    .sm\:text-green-300 {
      --text-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--text-opacity));
    }
  
    .sm\:text-green-400 {
      --text-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--text-opacity));
    }
  
    .sm\:text-green-500 {
      --text-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--text-opacity));
    }
  
    .sm\:text-green-600 {
      --text-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--text-opacity));
    }
  
    .sm\:text-green-700 {
      --text-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--text-opacity));
    }
  
    .sm\:text-green-800 {
      --text-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--text-opacity));
    }
  
    .sm\:text-green-900 {
      --text-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--text-opacity));
    }
  
    .sm\:text-teal-100 {
      --text-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--text-opacity));
    }
  
    .sm\:text-teal-200 {
      --text-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--text-opacity));
    }
  
    .sm\:text-teal-300 {
      --text-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--text-opacity));
    }
  
    .sm\:text-teal-400 {
      --text-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--text-opacity));
    }
  
    .sm\:text-teal-500 {
      --text-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--text-opacity));
    }
  
    .sm\:text-teal-600 {
      --text-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--text-opacity));
    }
  
    .sm\:text-teal-700 {
      --text-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--text-opacity));
    }
  
    .sm\:text-teal-800 {
      --text-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--text-opacity));
    }
  
    .sm\:text-teal-900 {
      --text-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--text-opacity));
    }
  
    .sm\:text-blue-100 {
      --text-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--text-opacity));
    }
  
    .sm\:text-blue-200 {
      --text-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--text-opacity));
    }
  
    .sm\:text-blue-300 {
      --text-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--text-opacity));
    }
  
    .sm\:text-blue-400 {
      --text-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--text-opacity));
    }
  
    .sm\:text-blue-500 {
      --text-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--text-opacity));
    }
  
    .sm\:text-blue-600 {
      --text-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--text-opacity));
    }
  
    .sm\:text-blue-700 {
      --text-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--text-opacity));
    }
  
    .sm\:text-blue-800 {
      --text-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--text-opacity));
    }
  
    .sm\:text-blue-900 {
      --text-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--text-opacity));
    }
  
    .sm\:text-indigo-100 {
      --text-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--text-opacity));
    }
  
    .sm\:text-indigo-200 {
      --text-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--text-opacity));
    }
  
    .sm\:text-indigo-300 {
      --text-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--text-opacity));
    }
  
    .sm\:text-indigo-400 {
      --text-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--text-opacity));
    }
  
    .sm\:text-indigo-500 {
      --text-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--text-opacity));
    }
  
    .sm\:text-indigo-600 {
      --text-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--text-opacity));
    }
  
    .sm\:text-indigo-700 {
      --text-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--text-opacity));
    }
  
    .sm\:text-indigo-800 {
      --text-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--text-opacity));
    }
  
    .sm\:text-indigo-900 {
      --text-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--text-opacity));
    }
  
    .sm\:text-purple-100 {
      --text-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--text-opacity));
    }
  
    .sm\:text-purple-200 {
      --text-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--text-opacity));
    }
  
    .sm\:text-purple-300 {
      --text-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--text-opacity));
    }
  
    .sm\:text-purple-400 {
      --text-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--text-opacity));
    }
  
    .sm\:text-purple-500 {
      --text-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--text-opacity));
    }
  
    .sm\:text-purple-600 {
      --text-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--text-opacity));
    }
  
    .sm\:text-purple-700 {
      --text-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--text-opacity));
    }
  
    .sm\:text-purple-800 {
      --text-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--text-opacity));
    }
  
    .sm\:text-purple-900 {
      --text-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--text-opacity));
    }
  
    .sm\:text-pink-100 {
      --text-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--text-opacity));
    }
  
    .sm\:text-pink-200 {
      --text-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--text-opacity));
    }
  
    .sm\:text-pink-300 {
      --text-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--text-opacity));
    }
  
    .sm\:text-pink-400 {
      --text-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--text-opacity));
    }
  
    .sm\:text-pink-500 {
      --text-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--text-opacity));
    }
  
    .sm\:text-pink-600 {
      --text-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--text-opacity));
    }
  
    .sm\:text-pink-700 {
      --text-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--text-opacity));
    }
  
    .sm\:text-pink-800 {
      --text-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--text-opacity));
    }
  
    .sm\:text-pink-900 {
      --text-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--text-opacity));
    }
  
    .sm\:hover\:text-transparent:hover {
      color: transparent;
    }
  
    .sm\:hover\:text-current:hover {
      color: currentColor;
    }
  
    .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-red-100:hover {
      --text-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--text-opacity));
    }
  
    .sm\:hover\:text-red-200:hover {
      --text-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--text-opacity));
    }
  
    .sm\:hover\:text-red-300:hover {
      --text-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--text-opacity));
    }
  
    .sm\:hover\:text-red-400:hover {
      --text-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--text-opacity));
    }
  
    .sm\:hover\:text-red-500:hover {
      --text-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--text-opacity));
    }
  
    .sm\:hover\:text-red-600:hover {
      --text-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--text-opacity));
    }
  
    .sm\:hover\:text-red-700:hover {
      --text-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--text-opacity));
    }
  
    .sm\:hover\:text-red-800:hover {
      --text-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--text-opacity));
    }
  
    .sm\:hover\:text-red-900:hover {
      --text-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--text-opacity));
    }
  
    .sm\:hover\:text-orange-100:hover {
      --text-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--text-opacity));
    }
  
    .sm\:hover\:text-orange-200:hover {
      --text-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--text-opacity));
    }
  
    .sm\:hover\:text-orange-300:hover {
      --text-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--text-opacity));
    }
  
    .sm\:hover\:text-orange-400:hover {
      --text-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--text-opacity));
    }
  
    .sm\:hover\:text-orange-500:hover {
      --text-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--text-opacity));
    }
  
    .sm\:hover\:text-orange-600:hover {
      --text-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--text-opacity));
    }
  
    .sm\:hover\:text-orange-700:hover {
      --text-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--text-opacity));
    }
  
    .sm\:hover\:text-orange-800:hover {
      --text-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--text-opacity));
    }
  
    .sm\:hover\:text-orange-900:hover {
      --text-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--text-opacity));
    }
  
    .sm\:hover\:text-yellow-100:hover {
      --text-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--text-opacity));
    }
  
    .sm\:hover\:text-yellow-200:hover {
      --text-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--text-opacity));
    }
  
    .sm\:hover\:text-yellow-300:hover {
      --text-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--text-opacity));
    }
  
    .sm\:hover\:text-yellow-400:hover {
      --text-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--text-opacity));
    }
  
    .sm\:hover\:text-yellow-500:hover {
      --text-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--text-opacity));
    }
  
    .sm\:hover\:text-yellow-600:hover {
      --text-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--text-opacity));
    }
  
    .sm\:hover\:text-yellow-700:hover {
      --text-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--text-opacity));
    }
  
    .sm\:hover\:text-yellow-800:hover {
      --text-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--text-opacity));
    }
  
    .sm\:hover\:text-yellow-900:hover {
      --text-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--text-opacity));
    }
  
    .sm\:hover\:text-green-100:hover {
      --text-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--text-opacity));
    }
  
    .sm\:hover\:text-green-200:hover {
      --text-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--text-opacity));
    }
  
    .sm\:hover\:text-green-300:hover {
      --text-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--text-opacity));
    }
  
    .sm\:hover\:text-green-400:hover {
      --text-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--text-opacity));
    }
  
    .sm\:hover\:text-green-500:hover {
      --text-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--text-opacity));
    }
  
    .sm\:hover\:text-green-600:hover {
      --text-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--text-opacity));
    }
  
    .sm\:hover\:text-green-700:hover {
      --text-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--text-opacity));
    }
  
    .sm\:hover\:text-green-800:hover {
      --text-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--text-opacity));
    }
  
    .sm\:hover\:text-green-900:hover {
      --text-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--text-opacity));
    }
  
    .sm\:hover\:text-teal-100:hover {
      --text-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--text-opacity));
    }
  
    .sm\:hover\:text-teal-200:hover {
      --text-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--text-opacity));
    }
  
    .sm\:hover\:text-teal-300:hover {
      --text-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--text-opacity));
    }
  
    .sm\:hover\:text-teal-400:hover {
      --text-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--text-opacity));
    }
  
    .sm\:hover\:text-teal-500:hover {
      --text-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--text-opacity));
    }
  
    .sm\:hover\:text-teal-600:hover {
      --text-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--text-opacity));
    }
  
    .sm\:hover\:text-teal-700:hover {
      --text-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--text-opacity));
    }
  
    .sm\:hover\:text-teal-800:hover {
      --text-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--text-opacity));
    }
  
    .sm\:hover\:text-teal-900:hover {
      --text-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--text-opacity));
    }
  
    .sm\:hover\:text-blue-100:hover {
      --text-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--text-opacity));
    }
  
    .sm\:hover\:text-blue-200:hover {
      --text-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--text-opacity));
    }
  
    .sm\:hover\:text-blue-300:hover {
      --text-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--text-opacity));
    }
  
    .sm\:hover\:text-blue-400:hover {
      --text-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--text-opacity));
    }
  
    .sm\:hover\:text-blue-500:hover {
      --text-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--text-opacity));
    }
  
    .sm\:hover\:text-blue-600:hover {
      --text-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--text-opacity));
    }
  
    .sm\:hover\:text-blue-700:hover {
      --text-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--text-opacity));
    }
  
    .sm\:hover\:text-blue-800:hover {
      --text-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--text-opacity));
    }
  
    .sm\:hover\:text-blue-900:hover {
      --text-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--text-opacity));
    }
  
    .sm\:hover\:text-indigo-100:hover {
      --text-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--text-opacity));
    }
  
    .sm\:hover\:text-indigo-200:hover {
      --text-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--text-opacity));
    }
  
    .sm\:hover\:text-indigo-300:hover {
      --text-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--text-opacity));
    }
  
    .sm\:hover\:text-indigo-400:hover {
      --text-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--text-opacity));
    }
  
    .sm\:hover\:text-indigo-500:hover {
      --text-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--text-opacity));
    }
  
    .sm\:hover\:text-indigo-600:hover {
      --text-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--text-opacity));
    }
  
    .sm\:hover\:text-indigo-700:hover {
      --text-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--text-opacity));
    }
  
    .sm\:hover\:text-indigo-800:hover {
      --text-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--text-opacity));
    }
  
    .sm\:hover\:text-indigo-900:hover {
      --text-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--text-opacity));
    }
  
    .sm\:hover\:text-purple-100:hover {
      --text-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--text-opacity));
    }
  
    .sm\:hover\:text-purple-200:hover {
      --text-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--text-opacity));
    }
  
    .sm\:hover\:text-purple-300:hover {
      --text-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--text-opacity));
    }
  
    .sm\:hover\:text-purple-400:hover {
      --text-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--text-opacity));
    }
  
    .sm\:hover\:text-purple-500:hover {
      --text-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--text-opacity));
    }
  
    .sm\:hover\:text-purple-600:hover {
      --text-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--text-opacity));
    }
  
    .sm\:hover\:text-purple-700:hover {
      --text-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--text-opacity));
    }
  
    .sm\:hover\:text-purple-800:hover {
      --text-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--text-opacity));
    }
  
    .sm\:hover\:text-purple-900:hover {
      --text-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--text-opacity));
    }
  
    .sm\:hover\:text-pink-100:hover {
      --text-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--text-opacity));
    }
  
    .sm\:hover\:text-pink-200:hover {
      --text-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--text-opacity));
    }
  
    .sm\:hover\:text-pink-300:hover {
      --text-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--text-opacity));
    }
  
    .sm\:hover\:text-pink-400:hover {
      --text-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--text-opacity));
    }
  
    .sm\:hover\:text-pink-500:hover {
      --text-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--text-opacity));
    }
  
    .sm\:hover\:text-pink-600:hover {
      --text-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--text-opacity));
    }
  
    .sm\:hover\:text-pink-700:hover {
      --text-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--text-opacity));
    }
  
    .sm\:hover\:text-pink-800:hover {
      --text-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--text-opacity));
    }
  
    .sm\:hover\:text-pink-900:hover {
      --text-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--text-opacity));
    }
  
    .sm\:focus\:text-transparent:focus {
      color: transparent;
    }
  
    .sm\:focus\:text-current:focus {
      color: currentColor;
    }
  
    .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-red-100:focus {
      --text-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--text-opacity));
    }
  
    .sm\:focus\:text-red-200:focus {
      --text-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--text-opacity));
    }
  
    .sm\:focus\:text-red-300:focus {
      --text-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--text-opacity));
    }
  
    .sm\:focus\:text-red-400:focus {
      --text-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--text-opacity));
    }
  
    .sm\:focus\:text-red-500:focus {
      --text-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--text-opacity));
    }
  
    .sm\:focus\:text-red-600:focus {
      --text-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--text-opacity));
    }
  
    .sm\:focus\:text-red-700:focus {
      --text-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--text-opacity));
    }
  
    .sm\:focus\:text-red-800:focus {
      --text-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--text-opacity));
    }
  
    .sm\:focus\:text-red-900:focus {
      --text-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--text-opacity));
    }
  
    .sm\:focus\:text-orange-100:focus {
      --text-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--text-opacity));
    }
  
    .sm\:focus\:text-orange-200:focus {
      --text-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--text-opacity));
    }
  
    .sm\:focus\:text-orange-300:focus {
      --text-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--text-opacity));
    }
  
    .sm\:focus\:text-orange-400:focus {
      --text-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--text-opacity));
    }
  
    .sm\:focus\:text-orange-500:focus {
      --text-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--text-opacity));
    }
  
    .sm\:focus\:text-orange-600:focus {
      --text-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--text-opacity));
    }
  
    .sm\:focus\:text-orange-700:focus {
      --text-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--text-opacity));
    }
  
    .sm\:focus\:text-orange-800:focus {
      --text-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--text-opacity));
    }
  
    .sm\:focus\:text-orange-900:focus {
      --text-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--text-opacity));
    }
  
    .sm\:focus\:text-yellow-100:focus {
      --text-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--text-opacity));
    }
  
    .sm\:focus\:text-yellow-200:focus {
      --text-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--text-opacity));
    }
  
    .sm\:focus\:text-yellow-300:focus {
      --text-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--text-opacity));
    }
  
    .sm\:focus\:text-yellow-400:focus {
      --text-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--text-opacity));
    }
  
    .sm\:focus\:text-yellow-500:focus {
      --text-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--text-opacity));
    }
  
    .sm\:focus\:text-yellow-600:focus {
      --text-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--text-opacity));
    }
  
    .sm\:focus\:text-yellow-700:focus {
      --text-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--text-opacity));
    }
  
    .sm\:focus\:text-yellow-800:focus {
      --text-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--text-opacity));
    }
  
    .sm\:focus\:text-yellow-900:focus {
      --text-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--text-opacity));
    }
  
    .sm\:focus\:text-green-100:focus {
      --text-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--text-opacity));
    }
  
    .sm\:focus\:text-green-200:focus {
      --text-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--text-opacity));
    }
  
    .sm\:focus\:text-green-300:focus {
      --text-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--text-opacity));
    }
  
    .sm\:focus\:text-green-400:focus {
      --text-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--text-opacity));
    }
  
    .sm\:focus\:text-green-500:focus {
      --text-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--text-opacity));
    }
  
    .sm\:focus\:text-green-600:focus {
      --text-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--text-opacity));
    }
  
    .sm\:focus\:text-green-700:focus {
      --text-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--text-opacity));
    }
  
    .sm\:focus\:text-green-800:focus {
      --text-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--text-opacity));
    }
  
    .sm\:focus\:text-green-900:focus {
      --text-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--text-opacity));
    }
  
    .sm\:focus\:text-teal-100:focus {
      --text-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--text-opacity));
    }
  
    .sm\:focus\:text-teal-200:focus {
      --text-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--text-opacity));
    }
  
    .sm\:focus\:text-teal-300:focus {
      --text-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--text-opacity));
    }
  
    .sm\:focus\:text-teal-400:focus {
      --text-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--text-opacity));
    }
  
    .sm\:focus\:text-teal-500:focus {
      --text-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--text-opacity));
    }
  
    .sm\:focus\:text-teal-600:focus {
      --text-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--text-opacity));
    }
  
    .sm\:focus\:text-teal-700:focus {
      --text-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--text-opacity));
    }
  
    .sm\:focus\:text-teal-800:focus {
      --text-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--text-opacity));
    }
  
    .sm\:focus\:text-teal-900:focus {
      --text-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--text-opacity));
    }
  
    .sm\:focus\:text-blue-100:focus {
      --text-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--text-opacity));
    }
  
    .sm\:focus\:text-blue-200:focus {
      --text-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--text-opacity));
    }
  
    .sm\:focus\:text-blue-300:focus {
      --text-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--text-opacity));
    }
  
    .sm\:focus\:text-blue-400:focus {
      --text-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--text-opacity));
    }
  
    .sm\:focus\:text-blue-500:focus {
      --text-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--text-opacity));
    }
  
    .sm\:focus\:text-blue-600:focus {
      --text-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--text-opacity));
    }
  
    .sm\:focus\:text-blue-700:focus {
      --text-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--text-opacity));
    }
  
    .sm\:focus\:text-blue-800:focus {
      --text-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--text-opacity));
    }
  
    .sm\:focus\:text-blue-900:focus {
      --text-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--text-opacity));
    }
  
    .sm\:focus\:text-indigo-100:focus {
      --text-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--text-opacity));
    }
  
    .sm\:focus\:text-indigo-200:focus {
      --text-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--text-opacity));
    }
  
    .sm\:focus\:text-indigo-300:focus {
      --text-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--text-opacity));
    }
  
    .sm\:focus\:text-indigo-400:focus {
      --text-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--text-opacity));
    }
  
    .sm\:focus\:text-indigo-500:focus {
      --text-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--text-opacity));
    }
  
    .sm\:focus\:text-indigo-600:focus {
      --text-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--text-opacity));
    }
  
    .sm\:focus\:text-indigo-700:focus {
      --text-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--text-opacity));
    }
  
    .sm\:focus\:text-indigo-800:focus {
      --text-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--text-opacity));
    }
  
    .sm\:focus\:text-indigo-900:focus {
      --text-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--text-opacity));
    }
  
    .sm\:focus\:text-purple-100:focus {
      --text-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--text-opacity));
    }
  
    .sm\:focus\:text-purple-200:focus {
      --text-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--text-opacity));
    }
  
    .sm\:focus\:text-purple-300:focus {
      --text-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--text-opacity));
    }
  
    .sm\:focus\:text-purple-400:focus {
      --text-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--text-opacity));
    }
  
    .sm\:focus\:text-purple-500:focus {
      --text-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--text-opacity));
    }
  
    .sm\:focus\:text-purple-600:focus {
      --text-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--text-opacity));
    }
  
    .sm\:focus\:text-purple-700:focus {
      --text-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--text-opacity));
    }
  
    .sm\:focus\:text-purple-800:focus {
      --text-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--text-opacity));
    }
  
    .sm\:focus\:text-purple-900:focus {
      --text-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--text-opacity));
    }
  
    .sm\:focus\:text-pink-100:focus {
      --text-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--text-opacity));
    }
  
    .sm\:focus\:text-pink-200:focus {
      --text-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--text-opacity));
    }
  
    .sm\:focus\:text-pink-300:focus {
      --text-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--text-opacity));
    }
  
    .sm\:focus\:text-pink-400:focus {
      --text-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--text-opacity));
    }
  
    .sm\:focus\:text-pink-500:focus {
      --text-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--text-opacity));
    }
  
    .sm\:focus\:text-pink-600:focus {
      --text-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--text-opacity));
    }
  
    .sm\:focus\:text-pink-700:focus {
      --text-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--text-opacity));
    }
  
    .sm\:focus\:text-pink-800:focus {
      --text-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--text-opacity));
    }
  
    .sm\:focus\:text-pink-900:focus {
      --text-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, 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\: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;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
    }
  
    .sm\:select-text {
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text;
    }
  
    .sm\:select-all {
      -webkit-user-select: all;
         -moz-user-select: all;
          -ms-user-select: all;
              user-select: all;
    }
  
    .sm\:select-auto {
      -webkit-user-select: auto;
         -moz-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 {
      overflow-wrap: normal;
      word-break: normal;
    }
  
    .sm\:break-words {
      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;
      -moz-column-gap: 0;
           column-gap: 0;
    }
  
    .sm\:col-gap-1 {
      grid-column-gap: 0.25rem;
      -moz-column-gap: 0.25rem;
           column-gap: 0.25rem;
    }
  
    .sm\:col-gap-2 {
      grid-column-gap: 0.5rem;
      -moz-column-gap: 0.5rem;
           column-gap: 0.5rem;
    }
  
    .sm\:col-gap-3 {
      grid-column-gap: 0.75rem;
      -moz-column-gap: 0.75rem;
           column-gap: 0.75rem;
    }
  
    .sm\:col-gap-4 {
      grid-column-gap: 1rem;
      -moz-column-gap: 1rem;
           column-gap: 1rem;
    }
  
    .sm\:col-gap-5 {
      grid-column-gap: 1.25rem;
      -moz-column-gap: 1.25rem;
           column-gap: 1.25rem;
    }
  
    .sm\:col-gap-6 {
      grid-column-gap: 1.5rem;
      -moz-column-gap: 1.5rem;
           column-gap: 1.5rem;
    }
  
    .sm\:col-gap-8 {
      grid-column-gap: 2rem;
      -moz-column-gap: 2rem;
           column-gap: 2rem;
    }
  
    .sm\:col-gap-10 {
      grid-column-gap: 2.5rem;
      -moz-column-gap: 2.5rem;
           column-gap: 2.5rem;
    }
  
    .sm\:col-gap-12 {
      grid-column-gap: 3rem;
      -moz-column-gap: 3rem;
           column-gap: 3rem;
    }
  
    .sm\:col-gap-16 {
      grid-column-gap: 4rem;
      -moz-column-gap: 4rem;
           column-gap: 4rem;
    }
  
    .sm\:col-gap-20 {
      grid-column-gap: 5rem;
      -moz-column-gap: 5rem;
           column-gap: 5rem;
    }
  
    .sm\:col-gap-24 {
      grid-column-gap: 6rem;
      -moz-column-gap: 6rem;
           column-gap: 6rem;
    }
  
    .sm\:col-gap-32 {
      grid-column-gap: 8rem;
      -moz-column-gap: 8rem;
           column-gap: 8rem;
    }
  
    .sm\:col-gap-40 {
      grid-column-gap: 10rem;
      -moz-column-gap: 10rem;
           column-gap: 10rem;
    }
  
    .sm\:col-gap-48 {
      grid-column-gap: 12rem;
      -moz-column-gap: 12rem;
           column-gap: 12rem;
    }
  
    .sm\:col-gap-56 {
      grid-column-gap: 14rem;
      -moz-column-gap: 14rem;
           column-gap: 14rem;
    }
  
    .sm\:col-gap-64 {
      grid-column-gap: 16rem;
      -moz-column-gap: 16rem;
           column-gap: 16rem;
    }
  
    .sm\:col-gap-px {
      grid-column-gap: 1px;
      -moz-column-gap: 1px;
           column-gap: 1px;
    }
  
    .sm\:gap-x-0 {
      grid-column-gap: 0;
      -moz-column-gap: 0;
           column-gap: 0;
    }
  
    .sm\:gap-x-1 {
      grid-column-gap: 0.25rem;
      -moz-column-gap: 0.25rem;
           column-gap: 0.25rem;
    }
  
    .sm\:gap-x-2 {
      grid-column-gap: 0.5rem;
      -moz-column-gap: 0.5rem;
           column-gap: 0.5rem;
    }
  
    .sm\:gap-x-3 {
      grid-column-gap: 0.75rem;
      -moz-column-gap: 0.75rem;
           column-gap: 0.75rem;
    }
  
    .sm\:gap-x-4 {
      grid-column-gap: 1rem;
      -moz-column-gap: 1rem;
           column-gap: 1rem;
    }
  
    .sm\:gap-x-5 {
      grid-column-gap: 1.25rem;
      -moz-column-gap: 1.25rem;
           column-gap: 1.25rem;
    }
  
    .sm\:gap-x-6 {
      grid-column-gap: 1.5rem;
      -moz-column-gap: 1.5rem;
           column-gap: 1.5rem;
    }
  
    .sm\:gap-x-8 {
      grid-column-gap: 2rem;
      -moz-column-gap: 2rem;
           column-gap: 2rem;
    }
  
    .sm\:gap-x-10 {
      grid-column-gap: 2.5rem;
      -moz-column-gap: 2.5rem;
           column-gap: 2.5rem;
    }
  
    .sm\:gap-x-12 {
      grid-column-gap: 3rem;
      -moz-column-gap: 3rem;
           column-gap: 3rem;
    }
  
    .sm\:gap-x-16 {
      grid-column-gap: 4rem;
      -moz-column-gap: 4rem;
           column-gap: 4rem;
    }
  
    .sm\:gap-x-20 {
      grid-column-gap: 5rem;
      -moz-column-gap: 5rem;
           column-gap: 5rem;
    }
  
    .sm\:gap-x-24 {
      grid-column-gap: 6rem;
      -moz-column-gap: 6rem;
           column-gap: 6rem;
    }
  
    .sm\:gap-x-32 {
      grid-column-gap: 8rem;
      -moz-column-gap: 8rem;
           column-gap: 8rem;
    }
  
    .sm\:gap-x-40 {
      grid-column-gap: 10rem;
      -moz-column-gap: 10rem;
           column-gap: 10rem;
    }
  
    .sm\:gap-x-48 {
      grid-column-gap: 12rem;
      -moz-column-gap: 12rem;
           column-gap: 12rem;
    }
  
    .sm\:gap-x-56 {
      grid-column-gap: 14rem;
      -moz-column-gap: 14rem;
           column-gap: 14rem;
    }
  
    .sm\:gap-x-64 {
      grid-column-gap: 16rem;
      -moz-column-gap: 16rem;
           column-gap: 16rem;
    }
  
    .sm\:gap-x-px {
      grid-column-gap: 1px;
      -moz-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\: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-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\: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-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-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\:hover\:rotate-0:hover {
      --transform-rotate: 0;
    }
  
    .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\:focus\:rotate-0:focus {
      --transform-rotate: 0;
    }
  
    .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\: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-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-y-0 {
      --transform-skew-y: 0;
    }
  
    .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\:hover\:skew-x-0:hover {
      --transform-skew-x: 0;
    }
  
    .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-y-0:hover {
      --transform-skew-y: 0;
    }
  
    .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\:focus\:skew-x-0:focus {
      --transform-skew-x: 0;
    }
  
    .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-y-0:focus {
      --transform-skew-y: 0;
    }
  
    .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\: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 {
      -webkit-animation: none;
              animation: none;
    }
  
    .sm\:animate-spin {
      -webkit-animation: spin 1s linear infinite;
              animation: spin 1s linear infinite;
    }
  
    .sm\:animate-ping {
      -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
              animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    }
  
    .sm\:animate-pulse {
      -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
              animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }
  
    .sm\:animate-bounce {
      -webkit-animation: bounce 1s infinite;
              animation: bounce 1s infinite;
    }
  }
  
  @media (min-width: 768px) {
    .md\:container {
      width: 100%;
    }
  
    @media (min-width: 500px) {
      .md\:container {
        max-width: 500px;
      }
    }
  
    @media (min-width: 640px) {
      .md\:container {
        max-width: 640px;
      }
    }
  
    @media (min-width: 768px) {
      .md\:container {
        max-width: 768px;
      }
    }
  
    @media (min-width: 1024px) {
      .md\:container {
        max-width: 1024px;
      }
    }
  
    @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-current > :not(template) ~ :not(template) {
      border-color: currentColor;
    }
  
    .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-red-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--divide-opacity));
    }
  
    .md\:divide-red-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--divide-opacity));
    }
  
    .md\:divide-red-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--divide-opacity));
    }
  
    .md\:divide-red-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--divide-opacity));
    }
  
    .md\:divide-red-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--divide-opacity));
    }
  
    .md\:divide-red-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--divide-opacity));
    }
  
    .md\:divide-red-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--divide-opacity));
    }
  
    .md\:divide-red-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--divide-opacity));
    }
  
    .md\:divide-red-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--divide-opacity));
    }
  
    .md\:divide-orange-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--divide-opacity));
    }
  
    .md\:divide-orange-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--divide-opacity));
    }
  
    .md\:divide-orange-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--divide-opacity));
    }
  
    .md\:divide-orange-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--divide-opacity));
    }
  
    .md\:divide-orange-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--divide-opacity));
    }
  
    .md\:divide-orange-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--divide-opacity));
    }
  
    .md\:divide-orange-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--divide-opacity));
    }
  
    .md\:divide-orange-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--divide-opacity));
    }
  
    .md\:divide-orange-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--divide-opacity));
    }
  
    .md\:divide-yellow-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--divide-opacity));
    }
  
    .md\:divide-yellow-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--divide-opacity));
    }
  
    .md\:divide-yellow-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--divide-opacity));
    }
  
    .md\:divide-yellow-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--divide-opacity));
    }
  
    .md\:divide-yellow-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--divide-opacity));
    }
  
    .md\:divide-yellow-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--divide-opacity));
    }
  
    .md\:divide-yellow-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--divide-opacity));
    }
  
    .md\:divide-yellow-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--divide-opacity));
    }
  
    .md\:divide-yellow-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--divide-opacity));
    }
  
    .md\:divide-green-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--divide-opacity));
    }
  
    .md\:divide-green-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--divide-opacity));
    }
  
    .md\:divide-green-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--divide-opacity));
    }
  
    .md\:divide-green-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--divide-opacity));
    }
  
    .md\:divide-green-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--divide-opacity));
    }
  
    .md\:divide-green-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--divide-opacity));
    }
  
    .md\:divide-green-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--divide-opacity));
    }
  
    .md\:divide-green-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--divide-opacity));
    }
  
    .md\:divide-green-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--divide-opacity));
    }
  
    .md\:divide-teal-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--divide-opacity));
    }
  
    .md\:divide-teal-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--divide-opacity));
    }
  
    .md\:divide-teal-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--divide-opacity));
    }
  
    .md\:divide-teal-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--divide-opacity));
    }
  
    .md\:divide-teal-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--divide-opacity));
    }
  
    .md\:divide-teal-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--divide-opacity));
    }
  
    .md\:divide-teal-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--divide-opacity));
    }
  
    .md\:divide-teal-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--divide-opacity));
    }
  
    .md\:divide-teal-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--divide-opacity));
    }
  
    .md\:divide-blue-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--divide-opacity));
    }
  
    .md\:divide-blue-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--divide-opacity));
    }
  
    .md\:divide-blue-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--divide-opacity));
    }
  
    .md\:divide-blue-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--divide-opacity));
    }
  
    .md\:divide-blue-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--divide-opacity));
    }
  
    .md\:divide-blue-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--divide-opacity));
    }
  
    .md\:divide-blue-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--divide-opacity));
    }
  
    .md\:divide-blue-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--divide-opacity));
    }
  
    .md\:divide-blue-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--divide-opacity));
    }
  
    .md\:divide-indigo-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--divide-opacity));
    }
  
    .md\:divide-indigo-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--divide-opacity));
    }
  
    .md\:divide-indigo-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--divide-opacity));
    }
  
    .md\:divide-indigo-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--divide-opacity));
    }
  
    .md\:divide-indigo-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--divide-opacity));
    }
  
    .md\:divide-indigo-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--divide-opacity));
    }
  
    .md\:divide-indigo-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--divide-opacity));
    }
  
    .md\:divide-indigo-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--divide-opacity));
    }
  
    .md\:divide-indigo-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--divide-opacity));
    }
  
    .md\:divide-purple-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--divide-opacity));
    }
  
    .md\:divide-purple-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--divide-opacity));
    }
  
    .md\:divide-purple-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--divide-opacity));
    }
  
    .md\:divide-purple-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--divide-opacity));
    }
  
    .md\:divide-purple-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--divide-opacity));
    }
  
    .md\:divide-purple-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--divide-opacity));
    }
  
    .md\:divide-purple-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--divide-opacity));
    }
  
    .md\:divide-purple-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--divide-opacity));
    }
  
    .md\:divide-purple-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--divide-opacity));
    }
  
    .md\:divide-pink-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--divide-opacity));
    }
  
    .md\:divide-pink-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--divide-opacity));
    }
  
    .md\:divide-pink-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--divide-opacity));
    }
  
    .md\:divide-pink-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--divide-opacity));
    }
  
    .md\:divide-pink-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--divide-opacity));
    }
  
    .md\:divide-pink-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--divide-opacity));
    }
  
    .md\:divide-pink-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--divide-opacity));
    }
  
    .md\:divide-pink-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--divide-opacity));
    }
  
    .md\:divide-pink-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, 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;
         -moz-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-current {
      background-color: currentColor;
    }
  
    .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-red-100 {
      --bg-opacity: 1;
      background-color: #fff5f5;
      background-color: rgba(255, 245, 245, var(--bg-opacity));
    }
  
    .md\:bg-red-200 {
      --bg-opacity: 1;
      background-color: #fed7d7;
      background-color: rgba(254, 215, 215, var(--bg-opacity));
    }
  
    .md\:bg-red-300 {
      --bg-opacity: 1;
      background-color: #feb2b2;
      background-color: rgba(254, 178, 178, var(--bg-opacity));
    }
  
    .md\:bg-red-400 {
      --bg-opacity: 1;
      background-color: #fc8181;
      background-color: rgba(252, 129, 129, var(--bg-opacity));
    }
  
    .md\:bg-red-500 {
      --bg-opacity: 1;
      background-color: #f56565;
      background-color: rgba(245, 101, 101, var(--bg-opacity));
    }
  
    .md\:bg-red-600 {
      --bg-opacity: 1;
      background-color: #e53e3e;
      background-color: rgba(229, 62, 62, var(--bg-opacity));
    }
  
    .md\:bg-red-700 {
      --bg-opacity: 1;
      background-color: #c53030;
      background-color: rgba(197, 48, 48, var(--bg-opacity));
    }
  
    .md\:bg-red-800 {
      --bg-opacity: 1;
      background-color: #9b2c2c;
      background-color: rgba(155, 44, 44, var(--bg-opacity));
    }
  
    .md\:bg-red-900 {
      --bg-opacity: 1;
      background-color: #742a2a;
      background-color: rgba(116, 42, 42, var(--bg-opacity));
    }
  
    .md\:bg-orange-100 {
      --bg-opacity: 1;
      background-color: #fffaf0;
      background-color: rgba(255, 250, 240, var(--bg-opacity));
    }
  
    .md\:bg-orange-200 {
      --bg-opacity: 1;
      background-color: #feebc8;
      background-color: rgba(254, 235, 200, var(--bg-opacity));
    }
  
    .md\:bg-orange-300 {
      --bg-opacity: 1;
      background-color: #fbd38d;
      background-color: rgba(251, 211, 141, var(--bg-opacity));
    }
  
    .md\:bg-orange-400 {
      --bg-opacity: 1;
      background-color: #f6ad55;
      background-color: rgba(246, 173, 85, var(--bg-opacity));
    }
  
    .md\:bg-orange-500 {
      --bg-opacity: 1;
      background-color: #ed8936;
      background-color: rgba(237, 137, 54, var(--bg-opacity));
    }
  
    .md\:bg-orange-600 {
      --bg-opacity: 1;
      background-color: #dd6b20;
      background-color: rgba(221, 107, 32, var(--bg-opacity));
    }
  
    .md\:bg-orange-700 {
      --bg-opacity: 1;
      background-color: #c05621;
      background-color: rgba(192, 86, 33, var(--bg-opacity));
    }
  
    .md\:bg-orange-800 {
      --bg-opacity: 1;
      background-color: #9c4221;
      background-color: rgba(156, 66, 33, var(--bg-opacity));
    }
  
    .md\:bg-orange-900 {
      --bg-opacity: 1;
      background-color: #7b341e;
      background-color: rgba(123, 52, 30, var(--bg-opacity));
    }
  
    .md\:bg-yellow-100 {
      --bg-opacity: 1;
      background-color: #fffff0;
      background-color: rgba(255, 255, 240, var(--bg-opacity));
    }
  
    .md\:bg-yellow-200 {
      --bg-opacity: 1;
      background-color: #fefcbf;
      background-color: rgba(254, 252, 191, var(--bg-opacity));
    }
  
    .md\:bg-yellow-300 {
      --bg-opacity: 1;
      background-color: #faf089;
      background-color: rgba(250, 240, 137, var(--bg-opacity));
    }
  
    .md\:bg-yellow-400 {
      --bg-opacity: 1;
      background-color: #f6e05e;
      background-color: rgba(246, 224, 94, var(--bg-opacity));
    }
  
    .md\:bg-yellow-500 {
      --bg-opacity: 1;
      background-color: #ecc94b;
      background-color: rgba(236, 201, 75, var(--bg-opacity));
    }
  
    .md\:bg-yellow-600 {
      --bg-opacity: 1;
      background-color: #d69e2e;
      background-color: rgba(214, 158, 46, var(--bg-opacity));
    }
  
    .md\:bg-yellow-700 {
      --bg-opacity: 1;
      background-color: #b7791f;
      background-color: rgba(183, 121, 31, var(--bg-opacity));
    }
  
    .md\:bg-yellow-800 {
      --bg-opacity: 1;
      background-color: #975a16;
      background-color: rgba(151, 90, 22, var(--bg-opacity));
    }
  
    .md\:bg-yellow-900 {
      --bg-opacity: 1;
      background-color: #744210;
      background-color: rgba(116, 66, 16, var(--bg-opacity));
    }
  
    .md\:bg-green-100 {
      --bg-opacity: 1;
      background-color: #f0fff4;
      background-color: rgba(240, 255, 244, var(--bg-opacity));
    }
  
    .md\:bg-green-200 {
      --bg-opacity: 1;
      background-color: #c6f6d5;
      background-color: rgba(198, 246, 213, var(--bg-opacity));
    }
  
    .md\:bg-green-300 {
      --bg-opacity: 1;
      background-color: #9ae6b4;
      background-color: rgba(154, 230, 180, var(--bg-opacity));
    }
  
    .md\:bg-green-400 {
      --bg-opacity: 1;
      background-color: #68d391;
      background-color: rgba(104, 211, 145, var(--bg-opacity));
    }
  
    .md\:bg-green-500 {
      --bg-opacity: 1;
      background-color: #48bb78;
      background-color: rgba(72, 187, 120, var(--bg-opacity));
    }
  
    .md\:bg-green-600 {
      --bg-opacity: 1;
      background-color: #38a169;
      background-color: rgba(56, 161, 105, var(--bg-opacity));
    }
  
    .md\:bg-green-700 {
      --bg-opacity: 1;
      background-color: #2f855a;
      background-color: rgba(47, 133, 90, var(--bg-opacity));
    }
  
    .md\:bg-green-800 {
      --bg-opacity: 1;
      background-color: #276749;
      background-color: rgba(39, 103, 73, var(--bg-opacity));
    }
  
    .md\:bg-green-900 {
      --bg-opacity: 1;
      background-color: #22543d;
      background-color: rgba(34, 84, 61, var(--bg-opacity));
    }
  
    .md\:bg-teal-100 {
      --bg-opacity: 1;
      background-color: #e6fffa;
      background-color: rgba(230, 255, 250, var(--bg-opacity));
    }
  
    .md\:bg-teal-200 {
      --bg-opacity: 1;
      background-color: #b2f5ea;
      background-color: rgba(178, 245, 234, var(--bg-opacity));
    }
  
    .md\:bg-teal-300 {
      --bg-opacity: 1;
      background-color: #81e6d9;
      background-color: rgba(129, 230, 217, var(--bg-opacity));
    }
  
    .md\:bg-teal-400 {
      --bg-opacity: 1;
      background-color: #4fd1c5;
      background-color: rgba(79, 209, 197, var(--bg-opacity));
    }
  
    .md\:bg-teal-500 {
      --bg-opacity: 1;
      background-color: #38b2ac;
      background-color: rgba(56, 178, 172, var(--bg-opacity));
    }
  
    .md\:bg-teal-600 {
      --bg-opacity: 1;
      background-color: #319795;
      background-color: rgba(49, 151, 149, var(--bg-opacity));
    }
  
    .md\:bg-teal-700 {
      --bg-opacity: 1;
      background-color: #2c7a7b;
      background-color: rgba(44, 122, 123, var(--bg-opacity));
    }
  
    .md\:bg-teal-800 {
      --bg-opacity: 1;
      background-color: #285e61;
      background-color: rgba(40, 94, 97, var(--bg-opacity));
    }
  
    .md\:bg-teal-900 {
      --bg-opacity: 1;
      background-color: #234e52;
      background-color: rgba(35, 78, 82, var(--bg-opacity));
    }
  
    .md\:bg-blue-100 {
      --bg-opacity: 1;
      background-color: #ebf8ff;
      background-color: rgba(235, 248, 255, var(--bg-opacity));
    }
  
    .md\:bg-blue-200 {
      --bg-opacity: 1;
      background-color: #bee3f8;
      background-color: rgba(190, 227, 248, var(--bg-opacity));
    }
  
    .md\:bg-blue-300 {
      --bg-opacity: 1;
      background-color: #90cdf4;
      background-color: rgba(144, 205, 244, var(--bg-opacity));
    }
  
    .md\:bg-blue-400 {
      --bg-opacity: 1;
      background-color: #63b3ed;
      background-color: rgba(99, 179, 237, var(--bg-opacity));
    }
  
    .md\:bg-blue-500 {
      --bg-opacity: 1;
      background-color: #4299e1;
      background-color: rgba(66, 153, 225, var(--bg-opacity));
    }
  
    .md\:bg-blue-600 {
      --bg-opacity: 1;
      background-color: #3182ce;
      background-color: rgba(49, 130, 206, var(--bg-opacity));
    }
  
    .md\:bg-blue-700 {
      --bg-opacity: 1;
      background-color: #2b6cb0;
      background-color: rgba(43, 108, 176, var(--bg-opacity));
    }
  
    .md\:bg-blue-800 {
      --bg-opacity: 1;
      background-color: #2c5282;
      background-color: rgba(44, 82, 130, var(--bg-opacity));
    }
  
    .md\:bg-blue-900 {
      --bg-opacity: 1;
      background-color: #2a4365;
      background-color: rgba(42, 67, 101, var(--bg-opacity));
    }
  
    .md\:bg-indigo-100 {
      --bg-opacity: 1;
      background-color: #ebf4ff;
      background-color: rgba(235, 244, 255, var(--bg-opacity));
    }
  
    .md\:bg-indigo-200 {
      --bg-opacity: 1;
      background-color: #c3dafe;
      background-color: rgba(195, 218, 254, var(--bg-opacity));
    }
  
    .md\:bg-indigo-300 {
      --bg-opacity: 1;
      background-color: #a3bffa;
      background-color: rgba(163, 191, 250, var(--bg-opacity));
    }
  
    .md\:bg-indigo-400 {
      --bg-opacity: 1;
      background-color: #7f9cf5;
      background-color: rgba(127, 156, 245, var(--bg-opacity));
    }
  
    .md\:bg-indigo-500 {
      --bg-opacity: 1;
      background-color: #667eea;
      background-color: rgba(102, 126, 234, var(--bg-opacity));
    }
  
    .md\:bg-indigo-600 {
      --bg-opacity: 1;
      background-color: #5a67d8;
      background-color: rgba(90, 103, 216, var(--bg-opacity));
    }
  
    .md\:bg-indigo-700 {
      --bg-opacity: 1;
      background-color: #4c51bf;
      background-color: rgba(76, 81, 191, var(--bg-opacity));
    }
  
    .md\:bg-indigo-800 {
      --bg-opacity: 1;
      background-color: #434190;
      background-color: rgba(67, 65, 144, var(--bg-opacity));
    }
  
    .md\:bg-indigo-900 {
      --bg-opacity: 1;
      background-color: #3c366b;
      background-color: rgba(60, 54, 107, var(--bg-opacity));
    }
  
    .md\:bg-purple-100 {
      --bg-opacity: 1;
      background-color: #faf5ff;
      background-color: rgba(250, 245, 255, var(--bg-opacity));
    }
  
    .md\:bg-purple-200 {
      --bg-opacity: 1;
      background-color: #e9d8fd;
      background-color: rgba(233, 216, 253, var(--bg-opacity));
    }
  
    .md\:bg-purple-300 {
      --bg-opacity: 1;
      background-color: #d6bcfa;
      background-color: rgba(214, 188, 250, var(--bg-opacity));
    }
  
    .md\:bg-purple-400 {
      --bg-opacity: 1;
      background-color: #b794f4;
      background-color: rgba(183, 148, 244, var(--bg-opacity));
    }
  
    .md\:bg-purple-500 {
      --bg-opacity: 1;
      background-color: #9f7aea;
      background-color: rgba(159, 122, 234, var(--bg-opacity));
    }
  
    .md\:bg-purple-600 {
      --bg-opacity: 1;
      background-color: #805ad5;
      background-color: rgba(128, 90, 213, var(--bg-opacity));
    }
  
    .md\:bg-purple-700 {
      --bg-opacity: 1;
      background-color: #6b46c1;
      background-color: rgba(107, 70, 193, var(--bg-opacity));
    }
  
    .md\:bg-purple-800 {
      --bg-opacity: 1;
      background-color: #553c9a;
      background-color: rgba(85, 60, 154, var(--bg-opacity));
    }
  
    .md\:bg-purple-900 {
      --bg-opacity: 1;
      background-color: #44337a;
      background-color: rgba(68, 51, 122, var(--bg-opacity));
    }
  
    .md\:bg-pink-100 {
      --bg-opacity: 1;
      background-color: #fff5f7;
      background-color: rgba(255, 245, 247, var(--bg-opacity));
    }
  
    .md\:bg-pink-200 {
      --bg-opacity: 1;
      background-color: #fed7e2;
      background-color: rgba(254, 215, 226, var(--bg-opacity));
    }
  
    .md\:bg-pink-300 {
      --bg-opacity: 1;
      background-color: #fbb6ce;
      background-color: rgba(251, 182, 206, var(--bg-opacity));
    }
  
    .md\:bg-pink-400 {
      --bg-opacity: 1;
      background-color: #f687b3;
      background-color: rgba(246, 135, 179, var(--bg-opacity));
    }
  
    .md\:bg-pink-500 {
      --bg-opacity: 1;
      background-color: #ed64a6;
      background-color: rgba(237, 100, 166, var(--bg-opacity));
    }
  
    .md\:bg-pink-600 {
      --bg-opacity: 1;
      background-color: #d53f8c;
      background-color: rgba(213, 63, 140, var(--bg-opacity));
    }
  
    .md\:bg-pink-700 {
      --bg-opacity: 1;
      background-color: #b83280;
      background-color: rgba(184, 50, 128, var(--bg-opacity));
    }
  
    .md\:bg-pink-800 {
      --bg-opacity: 1;
      background-color: #97266d;
      background-color: rgba(151, 38, 109, var(--bg-opacity));
    }
  
    .md\:bg-pink-900 {
      --bg-opacity: 1;
      background-color: #702459;
      background-color: rgba(112, 36, 89, var(--bg-opacity));
    }
  
    .md\:hover\:bg-transparent:hover {
      background-color: transparent;
    }
  
    .md\:hover\:bg-current:hover {
      background-color: currentColor;
    }
  
    .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-red-100:hover {
      --bg-opacity: 1;
      background-color: #fff5f5;
      background-color: rgba(255, 245, 245, var(--bg-opacity));
    }
  
    .md\:hover\:bg-red-200:hover {
      --bg-opacity: 1;
      background-color: #fed7d7;
      background-color: rgba(254, 215, 215, var(--bg-opacity));
    }
  
    .md\:hover\:bg-red-300:hover {
      --bg-opacity: 1;
      background-color: #feb2b2;
      background-color: rgba(254, 178, 178, var(--bg-opacity));
    }
  
    .md\:hover\:bg-red-400:hover {
      --bg-opacity: 1;
      background-color: #fc8181;
      background-color: rgba(252, 129, 129, var(--bg-opacity));
    }
  
    .md\:hover\:bg-red-500:hover {
      --bg-opacity: 1;
      background-color: #f56565;
      background-color: rgba(245, 101, 101, var(--bg-opacity));
    }
  
    .md\:hover\:bg-red-600:hover {
      --bg-opacity: 1;
      background-color: #e53e3e;
      background-color: rgba(229, 62, 62, var(--bg-opacity));
    }
  
    .md\:hover\:bg-red-700:hover {
      --bg-opacity: 1;
      background-color: #c53030;
      background-color: rgba(197, 48, 48, var(--bg-opacity));
    }
  
    .md\:hover\:bg-red-800:hover {
      --bg-opacity: 1;
      background-color: #9b2c2c;
      background-color: rgba(155, 44, 44, var(--bg-opacity));
    }
  
    .md\:hover\:bg-red-900:hover {
      --bg-opacity: 1;
      background-color: #742a2a;
      background-color: rgba(116, 42, 42, var(--bg-opacity));
    }
  
    .md\:hover\:bg-orange-100:hover {
      --bg-opacity: 1;
      background-color: #fffaf0;
      background-color: rgba(255, 250, 240, var(--bg-opacity));
    }
  
    .md\:hover\:bg-orange-200:hover {
      --bg-opacity: 1;
      background-color: #feebc8;
      background-color: rgba(254, 235, 200, var(--bg-opacity));
    }
  
    .md\:hover\:bg-orange-300:hover {
      --bg-opacity: 1;
      background-color: #fbd38d;
      background-color: rgba(251, 211, 141, var(--bg-opacity));
    }
  
    .md\:hover\:bg-orange-400:hover {
      --bg-opacity: 1;
      background-color: #f6ad55;
      background-color: rgba(246, 173, 85, var(--bg-opacity));
    }
  
    .md\:hover\:bg-orange-500:hover {
      --bg-opacity: 1;
      background-color: #ed8936;
      background-color: rgba(237, 137, 54, var(--bg-opacity));
    }
  
    .md\:hover\:bg-orange-600:hover {
      --bg-opacity: 1;
      background-color: #dd6b20;
      background-color: rgba(221, 107, 32, var(--bg-opacity));
    }
  
    .md\:hover\:bg-orange-700:hover {
      --bg-opacity: 1;
      background-color: #c05621;
      background-color: rgba(192, 86, 33, var(--bg-opacity));
    }
  
    .md\:hover\:bg-orange-800:hover {
      --bg-opacity: 1;
      background-color: #9c4221;
      background-color: rgba(156, 66, 33, var(--bg-opacity));
    }
  
    .md\:hover\:bg-orange-900:hover {
      --bg-opacity: 1;
      background-color: #7b341e;
      background-color: rgba(123, 52, 30, var(--bg-opacity));
    }
  
    .md\:hover\:bg-yellow-100:hover {
      --bg-opacity: 1;
      background-color: #fffff0;
      background-color: rgba(255, 255, 240, var(--bg-opacity));
    }
  
    .md\:hover\:bg-yellow-200:hover {
      --bg-opacity: 1;
      background-color: #fefcbf;
      background-color: rgba(254, 252, 191, var(--bg-opacity));
    }
  
    .md\:hover\:bg-yellow-300:hover {
      --bg-opacity: 1;
      background-color: #faf089;
      background-color: rgba(250, 240, 137, var(--bg-opacity));
    }
  
    .md\:hover\:bg-yellow-400:hover {
      --bg-opacity: 1;
      background-color: #f6e05e;
      background-color: rgba(246, 224, 94, var(--bg-opacity));
    }
  
    .md\:hover\:bg-yellow-500:hover {
      --bg-opacity: 1;
      background-color: #ecc94b;
      background-color: rgba(236, 201, 75, var(--bg-opacity));
    }
  
    .md\:hover\:bg-yellow-600:hover {
      --bg-opacity: 1;
      background-color: #d69e2e;
      background-color: rgba(214, 158, 46, var(--bg-opacity));
    }
  
    .md\:hover\:bg-yellow-700:hover {
      --bg-opacity: 1;
      background-color: #b7791f;
      background-color: rgba(183, 121, 31, var(--bg-opacity));
    }
  
    .md\:hover\:bg-yellow-800:hover {
      --bg-opacity: 1;
      background-color: #975a16;
      background-color: rgba(151, 90, 22, var(--bg-opacity));
    }
  
    .md\:hover\:bg-yellow-900:hover {
      --bg-opacity: 1;
      background-color: #744210;
      background-color: rgba(116, 66, 16, var(--bg-opacity));
    }
  
    .md\:hover\:bg-green-100:hover {
      --bg-opacity: 1;
      background-color: #f0fff4;
      background-color: rgba(240, 255, 244, var(--bg-opacity));
    }
  
    .md\:hover\:bg-green-200:hover {
      --bg-opacity: 1;
      background-color: #c6f6d5;
      background-color: rgba(198, 246, 213, var(--bg-opacity));
    }
  
    .md\:hover\:bg-green-300:hover {
      --bg-opacity: 1;
      background-color: #9ae6b4;
      background-color: rgba(154, 230, 180, var(--bg-opacity));
    }
  
    .md\:hover\:bg-green-400:hover {
      --bg-opacity: 1;
      background-color: #68d391;
      background-color: rgba(104, 211, 145, var(--bg-opacity));
    }
  
    .md\:hover\:bg-green-500:hover {
      --bg-opacity: 1;
      background-color: #48bb78;
      background-color: rgba(72, 187, 120, var(--bg-opacity));
    }
  
    .md\:hover\:bg-green-600:hover {
      --bg-opacity: 1;
      background-color: #38a169;
      background-color: rgba(56, 161, 105, var(--bg-opacity));
    }
  
    .md\:hover\:bg-green-700:hover {
      --bg-opacity: 1;
      background-color: #2f855a;
      background-color: rgba(47, 133, 90, var(--bg-opacity));
    }
  
    .md\:hover\:bg-green-800:hover {
      --bg-opacity: 1;
      background-color: #276749;
      background-color: rgba(39, 103, 73, var(--bg-opacity));
    }
  
    .md\:hover\:bg-green-900:hover {
      --bg-opacity: 1;
      background-color: #22543d;
      background-color: rgba(34, 84, 61, var(--bg-opacity));
    }
  
    .md\:hover\:bg-teal-100:hover {
      --bg-opacity: 1;
      background-color: #e6fffa;
      background-color: rgba(230, 255, 250, var(--bg-opacity));
    }
  
    .md\:hover\:bg-teal-200:hover {
      --bg-opacity: 1;
      background-color: #b2f5ea;
      background-color: rgba(178, 245, 234, var(--bg-opacity));
    }
  
    .md\:hover\:bg-teal-300:hover {
      --bg-opacity: 1;
      background-color: #81e6d9;
      background-color: rgba(129, 230, 217, var(--bg-opacity));
    }
  
    .md\:hover\:bg-teal-400:hover {
      --bg-opacity: 1;
      background-color: #4fd1c5;
      background-color: rgba(79, 209, 197, var(--bg-opacity));
    }
  
    .md\:hover\:bg-teal-500:hover {
      --bg-opacity: 1;
      background-color: #38b2ac;
      background-color: rgba(56, 178, 172, var(--bg-opacity));
    }
  
    .md\:hover\:bg-teal-600:hover {
      --bg-opacity: 1;
      background-color: #319795;
      background-color: rgba(49, 151, 149, var(--bg-opacity));
    }
  
    .md\:hover\:bg-teal-700:hover {
      --bg-opacity: 1;
      background-color: #2c7a7b;
      background-color: rgba(44, 122, 123, var(--bg-opacity));
    }
  
    .md\:hover\:bg-teal-800:hover {
      --bg-opacity: 1;
      background-color: #285e61;
      background-color: rgba(40, 94, 97, var(--bg-opacity));
    }
  
    .md\:hover\:bg-teal-900:hover {
      --bg-opacity: 1;
      background-color: #234e52;
      background-color: rgba(35, 78, 82, var(--bg-opacity));
    }
  
    .md\:hover\:bg-blue-100:hover {
      --bg-opacity: 1;
      background-color: #ebf8ff;
      background-color: rgba(235, 248, 255, var(--bg-opacity));
    }
  
    .md\:hover\:bg-blue-200:hover {
      --bg-opacity: 1;
      background-color: #bee3f8;
      background-color: rgba(190, 227, 248, var(--bg-opacity));
    }
  
    .md\:hover\:bg-blue-300:hover {
      --bg-opacity: 1;
      background-color: #90cdf4;
      background-color: rgba(144, 205, 244, var(--bg-opacity));
    }
  
    .md\:hover\:bg-blue-400:hover {
      --bg-opacity: 1;
      background-color: #63b3ed;
      background-color: rgba(99, 179, 237, var(--bg-opacity));
    }
  
    .md\:hover\:bg-blue-500:hover {
      --bg-opacity: 1;
      background-color: #4299e1;
      background-color: rgba(66, 153, 225, var(--bg-opacity));
    }
  
    .md\:hover\:bg-blue-600:hover {
      --bg-opacity: 1;
      background-color: #3182ce;
      background-color: rgba(49, 130, 206, var(--bg-opacity));
    }
  
    .md\:hover\:bg-blue-700:hover {
      --bg-opacity: 1;
      background-color: #2b6cb0;
      background-color: rgba(43, 108, 176, var(--bg-opacity));
    }
  
    .md\:hover\:bg-blue-800:hover {
      --bg-opacity: 1;
      background-color: #2c5282;
      background-color: rgba(44, 82, 130, var(--bg-opacity));
    }
  
    .md\:hover\:bg-blue-900:hover {
      --bg-opacity: 1;
      background-color: #2a4365;
      background-color: rgba(42, 67, 101, var(--bg-opacity));
    }
  
    .md\:hover\:bg-indigo-100:hover {
      --bg-opacity: 1;
      background-color: #ebf4ff;
      background-color: rgba(235, 244, 255, var(--bg-opacity));
    }
  
    .md\:hover\:bg-indigo-200:hover {
      --bg-opacity: 1;
      background-color: #c3dafe;
      background-color: rgba(195, 218, 254, var(--bg-opacity));
    }
  
    .md\:hover\:bg-indigo-300:hover {
      --bg-opacity: 1;
      background-color: #a3bffa;
      background-color: rgba(163, 191, 250, var(--bg-opacity));
    }
  
    .md\:hover\:bg-indigo-400:hover {
      --bg-opacity: 1;
      background-color: #7f9cf5;
      background-color: rgba(127, 156, 245, var(--bg-opacity));
    }
  
    .md\:hover\:bg-indigo-500:hover {
      --bg-opacity: 1;
      background-color: #667eea;
      background-color: rgba(102, 126, 234, var(--bg-opacity));
    }
  
    .md\:hover\:bg-indigo-600:hover {
      --bg-opacity: 1;
      background-color: #5a67d8;
      background-color: rgba(90, 103, 216, var(--bg-opacity));
    }
  
    .md\:hover\:bg-indigo-700:hover {
      --bg-opacity: 1;
      background-color: #4c51bf;
      background-color: rgba(76, 81, 191, var(--bg-opacity));
    }
  
    .md\:hover\:bg-indigo-800:hover {
      --bg-opacity: 1;
      background-color: #434190;
      background-color: rgba(67, 65, 144, var(--bg-opacity));
    }
  
    .md\:hover\:bg-indigo-900:hover {
      --bg-opacity: 1;
      background-color: #3c366b;
      background-color: rgba(60, 54, 107, var(--bg-opacity));
    }
  
    .md\:hover\:bg-purple-100:hover {
      --bg-opacity: 1;
      background-color: #faf5ff;
      background-color: rgba(250, 245, 255, var(--bg-opacity));
    }
  
    .md\:hover\:bg-purple-200:hover {
      --bg-opacity: 1;
      background-color: #e9d8fd;
      background-color: rgba(233, 216, 253, var(--bg-opacity));
    }
  
    .md\:hover\:bg-purple-300:hover {
      --bg-opacity: 1;
      background-color: #d6bcfa;
      background-color: rgba(214, 188, 250, var(--bg-opacity));
    }
  
    .md\:hover\:bg-purple-400:hover {
      --bg-opacity: 1;
      background-color: #b794f4;
      background-color: rgba(183, 148, 244, var(--bg-opacity));
    }
  
    .md\:hover\:bg-purple-500:hover {
      --bg-opacity: 1;
      background-color: #9f7aea;
      background-color: rgba(159, 122, 234, var(--bg-opacity));
    }
  
    .md\:hover\:bg-purple-600:hover {
      --bg-opacity: 1;
      background-color: #805ad5;
      background-color: rgba(128, 90, 213, var(--bg-opacity));
    }
  
    .md\:hover\:bg-purple-700:hover {
      --bg-opacity: 1;
      background-color: #6b46c1;
      background-color: rgba(107, 70, 193, var(--bg-opacity));
    }
  
    .md\:hover\:bg-purple-800:hover {
      --bg-opacity: 1;
      background-color: #553c9a;
      background-color: rgba(85, 60, 154, var(--bg-opacity));
    }
  
    .md\:hover\:bg-purple-900:hover {
      --bg-opacity: 1;
      background-color: #44337a;
      background-color: rgba(68, 51, 122, var(--bg-opacity));
    }
  
    .md\:hover\:bg-pink-100:hover {
      --bg-opacity: 1;
      background-color: #fff5f7;
      background-color: rgba(255, 245, 247, var(--bg-opacity));
    }
  
    .md\:hover\:bg-pink-200:hover {
      --bg-opacity: 1;
      background-color: #fed7e2;
      background-color: rgba(254, 215, 226, var(--bg-opacity));
    }
  
    .md\:hover\:bg-pink-300:hover {
      --bg-opacity: 1;
      background-color: #fbb6ce;
      background-color: rgba(251, 182, 206, var(--bg-opacity));
    }
  
    .md\:hover\:bg-pink-400:hover {
      --bg-opacity: 1;
      background-color: #f687b3;
      background-color: rgba(246, 135, 179, var(--bg-opacity));
    }
  
    .md\:hover\:bg-pink-500:hover {
      --bg-opacity: 1;
      background-color: #ed64a6;
      background-color: rgba(237, 100, 166, var(--bg-opacity));
    }
  
    .md\:hover\:bg-pink-600:hover {
      --bg-opacity: 1;
      background-color: #d53f8c;
      background-color: rgba(213, 63, 140, var(--bg-opacity));
    }
  
    .md\:hover\:bg-pink-700:hover {
      --bg-opacity: 1;
      background-color: #b83280;
      background-color: rgba(184, 50, 128, var(--bg-opacity));
    }
  
    .md\:hover\:bg-pink-800:hover {
      --bg-opacity: 1;
      background-color: #97266d;
      background-color: rgba(151, 38, 109, var(--bg-opacity));
    }
  
    .md\:hover\:bg-pink-900:hover {
      --bg-opacity: 1;
      background-color: #702459;
      background-color: rgba(112, 36, 89, var(--bg-opacity));
    }
  
    .md\:focus\:bg-transparent:focus {
      background-color: transparent;
    }
  
    .md\:focus\:bg-current:focus {
      background-color: currentColor;
    }
  
    .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-red-100:focus {
      --bg-opacity: 1;
      background-color: #fff5f5;
      background-color: rgba(255, 245, 245, var(--bg-opacity));
    }
  
    .md\:focus\:bg-red-200:focus {
      --bg-opacity: 1;
      background-color: #fed7d7;
      background-color: rgba(254, 215, 215, var(--bg-opacity));
    }
  
    .md\:focus\:bg-red-300:focus {
      --bg-opacity: 1;
      background-color: #feb2b2;
      background-color: rgba(254, 178, 178, var(--bg-opacity));
    }
  
    .md\:focus\:bg-red-400:focus {
      --bg-opacity: 1;
      background-color: #fc8181;
      background-color: rgba(252, 129, 129, var(--bg-opacity));
    }
  
    .md\:focus\:bg-red-500:focus {
      --bg-opacity: 1;
      background-color: #f56565;
      background-color: rgba(245, 101, 101, var(--bg-opacity));
    }
  
    .md\:focus\:bg-red-600:focus {
      --bg-opacity: 1;
      background-color: #e53e3e;
      background-color: rgba(229, 62, 62, var(--bg-opacity));
    }
  
    .md\:focus\:bg-red-700:focus {
      --bg-opacity: 1;
      background-color: #c53030;
      background-color: rgba(197, 48, 48, var(--bg-opacity));
    }
  
    .md\:focus\:bg-red-800:focus {
      --bg-opacity: 1;
      background-color: #9b2c2c;
      background-color: rgba(155, 44, 44, var(--bg-opacity));
    }
  
    .md\:focus\:bg-red-900:focus {
      --bg-opacity: 1;
      background-color: #742a2a;
      background-color: rgba(116, 42, 42, var(--bg-opacity));
    }
  
    .md\:focus\:bg-orange-100:focus {
      --bg-opacity: 1;
      background-color: #fffaf0;
      background-color: rgba(255, 250, 240, var(--bg-opacity));
    }
  
    .md\:focus\:bg-orange-200:focus {
      --bg-opacity: 1;
      background-color: #feebc8;
      background-color: rgba(254, 235, 200, var(--bg-opacity));
    }
  
    .md\:focus\:bg-orange-300:focus {
      --bg-opacity: 1;
      background-color: #fbd38d;
      background-color: rgba(251, 211, 141, var(--bg-opacity));
    }
  
    .md\:focus\:bg-orange-400:focus {
      --bg-opacity: 1;
      background-color: #f6ad55;
      background-color: rgba(246, 173, 85, var(--bg-opacity));
    }
  
    .md\:focus\:bg-orange-500:focus {
      --bg-opacity: 1;
      background-color: #ed8936;
      background-color: rgba(237, 137, 54, var(--bg-opacity));
    }
  
    .md\:focus\:bg-orange-600:focus {
      --bg-opacity: 1;
      background-color: #dd6b20;
      background-color: rgba(221, 107, 32, var(--bg-opacity));
    }
  
    .md\:focus\:bg-orange-700:focus {
      --bg-opacity: 1;
      background-color: #c05621;
      background-color: rgba(192, 86, 33, var(--bg-opacity));
    }
  
    .md\:focus\:bg-orange-800:focus {
      --bg-opacity: 1;
      background-color: #9c4221;
      background-color: rgba(156, 66, 33, var(--bg-opacity));
    }
  
    .md\:focus\:bg-orange-900:focus {
      --bg-opacity: 1;
      background-color: #7b341e;
      background-color: rgba(123, 52, 30, var(--bg-opacity));
    }
  
    .md\:focus\:bg-yellow-100:focus {
      --bg-opacity: 1;
      background-color: #fffff0;
      background-color: rgba(255, 255, 240, var(--bg-opacity));
    }
  
    .md\:focus\:bg-yellow-200:focus {
      --bg-opacity: 1;
      background-color: #fefcbf;
      background-color: rgba(254, 252, 191, var(--bg-opacity));
    }
  
    .md\:focus\:bg-yellow-300:focus {
      --bg-opacity: 1;
      background-color: #faf089;
      background-color: rgba(250, 240, 137, var(--bg-opacity));
    }
  
    .md\:focus\:bg-yellow-400:focus {
      --bg-opacity: 1;
      background-color: #f6e05e;
      background-color: rgba(246, 224, 94, var(--bg-opacity));
    }
  
    .md\:focus\:bg-yellow-500:focus {
      --bg-opacity: 1;
      background-color: #ecc94b;
      background-color: rgba(236, 201, 75, var(--bg-opacity));
    }
  
    .md\:focus\:bg-yellow-600:focus {
      --bg-opacity: 1;
      background-color: #d69e2e;
      background-color: rgba(214, 158, 46, var(--bg-opacity));
    }
  
    .md\:focus\:bg-yellow-700:focus {
      --bg-opacity: 1;
      background-color: #b7791f;
      background-color: rgba(183, 121, 31, var(--bg-opacity));
    }
  
    .md\:focus\:bg-yellow-800:focus {
      --bg-opacity: 1;
      background-color: #975a16;
      background-color: rgba(151, 90, 22, var(--bg-opacity));
    }
  
    .md\:focus\:bg-yellow-900:focus {
      --bg-opacity: 1;
      background-color: #744210;
      background-color: rgba(116, 66, 16, var(--bg-opacity));
    }
  
    .md\:focus\:bg-green-100:focus {
      --bg-opacity: 1;
      background-color: #f0fff4;
      background-color: rgba(240, 255, 244, var(--bg-opacity));
    }
  
    .md\:focus\:bg-green-200:focus {
      --bg-opacity: 1;
      background-color: #c6f6d5;
      background-color: rgba(198, 246, 213, var(--bg-opacity));
    }
  
    .md\:focus\:bg-green-300:focus {
      --bg-opacity: 1;
      background-color: #9ae6b4;
      background-color: rgba(154, 230, 180, var(--bg-opacity));
    }
  
    .md\:focus\:bg-green-400:focus {
      --bg-opacity: 1;
      background-color: #68d391;
      background-color: rgba(104, 211, 145, var(--bg-opacity));
    }
  
    .md\:focus\:bg-green-500:focus {
      --bg-opacity: 1;
      background-color: #48bb78;
      background-color: rgba(72, 187, 120, var(--bg-opacity));
    }
  
    .md\:focus\:bg-green-600:focus {
      --bg-opacity: 1;
      background-color: #38a169;
      background-color: rgba(56, 161, 105, var(--bg-opacity));
    }
  
    .md\:focus\:bg-green-700:focus {
      --bg-opacity: 1;
      background-color: #2f855a;
      background-color: rgba(47, 133, 90, var(--bg-opacity));
    }
  
    .md\:focus\:bg-green-800:focus {
      --bg-opacity: 1;
      background-color: #276749;
      background-color: rgba(39, 103, 73, var(--bg-opacity));
    }
  
    .md\:focus\:bg-green-900:focus {
      --bg-opacity: 1;
      background-color: #22543d;
      background-color: rgba(34, 84, 61, var(--bg-opacity));
    }
  
    .md\:focus\:bg-teal-100:focus {
      --bg-opacity: 1;
      background-color: #e6fffa;
      background-color: rgba(230, 255, 250, var(--bg-opacity));
    }
  
    .md\:focus\:bg-teal-200:focus {
      --bg-opacity: 1;
      background-color: #b2f5ea;
      background-color: rgba(178, 245, 234, var(--bg-opacity));
    }
  
    .md\:focus\:bg-teal-300:focus {
      --bg-opacity: 1;
      background-color: #81e6d9;
      background-color: rgba(129, 230, 217, var(--bg-opacity));
    }
  
    .md\:focus\:bg-teal-400:focus {
      --bg-opacity: 1;
      background-color: #4fd1c5;
      background-color: rgba(79, 209, 197, var(--bg-opacity));
    }
  
    .md\:focus\:bg-teal-500:focus {
      --bg-opacity: 1;
      background-color: #38b2ac;
      background-color: rgba(56, 178, 172, var(--bg-opacity));
    }
  
    .md\:focus\:bg-teal-600:focus {
      --bg-opacity: 1;
      background-color: #319795;
      background-color: rgba(49, 151, 149, var(--bg-opacity));
    }
  
    .md\:focus\:bg-teal-700:focus {
      --bg-opacity: 1;
      background-color: #2c7a7b;
      background-color: rgba(44, 122, 123, var(--bg-opacity));
    }
  
    .md\:focus\:bg-teal-800:focus {
      --bg-opacity: 1;
      background-color: #285e61;
      background-color: rgba(40, 94, 97, var(--bg-opacity));
    }
  
    .md\:focus\:bg-teal-900:focus {
      --bg-opacity: 1;
      background-color: #234e52;
      background-color: rgba(35, 78, 82, var(--bg-opacity));
    }
  
    .md\:focus\:bg-blue-100:focus {
      --bg-opacity: 1;
      background-color: #ebf8ff;
      background-color: rgba(235, 248, 255, var(--bg-opacity));
    }
  
    .md\:focus\:bg-blue-200:focus {
      --bg-opacity: 1;
      background-color: #bee3f8;
      background-color: rgba(190, 227, 248, var(--bg-opacity));
    }
  
    .md\:focus\:bg-blue-300:focus {
      --bg-opacity: 1;
      background-color: #90cdf4;
      background-color: rgba(144, 205, 244, var(--bg-opacity));
    }
  
    .md\:focus\:bg-blue-400:focus {
      --bg-opacity: 1;
      background-color: #63b3ed;
      background-color: rgba(99, 179, 237, var(--bg-opacity));
    }
  
    .md\:focus\:bg-blue-500:focus {
      --bg-opacity: 1;
      background-color: #4299e1;
      background-color: rgba(66, 153, 225, var(--bg-opacity));
    }
  
    .md\:focus\:bg-blue-600:focus {
      --bg-opacity: 1;
      background-color: #3182ce;
      background-color: rgba(49, 130, 206, var(--bg-opacity));
    }
  
    .md\:focus\:bg-blue-700:focus {
      --bg-opacity: 1;
      background-color: #2b6cb0;
      background-color: rgba(43, 108, 176, var(--bg-opacity));
    }
  
    .md\:focus\:bg-blue-800:focus {
      --bg-opacity: 1;
      background-color: #2c5282;
      background-color: rgba(44, 82, 130, var(--bg-opacity));
    }
  
    .md\:focus\:bg-blue-900:focus {
      --bg-opacity: 1;
      background-color: #2a4365;
      background-color: rgba(42, 67, 101, var(--bg-opacity));
    }
  
    .md\:focus\:bg-indigo-100:focus {
      --bg-opacity: 1;
      background-color: #ebf4ff;
      background-color: rgba(235, 244, 255, var(--bg-opacity));
    }
  
    .md\:focus\:bg-indigo-200:focus {
      --bg-opacity: 1;
      background-color: #c3dafe;
      background-color: rgba(195, 218, 254, var(--bg-opacity));
    }
  
    .md\:focus\:bg-indigo-300:focus {
      --bg-opacity: 1;
      background-color: #a3bffa;
      background-color: rgba(163, 191, 250, var(--bg-opacity));
    }
  
    .md\:focus\:bg-indigo-400:focus {
      --bg-opacity: 1;
      background-color: #7f9cf5;
      background-color: rgba(127, 156, 245, var(--bg-opacity));
    }
  
    .md\:focus\:bg-indigo-500:focus {
      --bg-opacity: 1;
      background-color: #667eea;
      background-color: rgba(102, 126, 234, var(--bg-opacity));
    }
  
    .md\:focus\:bg-indigo-600:focus {
      --bg-opacity: 1;
      background-color: #5a67d8;
      background-color: rgba(90, 103, 216, var(--bg-opacity));
    }
  
    .md\:focus\:bg-indigo-700:focus {
      --bg-opacity: 1;
      background-color: #4c51bf;
      background-color: rgba(76, 81, 191, var(--bg-opacity));
    }
  
    .md\:focus\:bg-indigo-800:focus {
      --bg-opacity: 1;
      background-color: #434190;
      background-color: rgba(67, 65, 144, var(--bg-opacity));
    }
  
    .md\:focus\:bg-indigo-900:focus {
      --bg-opacity: 1;
      background-color: #3c366b;
      background-color: rgba(60, 54, 107, var(--bg-opacity));
    }
  
    .md\:focus\:bg-purple-100:focus {
      --bg-opacity: 1;
      background-color: #faf5ff;
      background-color: rgba(250, 245, 255, var(--bg-opacity));
    }
  
    .md\:focus\:bg-purple-200:focus {
      --bg-opacity: 1;
      background-color: #e9d8fd;
      background-color: rgba(233, 216, 253, var(--bg-opacity));
    }
  
    .md\:focus\:bg-purple-300:focus {
      --bg-opacity: 1;
      background-color: #d6bcfa;
      background-color: rgba(214, 188, 250, var(--bg-opacity));
    }
  
    .md\:focus\:bg-purple-400:focus {
      --bg-opacity: 1;
      background-color: #b794f4;
      background-color: rgba(183, 148, 244, var(--bg-opacity));
    }
  
    .md\:focus\:bg-purple-500:focus {
      --bg-opacity: 1;
      background-color: #9f7aea;
      background-color: rgba(159, 122, 234, var(--bg-opacity));
    }
  
    .md\:focus\:bg-purple-600:focus {
      --bg-opacity: 1;
      background-color: #805ad5;
      background-color: rgba(128, 90, 213, var(--bg-opacity));
    }
  
    .md\:focus\:bg-purple-700:focus {
      --bg-opacity: 1;
      background-color: #6b46c1;
      background-color: rgba(107, 70, 193, var(--bg-opacity));
    }
  
    .md\:focus\:bg-purple-800:focus {
      --bg-opacity: 1;
      background-color: #553c9a;
      background-color: rgba(85, 60, 154, var(--bg-opacity));
    }
  
    .md\:focus\:bg-purple-900:focus {
      --bg-opacity: 1;
      background-color: #44337a;
      background-color: rgba(68, 51, 122, var(--bg-opacity));
    }
  
    .md\:focus\:bg-pink-100:focus {
      --bg-opacity: 1;
      background-color: #fff5f7;
      background-color: rgba(255, 245, 247, var(--bg-opacity));
    }
  
    .md\:focus\:bg-pink-200:focus {
      --bg-opacity: 1;
      background-color: #fed7e2;
      background-color: rgba(254, 215, 226, var(--bg-opacity));
    }
  
    .md\:focus\:bg-pink-300:focus {
      --bg-opacity: 1;
      background-color: #fbb6ce;
      background-color: rgba(251, 182, 206, var(--bg-opacity));
    }
  
    .md\:focus\:bg-pink-400:focus {
      --bg-opacity: 1;
      background-color: #f687b3;
      background-color: rgba(246, 135, 179, var(--bg-opacity));
    }
  
    .md\:focus\:bg-pink-500:focus {
      --bg-opacity: 1;
      background-color: #ed64a6;
      background-color: rgba(237, 100, 166, var(--bg-opacity));
    }
  
    .md\:focus\:bg-pink-600:focus {
      --bg-opacity: 1;
      background-color: #d53f8c;
      background-color: rgba(213, 63, 140, var(--bg-opacity));
    }
  
    .md\:focus\:bg-pink-700:focus {
      --bg-opacity: 1;
      background-color: #b83280;
      background-color: rgba(184, 50, 128, var(--bg-opacity));
    }
  
    .md\:focus\:bg-pink-800:focus {
      --bg-opacity: 1;
      background-color: #97266d;
      background-color: rgba(151, 38, 109, var(--bg-opacity));
    }
  
    .md\:focus\:bg-pink-900:focus {
      --bg-opacity: 1;
      background-color: #702459;
      background-color: rgba(112, 36, 89, 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-current {
      --gradient-from-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100 {
      --gradient-from-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .md\:from-red-200 {
      --gradient-from-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .md\:from-red-300 {
      --gradient-from-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .md\:from-red-400 {
      --gradient-from-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .md\:from-red-500 {
      --gradient-from-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .md\:from-red-600 {
      --gradient-from-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .md\:from-red-700 {
      --gradient-from-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .md\:from-red-800 {
      --gradient-from-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .md\:from-red-900 {
      --gradient-from-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .md\:from-orange-100 {
      --gradient-from-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .md\:from-orange-200 {
      --gradient-from-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .md\:from-orange-300 {
      --gradient-from-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .md\:from-orange-400 {
      --gradient-from-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .md\:from-orange-500 {
      --gradient-from-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .md\:from-orange-600 {
      --gradient-from-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .md\:from-orange-700 {
      --gradient-from-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .md\:from-orange-800 {
      --gradient-from-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .md\:from-orange-900 {
      --gradient-from-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .md\:from-yellow-100 {
      --gradient-from-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .md\:from-yellow-200 {
      --gradient-from-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .md\:from-yellow-300 {
      --gradient-from-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .md\:from-yellow-400 {
      --gradient-from-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .md\:from-yellow-500 {
      --gradient-from-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .md\:from-yellow-600 {
      --gradient-from-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .md\:from-yellow-700 {
      --gradient-from-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .md\:from-yellow-800 {
      --gradient-from-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .md\:from-yellow-900 {
      --gradient-from-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .md\:from-green-100 {
      --gradient-from-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .md\:from-green-200 {
      --gradient-from-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .md\:from-green-300 {
      --gradient-from-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .md\:from-green-400 {
      --gradient-from-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .md\:from-green-500 {
      --gradient-from-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .md\:from-green-600 {
      --gradient-from-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .md\:from-green-700 {
      --gradient-from-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .md\:from-green-800 {
      --gradient-from-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .md\:from-green-900 {
      --gradient-from-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .md\:from-teal-100 {
      --gradient-from-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .md\:from-teal-200 {
      --gradient-from-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .md\:from-teal-300 {
      --gradient-from-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .md\:from-teal-400 {
      --gradient-from-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .md\:from-teal-500 {
      --gradient-from-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .md\:from-teal-600 {
      --gradient-from-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .md\:from-teal-700 {
      --gradient-from-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .md\:from-teal-800 {
      --gradient-from-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .md\:from-teal-900 {
      --gradient-from-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .md\:from-blue-100 {
      --gradient-from-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .md\:from-blue-200 {
      --gradient-from-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .md\:from-blue-300 {
      --gradient-from-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .md\:from-blue-400 {
      --gradient-from-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .md\:from-blue-500 {
      --gradient-from-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .md\:from-blue-600 {
      --gradient-from-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .md\:from-blue-700 {
      --gradient-from-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .md\:from-blue-800 {
      --gradient-from-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .md\:from-blue-900 {
      --gradient-from-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .md\:from-indigo-100 {
      --gradient-from-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .md\:from-indigo-200 {
      --gradient-from-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .md\:from-indigo-300 {
      --gradient-from-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .md\:from-indigo-400 {
      --gradient-from-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .md\:from-indigo-500 {
      --gradient-from-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .md\:from-indigo-600 {
      --gradient-from-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .md\:from-indigo-700 {
      --gradient-from-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .md\:from-indigo-800 {
      --gradient-from-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .md\:from-indigo-900 {
      --gradient-from-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .md\:from-purple-100 {
      --gradient-from-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .md\:from-purple-200 {
      --gradient-from-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .md\:from-purple-300 {
      --gradient-from-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .md\:from-purple-400 {
      --gradient-from-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .md\:from-purple-500 {
      --gradient-from-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .md\:from-purple-600 {
      --gradient-from-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .md\:from-purple-700 {
      --gradient-from-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .md\:from-purple-800 {
      --gradient-from-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .md\:from-purple-900 {
      --gradient-from-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .md\:from-pink-100 {
      --gradient-from-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .md\:from-pink-200 {
      --gradient-from-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .md\:from-pink-300 {
      --gradient-from-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .md\:from-pink-400 {
      --gradient-from-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .md\:from-pink-500 {
      --gradient-from-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .md\:from-pink-600 {
      --gradient-from-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .md\:from-pink-700 {
      --gradient-from-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .md\:from-pink-800 {
      --gradient-from-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .md\:from-pink-900 {
      --gradient-from-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 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-current {
      --gradient-via-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100 {
      --gradient-via-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .md\:via-red-200 {
      --gradient-via-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .md\:via-red-300 {
      --gradient-via-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .md\:via-red-400 {
      --gradient-via-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .md\:via-red-500 {
      --gradient-via-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .md\:via-red-600 {
      --gradient-via-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .md\:via-red-700 {
      --gradient-via-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .md\:via-red-800 {
      --gradient-via-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .md\:via-red-900 {
      --gradient-via-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .md\:via-orange-100 {
      --gradient-via-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .md\:via-orange-200 {
      --gradient-via-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .md\:via-orange-300 {
      --gradient-via-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .md\:via-orange-400 {
      --gradient-via-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .md\:via-orange-500 {
      --gradient-via-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .md\:via-orange-600 {
      --gradient-via-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .md\:via-orange-700 {
      --gradient-via-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .md\:via-orange-800 {
      --gradient-via-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .md\:via-orange-900 {
      --gradient-via-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .md\:via-yellow-100 {
      --gradient-via-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .md\:via-yellow-200 {
      --gradient-via-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .md\:via-yellow-300 {
      --gradient-via-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .md\:via-yellow-400 {
      --gradient-via-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .md\:via-yellow-500 {
      --gradient-via-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .md\:via-yellow-600 {
      --gradient-via-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .md\:via-yellow-700 {
      --gradient-via-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .md\:via-yellow-800 {
      --gradient-via-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .md\:via-yellow-900 {
      --gradient-via-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .md\:via-green-100 {
      --gradient-via-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .md\:via-green-200 {
      --gradient-via-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .md\:via-green-300 {
      --gradient-via-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .md\:via-green-400 {
      --gradient-via-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .md\:via-green-500 {
      --gradient-via-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .md\:via-green-600 {
      --gradient-via-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .md\:via-green-700 {
      --gradient-via-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .md\:via-green-800 {
      --gradient-via-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .md\:via-green-900 {
      --gradient-via-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .md\:via-teal-100 {
      --gradient-via-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .md\:via-teal-200 {
      --gradient-via-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .md\:via-teal-300 {
      --gradient-via-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .md\:via-teal-400 {
      --gradient-via-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .md\:via-teal-500 {
      --gradient-via-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .md\:via-teal-600 {
      --gradient-via-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .md\:via-teal-700 {
      --gradient-via-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .md\:via-teal-800 {
      --gradient-via-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .md\:via-teal-900 {
      --gradient-via-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .md\:via-blue-100 {
      --gradient-via-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .md\:via-blue-200 {
      --gradient-via-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .md\:via-blue-300 {
      --gradient-via-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .md\:via-blue-400 {
      --gradient-via-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .md\:via-blue-500 {
      --gradient-via-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .md\:via-blue-600 {
      --gradient-via-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .md\:via-blue-700 {
      --gradient-via-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .md\:via-blue-800 {
      --gradient-via-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .md\:via-blue-900 {
      --gradient-via-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .md\:via-indigo-100 {
      --gradient-via-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .md\:via-indigo-200 {
      --gradient-via-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .md\:via-indigo-300 {
      --gradient-via-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .md\:via-indigo-400 {
      --gradient-via-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .md\:via-indigo-500 {
      --gradient-via-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .md\:via-indigo-600 {
      --gradient-via-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .md\:via-indigo-700 {
      --gradient-via-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .md\:via-indigo-800 {
      --gradient-via-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .md\:via-indigo-900 {
      --gradient-via-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .md\:via-purple-100 {
      --gradient-via-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .md\:via-purple-200 {
      --gradient-via-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .md\:via-purple-300 {
      --gradient-via-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .md\:via-purple-400 {
      --gradient-via-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .md\:via-purple-500 {
      --gradient-via-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .md\:via-purple-600 {
      --gradient-via-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .md\:via-purple-700 {
      --gradient-via-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .md\:via-purple-800 {
      --gradient-via-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .md\:via-purple-900 {
      --gradient-via-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .md\:via-pink-100 {
      --gradient-via-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .md\:via-pink-200 {
      --gradient-via-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .md\:via-pink-300 {
      --gradient-via-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .md\:via-pink-400 {
      --gradient-via-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .md\:via-pink-500 {
      --gradient-via-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .md\:via-pink-600 {
      --gradient-via-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .md\:via-pink-700 {
      --gradient-via-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .md\:via-pink-800 {
      --gradient-via-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .md\:via-pink-900 {
      --gradient-via-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .md\:to-transparent {
      --gradient-to-color: transparent;
    }
  
    .md\:to-current {
      --gradient-to-color: currentColor;
    }
  
    .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-red-100 {
      --gradient-to-color: #fff5f5;
    }
  
    .md\:to-red-200 {
      --gradient-to-color: #fed7d7;
    }
  
    .md\:to-red-300 {
      --gradient-to-color: #feb2b2;
    }
  
    .md\:to-red-400 {
      --gradient-to-color: #fc8181;
    }
  
    .md\:to-red-500 {
      --gradient-to-color: #f56565;
    }
  
    .md\:to-red-600 {
      --gradient-to-color: #e53e3e;
    }
  
    .md\:to-red-700 {
      --gradient-to-color: #c53030;
    }
  
    .md\:to-red-800 {
      --gradient-to-color: #9b2c2c;
    }
  
    .md\:to-red-900 {
      --gradient-to-color: #742a2a;
    }
  
    .md\:to-orange-100 {
      --gradient-to-color: #fffaf0;
    }
  
    .md\:to-orange-200 {
      --gradient-to-color: #feebc8;
    }
  
    .md\:to-orange-300 {
      --gradient-to-color: #fbd38d;
    }
  
    .md\:to-orange-400 {
      --gradient-to-color: #f6ad55;
    }
  
    .md\:to-orange-500 {
      --gradient-to-color: #ed8936;
    }
  
    .md\:to-orange-600 {
      --gradient-to-color: #dd6b20;
    }
  
    .md\:to-orange-700 {
      --gradient-to-color: #c05621;
    }
  
    .md\:to-orange-800 {
      --gradient-to-color: #9c4221;
    }
  
    .md\:to-orange-900 {
      --gradient-to-color: #7b341e;
    }
  
    .md\:to-yellow-100 {
      --gradient-to-color: #fffff0;
    }
  
    .md\:to-yellow-200 {
      --gradient-to-color: #fefcbf;
    }
  
    .md\:to-yellow-300 {
      --gradient-to-color: #faf089;
    }
  
    .md\:to-yellow-400 {
      --gradient-to-color: #f6e05e;
    }
  
    .md\:to-yellow-500 {
      --gradient-to-color: #ecc94b;
    }
  
    .md\:to-yellow-600 {
      --gradient-to-color: #d69e2e;
    }
  
    .md\:to-yellow-700 {
      --gradient-to-color: #b7791f;
    }
  
    .md\:to-yellow-800 {
      --gradient-to-color: #975a16;
    }
  
    .md\:to-yellow-900 {
      --gradient-to-color: #744210;
    }
  
    .md\:to-green-100 {
      --gradient-to-color: #f0fff4;
    }
  
    .md\:to-green-200 {
      --gradient-to-color: #c6f6d5;
    }
  
    .md\:to-green-300 {
      --gradient-to-color: #9ae6b4;
    }
  
    .md\:to-green-400 {
      --gradient-to-color: #68d391;
    }
  
    .md\:to-green-500 {
      --gradient-to-color: #48bb78;
    }
  
    .md\:to-green-600 {
      --gradient-to-color: #38a169;
    }
  
    .md\:to-green-700 {
      --gradient-to-color: #2f855a;
    }
  
    .md\:to-green-800 {
      --gradient-to-color: #276749;
    }
  
    .md\:to-green-900 {
      --gradient-to-color: #22543d;
    }
  
    .md\:to-teal-100 {
      --gradient-to-color: #e6fffa;
    }
  
    .md\:to-teal-200 {
      --gradient-to-color: #b2f5ea;
    }
  
    .md\:to-teal-300 {
      --gradient-to-color: #81e6d9;
    }
  
    .md\:to-teal-400 {
      --gradient-to-color: #4fd1c5;
    }
  
    .md\:to-teal-500 {
      --gradient-to-color: #38b2ac;
    }
  
    .md\:to-teal-600 {
      --gradient-to-color: #319795;
    }
  
    .md\:to-teal-700 {
      --gradient-to-color: #2c7a7b;
    }
  
    .md\:to-teal-800 {
      --gradient-to-color: #285e61;
    }
  
    .md\:to-teal-900 {
      --gradient-to-color: #234e52;
    }
  
    .md\:to-blue-100 {
      --gradient-to-color: #ebf8ff;
    }
  
    .md\:to-blue-200 {
      --gradient-to-color: #bee3f8;
    }
  
    .md\:to-blue-300 {
      --gradient-to-color: #90cdf4;
    }
  
    .md\:to-blue-400 {
      --gradient-to-color: #63b3ed;
    }
  
    .md\:to-blue-500 {
      --gradient-to-color: #4299e1;
    }
  
    .md\:to-blue-600 {
      --gradient-to-color: #3182ce;
    }
  
    .md\:to-blue-700 {
      --gradient-to-color: #2b6cb0;
    }
  
    .md\:to-blue-800 {
      --gradient-to-color: #2c5282;
    }
  
    .md\:to-blue-900 {
      --gradient-to-color: #2a4365;
    }
  
    .md\:to-indigo-100 {
      --gradient-to-color: #ebf4ff;
    }
  
    .md\:to-indigo-200 {
      --gradient-to-color: #c3dafe;
    }
  
    .md\:to-indigo-300 {
      --gradient-to-color: #a3bffa;
    }
  
    .md\:to-indigo-400 {
      --gradient-to-color: #7f9cf5;
    }
  
    .md\:to-indigo-500 {
      --gradient-to-color: #667eea;
    }
  
    .md\:to-indigo-600 {
      --gradient-to-color: #5a67d8;
    }
  
    .md\:to-indigo-700 {
      --gradient-to-color: #4c51bf;
    }
  
    .md\:to-indigo-800 {
      --gradient-to-color: #434190;
    }
  
    .md\:to-indigo-900 {
      --gradient-to-color: #3c366b;
    }
  
    .md\:to-purple-100 {
      --gradient-to-color: #faf5ff;
    }
  
    .md\:to-purple-200 {
      --gradient-to-color: #e9d8fd;
    }
  
    .md\:to-purple-300 {
      --gradient-to-color: #d6bcfa;
    }
  
    .md\:to-purple-400 {
      --gradient-to-color: #b794f4;
    }
  
    .md\:to-purple-500 {
      --gradient-to-color: #9f7aea;
    }
  
    .md\:to-purple-600 {
      --gradient-to-color: #805ad5;
    }
  
    .md\:to-purple-700 {
      --gradient-to-color: #6b46c1;
    }
  
    .md\:to-purple-800 {
      --gradient-to-color: #553c9a;
    }
  
    .md\:to-purple-900 {
      --gradient-to-color: #44337a;
    }
  
    .md\:to-pink-100 {
      --gradient-to-color: #fff5f7;
    }
  
    .md\:to-pink-200 {
      --gradient-to-color: #fed7e2;
    }
  
    .md\:to-pink-300 {
      --gradient-to-color: #fbb6ce;
    }
  
    .md\:to-pink-400 {
      --gradient-to-color: #f687b3;
    }
  
    .md\:to-pink-500 {
      --gradient-to-color: #ed64a6;
    }
  
    .md\:to-pink-600 {
      --gradient-to-color: #d53f8c;
    }
  
    .md\:to-pink-700 {
      --gradient-to-color: #b83280;
    }
  
    .md\:to-pink-800 {
      --gradient-to-color: #97266d;
    }
  
    .md\:to-pink-900 {
      --gradient-to-color: #702459;
    }
  
    .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-current:hover {
      --gradient-from-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:hover {
      --gradient-from-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .md\:hover\:from-red-200:hover {
      --gradient-from-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .md\:hover\:from-red-300:hover {
      --gradient-from-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .md\:hover\:from-red-400:hover {
      --gradient-from-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .md\:hover\:from-red-500:hover {
      --gradient-from-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .md\:hover\:from-red-600:hover {
      --gradient-from-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .md\:hover\:from-red-700:hover {
      --gradient-from-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .md\:hover\:from-red-800:hover {
      --gradient-from-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .md\:hover\:from-red-900:hover {
      --gradient-from-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .md\:hover\:from-orange-100:hover {
      --gradient-from-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .md\:hover\:from-orange-200:hover {
      --gradient-from-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .md\:hover\:from-orange-300:hover {
      --gradient-from-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .md\:hover\:from-orange-400:hover {
      --gradient-from-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .md\:hover\:from-orange-500:hover {
      --gradient-from-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .md\:hover\:from-orange-600:hover {
      --gradient-from-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .md\:hover\:from-orange-700:hover {
      --gradient-from-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .md\:hover\:from-orange-800:hover {
      --gradient-from-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .md\:hover\:from-orange-900:hover {
      --gradient-from-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .md\:hover\:from-yellow-100:hover {
      --gradient-from-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .md\:hover\:from-yellow-200:hover {
      --gradient-from-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .md\:hover\:from-yellow-300:hover {
      --gradient-from-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .md\:hover\:from-yellow-400:hover {
      --gradient-from-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .md\:hover\:from-yellow-500:hover {
      --gradient-from-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .md\:hover\:from-yellow-600:hover {
      --gradient-from-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .md\:hover\:from-yellow-700:hover {
      --gradient-from-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .md\:hover\:from-yellow-800:hover {
      --gradient-from-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .md\:hover\:from-yellow-900:hover {
      --gradient-from-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .md\:hover\:from-green-100:hover {
      --gradient-from-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .md\:hover\:from-green-200:hover {
      --gradient-from-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .md\:hover\:from-green-300:hover {
      --gradient-from-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .md\:hover\:from-green-400:hover {
      --gradient-from-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .md\:hover\:from-green-500:hover {
      --gradient-from-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .md\:hover\:from-green-600:hover {
      --gradient-from-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .md\:hover\:from-green-700:hover {
      --gradient-from-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .md\:hover\:from-green-800:hover {
      --gradient-from-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .md\:hover\:from-green-900:hover {
      --gradient-from-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .md\:hover\:from-teal-100:hover {
      --gradient-from-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .md\:hover\:from-teal-200:hover {
      --gradient-from-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .md\:hover\:from-teal-300:hover {
      --gradient-from-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .md\:hover\:from-teal-400:hover {
      --gradient-from-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .md\:hover\:from-teal-500:hover {
      --gradient-from-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .md\:hover\:from-teal-600:hover {
      --gradient-from-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .md\:hover\:from-teal-700:hover {
      --gradient-from-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .md\:hover\:from-teal-800:hover {
      --gradient-from-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .md\:hover\:from-teal-900:hover {
      --gradient-from-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .md\:hover\:from-blue-100:hover {
      --gradient-from-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .md\:hover\:from-blue-200:hover {
      --gradient-from-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .md\:hover\:from-blue-300:hover {
      --gradient-from-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .md\:hover\:from-blue-400:hover {
      --gradient-from-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .md\:hover\:from-blue-500:hover {
      --gradient-from-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .md\:hover\:from-blue-600:hover {
      --gradient-from-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .md\:hover\:from-blue-700:hover {
      --gradient-from-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .md\:hover\:from-blue-800:hover {
      --gradient-from-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .md\:hover\:from-blue-900:hover {
      --gradient-from-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .md\:hover\:from-indigo-100:hover {
      --gradient-from-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .md\:hover\:from-indigo-200:hover {
      --gradient-from-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .md\:hover\:from-indigo-300:hover {
      --gradient-from-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .md\:hover\:from-indigo-400:hover {
      --gradient-from-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .md\:hover\:from-indigo-500:hover {
      --gradient-from-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .md\:hover\:from-indigo-600:hover {
      --gradient-from-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .md\:hover\:from-indigo-700:hover {
      --gradient-from-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .md\:hover\:from-indigo-800:hover {
      --gradient-from-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .md\:hover\:from-indigo-900:hover {
      --gradient-from-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .md\:hover\:from-purple-100:hover {
      --gradient-from-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .md\:hover\:from-purple-200:hover {
      --gradient-from-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .md\:hover\:from-purple-300:hover {
      --gradient-from-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .md\:hover\:from-purple-400:hover {
      --gradient-from-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .md\:hover\:from-purple-500:hover {
      --gradient-from-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .md\:hover\:from-purple-600:hover {
      --gradient-from-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .md\:hover\:from-purple-700:hover {
      --gradient-from-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .md\:hover\:from-purple-800:hover {
      --gradient-from-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .md\:hover\:from-purple-900:hover {
      --gradient-from-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .md\:hover\:from-pink-100:hover {
      --gradient-from-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .md\:hover\:from-pink-200:hover {
      --gradient-from-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .md\:hover\:from-pink-300:hover {
      --gradient-from-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .md\:hover\:from-pink-400:hover {
      --gradient-from-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .md\:hover\:from-pink-500:hover {
      --gradient-from-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .md\:hover\:from-pink-600:hover {
      --gradient-from-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .md\:hover\:from-pink-700:hover {
      --gradient-from-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .md\:hover\:from-pink-800:hover {
      --gradient-from-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .md\:hover\:from-pink-900:hover {
      --gradient-from-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 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-current:hover {
      --gradient-via-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:hover {
      --gradient-via-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .md\:hover\:via-red-200:hover {
      --gradient-via-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .md\:hover\:via-red-300:hover {
      --gradient-via-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .md\:hover\:via-red-400:hover {
      --gradient-via-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .md\:hover\:via-red-500:hover {
      --gradient-via-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .md\:hover\:via-red-600:hover {
      --gradient-via-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .md\:hover\:via-red-700:hover {
      --gradient-via-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .md\:hover\:via-red-800:hover {
      --gradient-via-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .md\:hover\:via-red-900:hover {
      --gradient-via-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .md\:hover\:via-orange-100:hover {
      --gradient-via-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .md\:hover\:via-orange-200:hover {
      --gradient-via-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .md\:hover\:via-orange-300:hover {
      --gradient-via-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .md\:hover\:via-orange-400:hover {
      --gradient-via-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .md\:hover\:via-orange-500:hover {
      --gradient-via-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .md\:hover\:via-orange-600:hover {
      --gradient-via-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .md\:hover\:via-orange-700:hover {
      --gradient-via-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .md\:hover\:via-orange-800:hover {
      --gradient-via-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .md\:hover\:via-orange-900:hover {
      --gradient-via-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .md\:hover\:via-yellow-100:hover {
      --gradient-via-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .md\:hover\:via-yellow-200:hover {
      --gradient-via-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .md\:hover\:via-yellow-300:hover {
      --gradient-via-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .md\:hover\:via-yellow-400:hover {
      --gradient-via-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .md\:hover\:via-yellow-500:hover {
      --gradient-via-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .md\:hover\:via-yellow-600:hover {
      --gradient-via-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .md\:hover\:via-yellow-700:hover {
      --gradient-via-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .md\:hover\:via-yellow-800:hover {
      --gradient-via-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .md\:hover\:via-yellow-900:hover {
      --gradient-via-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .md\:hover\:via-green-100:hover {
      --gradient-via-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .md\:hover\:via-green-200:hover {
      --gradient-via-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .md\:hover\:via-green-300:hover {
      --gradient-via-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .md\:hover\:via-green-400:hover {
      --gradient-via-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .md\:hover\:via-green-500:hover {
      --gradient-via-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .md\:hover\:via-green-600:hover {
      --gradient-via-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .md\:hover\:via-green-700:hover {
      --gradient-via-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .md\:hover\:via-green-800:hover {
      --gradient-via-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .md\:hover\:via-green-900:hover {
      --gradient-via-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .md\:hover\:via-teal-100:hover {
      --gradient-via-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .md\:hover\:via-teal-200:hover {
      --gradient-via-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .md\:hover\:via-teal-300:hover {
      --gradient-via-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .md\:hover\:via-teal-400:hover {
      --gradient-via-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .md\:hover\:via-teal-500:hover {
      --gradient-via-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .md\:hover\:via-teal-600:hover {
      --gradient-via-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .md\:hover\:via-teal-700:hover {
      --gradient-via-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .md\:hover\:via-teal-800:hover {
      --gradient-via-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .md\:hover\:via-teal-900:hover {
      --gradient-via-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .md\:hover\:via-blue-100:hover {
      --gradient-via-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .md\:hover\:via-blue-200:hover {
      --gradient-via-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .md\:hover\:via-blue-300:hover {
      --gradient-via-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .md\:hover\:via-blue-400:hover {
      --gradient-via-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .md\:hover\:via-blue-500:hover {
      --gradient-via-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .md\:hover\:via-blue-600:hover {
      --gradient-via-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .md\:hover\:via-blue-700:hover {
      --gradient-via-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .md\:hover\:via-blue-800:hover {
      --gradient-via-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .md\:hover\:via-blue-900:hover {
      --gradient-via-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .md\:hover\:via-indigo-100:hover {
      --gradient-via-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .md\:hover\:via-indigo-200:hover {
      --gradient-via-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .md\:hover\:via-indigo-300:hover {
      --gradient-via-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .md\:hover\:via-indigo-400:hover {
      --gradient-via-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .md\:hover\:via-indigo-500:hover {
      --gradient-via-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .md\:hover\:via-indigo-600:hover {
      --gradient-via-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .md\:hover\:via-indigo-700:hover {
      --gradient-via-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .md\:hover\:via-indigo-800:hover {
      --gradient-via-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .md\:hover\:via-indigo-900:hover {
      --gradient-via-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .md\:hover\:via-purple-100:hover {
      --gradient-via-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .md\:hover\:via-purple-200:hover {
      --gradient-via-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .md\:hover\:via-purple-300:hover {
      --gradient-via-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .md\:hover\:via-purple-400:hover {
      --gradient-via-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .md\:hover\:via-purple-500:hover {
      --gradient-via-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .md\:hover\:via-purple-600:hover {
      --gradient-via-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .md\:hover\:via-purple-700:hover {
      --gradient-via-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .md\:hover\:via-purple-800:hover {
      --gradient-via-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .md\:hover\:via-purple-900:hover {
      --gradient-via-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .md\:hover\:via-pink-100:hover {
      --gradient-via-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .md\:hover\:via-pink-200:hover {
      --gradient-via-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .md\:hover\:via-pink-300:hover {
      --gradient-via-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .md\:hover\:via-pink-400:hover {
      --gradient-via-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .md\:hover\:via-pink-500:hover {
      --gradient-via-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .md\:hover\:via-pink-600:hover {
      --gradient-via-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .md\:hover\:via-pink-700:hover {
      --gradient-via-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .md\:hover\:via-pink-800:hover {
      --gradient-via-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .md\:hover\:via-pink-900:hover {
      --gradient-via-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .md\:hover\:to-transparent:hover {
      --gradient-to-color: transparent;
    }
  
    .md\:hover\:to-current:hover {
      --gradient-to-color: currentColor;
    }
  
    .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-red-100:hover {
      --gradient-to-color: #fff5f5;
    }
  
    .md\:hover\:to-red-200:hover {
      --gradient-to-color: #fed7d7;
    }
  
    .md\:hover\:to-red-300:hover {
      --gradient-to-color: #feb2b2;
    }
  
    .md\:hover\:to-red-400:hover {
      --gradient-to-color: #fc8181;
    }
  
    .md\:hover\:to-red-500:hover {
      --gradient-to-color: #f56565;
    }
  
    .md\:hover\:to-red-600:hover {
      --gradient-to-color: #e53e3e;
    }
  
    .md\:hover\:to-red-700:hover {
      --gradient-to-color: #c53030;
    }
  
    .md\:hover\:to-red-800:hover {
      --gradient-to-color: #9b2c2c;
    }
  
    .md\:hover\:to-red-900:hover {
      --gradient-to-color: #742a2a;
    }
  
    .md\:hover\:to-orange-100:hover {
      --gradient-to-color: #fffaf0;
    }
  
    .md\:hover\:to-orange-200:hover {
      --gradient-to-color: #feebc8;
    }
  
    .md\:hover\:to-orange-300:hover {
      --gradient-to-color: #fbd38d;
    }
  
    .md\:hover\:to-orange-400:hover {
      --gradient-to-color: #f6ad55;
    }
  
    .md\:hover\:to-orange-500:hover {
      --gradient-to-color: #ed8936;
    }
  
    .md\:hover\:to-orange-600:hover {
      --gradient-to-color: #dd6b20;
    }
  
    .md\:hover\:to-orange-700:hover {
      --gradient-to-color: #c05621;
    }
  
    .md\:hover\:to-orange-800:hover {
      --gradient-to-color: #9c4221;
    }
  
    .md\:hover\:to-orange-900:hover {
      --gradient-to-color: #7b341e;
    }
  
    .md\:hover\:to-yellow-100:hover {
      --gradient-to-color: #fffff0;
    }
  
    .md\:hover\:to-yellow-200:hover {
      --gradient-to-color: #fefcbf;
    }
  
    .md\:hover\:to-yellow-300:hover {
      --gradient-to-color: #faf089;
    }
  
    .md\:hover\:to-yellow-400:hover {
      --gradient-to-color: #f6e05e;
    }
  
    .md\:hover\:to-yellow-500:hover {
      --gradient-to-color: #ecc94b;
    }
  
    .md\:hover\:to-yellow-600:hover {
      --gradient-to-color: #d69e2e;
    }
  
    .md\:hover\:to-yellow-700:hover {
      --gradient-to-color: #b7791f;
    }
  
    .md\:hover\:to-yellow-800:hover {
      --gradient-to-color: #975a16;
    }
  
    .md\:hover\:to-yellow-900:hover {
      --gradient-to-color: #744210;
    }
  
    .md\:hover\:to-green-100:hover {
      --gradient-to-color: #f0fff4;
    }
  
    .md\:hover\:to-green-200:hover {
      --gradient-to-color: #c6f6d5;
    }
  
    .md\:hover\:to-green-300:hover {
      --gradient-to-color: #9ae6b4;
    }
  
    .md\:hover\:to-green-400:hover {
      --gradient-to-color: #68d391;
    }
  
    .md\:hover\:to-green-500:hover {
      --gradient-to-color: #48bb78;
    }
  
    .md\:hover\:to-green-600:hover {
      --gradient-to-color: #38a169;
    }
  
    .md\:hover\:to-green-700:hover {
      --gradient-to-color: #2f855a;
    }
  
    .md\:hover\:to-green-800:hover {
      --gradient-to-color: #276749;
    }
  
    .md\:hover\:to-green-900:hover {
      --gradient-to-color: #22543d;
    }
  
    .md\:hover\:to-teal-100:hover {
      --gradient-to-color: #e6fffa;
    }
  
    .md\:hover\:to-teal-200:hover {
      --gradient-to-color: #b2f5ea;
    }
  
    .md\:hover\:to-teal-300:hover {
      --gradient-to-color: #81e6d9;
    }
  
    .md\:hover\:to-teal-400:hover {
      --gradient-to-color: #4fd1c5;
    }
  
    .md\:hover\:to-teal-500:hover {
      --gradient-to-color: #38b2ac;
    }
  
    .md\:hover\:to-teal-600:hover {
      --gradient-to-color: #319795;
    }
  
    .md\:hover\:to-teal-700:hover {
      --gradient-to-color: #2c7a7b;
    }
  
    .md\:hover\:to-teal-800:hover {
      --gradient-to-color: #285e61;
    }
  
    .md\:hover\:to-teal-900:hover {
      --gradient-to-color: #234e52;
    }
  
    .md\:hover\:to-blue-100:hover {
      --gradient-to-color: #ebf8ff;
    }
  
    .md\:hover\:to-blue-200:hover {
      --gradient-to-color: #bee3f8;
    }
  
    .md\:hover\:to-blue-300:hover {
      --gradient-to-color: #90cdf4;
    }
  
    .md\:hover\:to-blue-400:hover {
      --gradient-to-color: #63b3ed;
    }
  
    .md\:hover\:to-blue-500:hover {
      --gradient-to-color: #4299e1;
    }
  
    .md\:hover\:to-blue-600:hover {
      --gradient-to-color: #3182ce;
    }
  
    .md\:hover\:to-blue-700:hover {
      --gradient-to-color: #2b6cb0;
    }
  
    .md\:hover\:to-blue-800:hover {
      --gradient-to-color: #2c5282;
    }
  
    .md\:hover\:to-blue-900:hover {
      --gradient-to-color: #2a4365;
    }
  
    .md\:hover\:to-indigo-100:hover {
      --gradient-to-color: #ebf4ff;
    }
  
    .md\:hover\:to-indigo-200:hover {
      --gradient-to-color: #c3dafe;
    }
  
    .md\:hover\:to-indigo-300:hover {
      --gradient-to-color: #a3bffa;
    }
  
    .md\:hover\:to-indigo-400:hover {
      --gradient-to-color: #7f9cf5;
    }
  
    .md\:hover\:to-indigo-500:hover {
      --gradient-to-color: #667eea;
    }
  
    .md\:hover\:to-indigo-600:hover {
      --gradient-to-color: #5a67d8;
    }
  
    .md\:hover\:to-indigo-700:hover {
      --gradient-to-color: #4c51bf;
    }
  
    .md\:hover\:to-indigo-800:hover {
      --gradient-to-color: #434190;
    }
  
    .md\:hover\:to-indigo-900:hover {
      --gradient-to-color: #3c366b;
    }
  
    .md\:hover\:to-purple-100:hover {
      --gradient-to-color: #faf5ff;
    }
  
    .md\:hover\:to-purple-200:hover {
      --gradient-to-color: #e9d8fd;
    }
  
    .md\:hover\:to-purple-300:hover {
      --gradient-to-color: #d6bcfa;
    }
  
    .md\:hover\:to-purple-400:hover {
      --gradient-to-color: #b794f4;
    }
  
    .md\:hover\:to-purple-500:hover {
      --gradient-to-color: #9f7aea;
    }
  
    .md\:hover\:to-purple-600:hover {
      --gradient-to-color: #805ad5;
    }
  
    .md\:hover\:to-purple-700:hover {
      --gradient-to-color: #6b46c1;
    }
  
    .md\:hover\:to-purple-800:hover {
      --gradient-to-color: #553c9a;
    }
  
    .md\:hover\:to-purple-900:hover {
      --gradient-to-color: #44337a;
    }
  
    .md\:hover\:to-pink-100:hover {
      --gradient-to-color: #fff5f7;
    }
  
    .md\:hover\:to-pink-200:hover {
      --gradient-to-color: #fed7e2;
    }
  
    .md\:hover\:to-pink-300:hover {
      --gradient-to-color: #fbb6ce;
    }
  
    .md\:hover\:to-pink-400:hover {
      --gradient-to-color: #f687b3;
    }
  
    .md\:hover\:to-pink-500:hover {
      --gradient-to-color: #ed64a6;
    }
  
    .md\:hover\:to-pink-600:hover {
      --gradient-to-color: #d53f8c;
    }
  
    .md\:hover\:to-pink-700:hover {
      --gradient-to-color: #b83280;
    }
  
    .md\:hover\:to-pink-800:hover {
      --gradient-to-color: #97266d;
    }
  
    .md\:hover\:to-pink-900:hover {
      --gradient-to-color: #702459;
    }
  
    .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-current:focus {
      --gradient-from-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:focus {
      --gradient-from-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .md\:focus\:from-red-200:focus {
      --gradient-from-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .md\:focus\:from-red-300:focus {
      --gradient-from-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .md\:focus\:from-red-400:focus {
      --gradient-from-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .md\:focus\:from-red-500:focus {
      --gradient-from-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .md\:focus\:from-red-600:focus {
      --gradient-from-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .md\:focus\:from-red-700:focus {
      --gradient-from-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .md\:focus\:from-red-800:focus {
      --gradient-from-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .md\:focus\:from-red-900:focus {
      --gradient-from-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .md\:focus\:from-orange-100:focus {
      --gradient-from-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .md\:focus\:from-orange-200:focus {
      --gradient-from-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .md\:focus\:from-orange-300:focus {
      --gradient-from-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .md\:focus\:from-orange-400:focus {
      --gradient-from-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .md\:focus\:from-orange-500:focus {
      --gradient-from-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .md\:focus\:from-orange-600:focus {
      --gradient-from-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .md\:focus\:from-orange-700:focus {
      --gradient-from-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .md\:focus\:from-orange-800:focus {
      --gradient-from-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .md\:focus\:from-orange-900:focus {
      --gradient-from-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .md\:focus\:from-yellow-100:focus {
      --gradient-from-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .md\:focus\:from-yellow-200:focus {
      --gradient-from-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .md\:focus\:from-yellow-300:focus {
      --gradient-from-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .md\:focus\:from-yellow-400:focus {
      --gradient-from-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .md\:focus\:from-yellow-500:focus {
      --gradient-from-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .md\:focus\:from-yellow-600:focus {
      --gradient-from-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .md\:focus\:from-yellow-700:focus {
      --gradient-from-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .md\:focus\:from-yellow-800:focus {
      --gradient-from-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .md\:focus\:from-yellow-900:focus {
      --gradient-from-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .md\:focus\:from-green-100:focus {
      --gradient-from-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .md\:focus\:from-green-200:focus {
      --gradient-from-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .md\:focus\:from-green-300:focus {
      --gradient-from-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .md\:focus\:from-green-400:focus {
      --gradient-from-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .md\:focus\:from-green-500:focus {
      --gradient-from-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .md\:focus\:from-green-600:focus {
      --gradient-from-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .md\:focus\:from-green-700:focus {
      --gradient-from-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .md\:focus\:from-green-800:focus {
      --gradient-from-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .md\:focus\:from-green-900:focus {
      --gradient-from-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .md\:focus\:from-teal-100:focus {
      --gradient-from-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .md\:focus\:from-teal-200:focus {
      --gradient-from-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .md\:focus\:from-teal-300:focus {
      --gradient-from-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .md\:focus\:from-teal-400:focus {
      --gradient-from-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .md\:focus\:from-teal-500:focus {
      --gradient-from-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .md\:focus\:from-teal-600:focus {
      --gradient-from-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .md\:focus\:from-teal-700:focus {
      --gradient-from-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .md\:focus\:from-teal-800:focus {
      --gradient-from-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .md\:focus\:from-teal-900:focus {
      --gradient-from-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .md\:focus\:from-blue-100:focus {
      --gradient-from-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .md\:focus\:from-blue-200:focus {
      --gradient-from-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .md\:focus\:from-blue-300:focus {
      --gradient-from-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .md\:focus\:from-blue-400:focus {
      --gradient-from-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .md\:focus\:from-blue-500:focus {
      --gradient-from-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .md\:focus\:from-blue-600:focus {
      --gradient-from-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .md\:focus\:from-blue-700:focus {
      --gradient-from-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .md\:focus\:from-blue-800:focus {
      --gradient-from-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .md\:focus\:from-blue-900:focus {
      --gradient-from-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .md\:focus\:from-indigo-100:focus {
      --gradient-from-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .md\:focus\:from-indigo-200:focus {
      --gradient-from-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .md\:focus\:from-indigo-300:focus {
      --gradient-from-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .md\:focus\:from-indigo-400:focus {
      --gradient-from-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .md\:focus\:from-indigo-500:focus {
      --gradient-from-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .md\:focus\:from-indigo-600:focus {
      --gradient-from-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .md\:focus\:from-indigo-700:focus {
      --gradient-from-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .md\:focus\:from-indigo-800:focus {
      --gradient-from-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .md\:focus\:from-indigo-900:focus {
      --gradient-from-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .md\:focus\:from-purple-100:focus {
      --gradient-from-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .md\:focus\:from-purple-200:focus {
      --gradient-from-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .md\:focus\:from-purple-300:focus {
      --gradient-from-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .md\:focus\:from-purple-400:focus {
      --gradient-from-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .md\:focus\:from-purple-500:focus {
      --gradient-from-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .md\:focus\:from-purple-600:focus {
      --gradient-from-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .md\:focus\:from-purple-700:focus {
      --gradient-from-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .md\:focus\:from-purple-800:focus {
      --gradient-from-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .md\:focus\:from-purple-900:focus {
      --gradient-from-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .md\:focus\:from-pink-100:focus {
      --gradient-from-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .md\:focus\:from-pink-200:focus {
      --gradient-from-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .md\:focus\:from-pink-300:focus {
      --gradient-from-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .md\:focus\:from-pink-400:focus {
      --gradient-from-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .md\:focus\:from-pink-500:focus {
      --gradient-from-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .md\:focus\:from-pink-600:focus {
      --gradient-from-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .md\:focus\:from-pink-700:focus {
      --gradient-from-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .md\:focus\:from-pink-800:focus {
      --gradient-from-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .md\:focus\:from-pink-900:focus {
      --gradient-from-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 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-current:focus {
      --gradient-via-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:focus {
      --gradient-via-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .md\:focus\:via-red-200:focus {
      --gradient-via-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .md\:focus\:via-red-300:focus {
      --gradient-via-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .md\:focus\:via-red-400:focus {
      --gradient-via-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .md\:focus\:via-red-500:focus {
      --gradient-via-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .md\:focus\:via-red-600:focus {
      --gradient-via-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .md\:focus\:via-red-700:focus {
      --gradient-via-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .md\:focus\:via-red-800:focus {
      --gradient-via-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .md\:focus\:via-red-900:focus {
      --gradient-via-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .md\:focus\:via-orange-100:focus {
      --gradient-via-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .md\:focus\:via-orange-200:focus {
      --gradient-via-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .md\:focus\:via-orange-300:focus {
      --gradient-via-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .md\:focus\:via-orange-400:focus {
      --gradient-via-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .md\:focus\:via-orange-500:focus {
      --gradient-via-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .md\:focus\:via-orange-600:focus {
      --gradient-via-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .md\:focus\:via-orange-700:focus {
      --gradient-via-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .md\:focus\:via-orange-800:focus {
      --gradient-via-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .md\:focus\:via-orange-900:focus {
      --gradient-via-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .md\:focus\:via-yellow-100:focus {
      --gradient-via-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .md\:focus\:via-yellow-200:focus {
      --gradient-via-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .md\:focus\:via-yellow-300:focus {
      --gradient-via-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .md\:focus\:via-yellow-400:focus {
      --gradient-via-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .md\:focus\:via-yellow-500:focus {
      --gradient-via-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .md\:focus\:via-yellow-600:focus {
      --gradient-via-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .md\:focus\:via-yellow-700:focus {
      --gradient-via-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .md\:focus\:via-yellow-800:focus {
      --gradient-via-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .md\:focus\:via-yellow-900:focus {
      --gradient-via-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .md\:focus\:via-green-100:focus {
      --gradient-via-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .md\:focus\:via-green-200:focus {
      --gradient-via-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .md\:focus\:via-green-300:focus {
      --gradient-via-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .md\:focus\:via-green-400:focus {
      --gradient-via-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .md\:focus\:via-green-500:focus {
      --gradient-via-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .md\:focus\:via-green-600:focus {
      --gradient-via-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .md\:focus\:via-green-700:focus {
      --gradient-via-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .md\:focus\:via-green-800:focus {
      --gradient-via-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .md\:focus\:via-green-900:focus {
      --gradient-via-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .md\:focus\:via-teal-100:focus {
      --gradient-via-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .md\:focus\:via-teal-200:focus {
      --gradient-via-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .md\:focus\:via-teal-300:focus {
      --gradient-via-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .md\:focus\:via-teal-400:focus {
      --gradient-via-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .md\:focus\:via-teal-500:focus {
      --gradient-via-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .md\:focus\:via-teal-600:focus {
      --gradient-via-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .md\:focus\:via-teal-700:focus {
      --gradient-via-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .md\:focus\:via-teal-800:focus {
      --gradient-via-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .md\:focus\:via-teal-900:focus {
      --gradient-via-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .md\:focus\:via-blue-100:focus {
      --gradient-via-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .md\:focus\:via-blue-200:focus {
      --gradient-via-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .md\:focus\:via-blue-300:focus {
      --gradient-via-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .md\:focus\:via-blue-400:focus {
      --gradient-via-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .md\:focus\:via-blue-500:focus {
      --gradient-via-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .md\:focus\:via-blue-600:focus {
      --gradient-via-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .md\:focus\:via-blue-700:focus {
      --gradient-via-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .md\:focus\:via-blue-800:focus {
      --gradient-via-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .md\:focus\:via-blue-900:focus {
      --gradient-via-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .md\:focus\:via-indigo-100:focus {
      --gradient-via-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .md\:focus\:via-indigo-200:focus {
      --gradient-via-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .md\:focus\:via-indigo-300:focus {
      --gradient-via-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .md\:focus\:via-indigo-400:focus {
      --gradient-via-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .md\:focus\:via-indigo-500:focus {
      --gradient-via-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .md\:focus\:via-indigo-600:focus {
      --gradient-via-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .md\:focus\:via-indigo-700:focus {
      --gradient-via-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .md\:focus\:via-indigo-800:focus {
      --gradient-via-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .md\:focus\:via-indigo-900:focus {
      --gradient-via-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .md\:focus\:via-purple-100:focus {
      --gradient-via-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .md\:focus\:via-purple-200:focus {
      --gradient-via-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .md\:focus\:via-purple-300:focus {
      --gradient-via-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .md\:focus\:via-purple-400:focus {
      --gradient-via-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .md\:focus\:via-purple-500:focus {
      --gradient-via-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .md\:focus\:via-purple-600:focus {
      --gradient-via-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .md\:focus\:via-purple-700:focus {
      --gradient-via-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .md\:focus\:via-purple-800:focus {
      --gradient-via-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .md\:focus\:via-purple-900:focus {
      --gradient-via-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .md\:focus\:via-pink-100:focus {
      --gradient-via-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .md\:focus\:via-pink-200:focus {
      --gradient-via-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .md\:focus\:via-pink-300:focus {
      --gradient-via-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .md\:focus\:via-pink-400:focus {
      --gradient-via-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .md\:focus\:via-pink-500:focus {
      --gradient-via-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .md\:focus\:via-pink-600:focus {
      --gradient-via-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .md\:focus\:via-pink-700:focus {
      --gradient-via-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .md\:focus\:via-pink-800:focus {
      --gradient-via-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .md\:focus\:via-pink-900:focus {
      --gradient-via-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .md\:focus\:to-transparent:focus {
      --gradient-to-color: transparent;
    }
  
    .md\:focus\:to-current:focus {
      --gradient-to-color: currentColor;
    }
  
    .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-red-100:focus {
      --gradient-to-color: #fff5f5;
    }
  
    .md\:focus\:to-red-200:focus {
      --gradient-to-color: #fed7d7;
    }
  
    .md\:focus\:to-red-300:focus {
      --gradient-to-color: #feb2b2;
    }
  
    .md\:focus\:to-red-400:focus {
      --gradient-to-color: #fc8181;
    }
  
    .md\:focus\:to-red-500:focus {
      --gradient-to-color: #f56565;
    }
  
    .md\:focus\:to-red-600:focus {
      --gradient-to-color: #e53e3e;
    }
  
    .md\:focus\:to-red-700:focus {
      --gradient-to-color: #c53030;
    }
  
    .md\:focus\:to-red-800:focus {
      --gradient-to-color: #9b2c2c;
    }
  
    .md\:focus\:to-red-900:focus {
      --gradient-to-color: #742a2a;
    }
  
    .md\:focus\:to-orange-100:focus {
      --gradient-to-color: #fffaf0;
    }
  
    .md\:focus\:to-orange-200:focus {
      --gradient-to-color: #feebc8;
    }
  
    .md\:focus\:to-orange-300:focus {
      --gradient-to-color: #fbd38d;
    }
  
    .md\:focus\:to-orange-400:focus {
      --gradient-to-color: #f6ad55;
    }
  
    .md\:focus\:to-orange-500:focus {
      --gradient-to-color: #ed8936;
    }
  
    .md\:focus\:to-orange-600:focus {
      --gradient-to-color: #dd6b20;
    }
  
    .md\:focus\:to-orange-700:focus {
      --gradient-to-color: #c05621;
    }
  
    .md\:focus\:to-orange-800:focus {
      --gradient-to-color: #9c4221;
    }
  
    .md\:focus\:to-orange-900:focus {
      --gradient-to-color: #7b341e;
    }
  
    .md\:focus\:to-yellow-100:focus {
      --gradient-to-color: #fffff0;
    }
  
    .md\:focus\:to-yellow-200:focus {
      --gradient-to-color: #fefcbf;
    }
  
    .md\:focus\:to-yellow-300:focus {
      --gradient-to-color: #faf089;
    }
  
    .md\:focus\:to-yellow-400:focus {
      --gradient-to-color: #f6e05e;
    }
  
    .md\:focus\:to-yellow-500:focus {
      --gradient-to-color: #ecc94b;
    }
  
    .md\:focus\:to-yellow-600:focus {
      --gradient-to-color: #d69e2e;
    }
  
    .md\:focus\:to-yellow-700:focus {
      --gradient-to-color: #b7791f;
    }
  
    .md\:focus\:to-yellow-800:focus {
      --gradient-to-color: #975a16;
    }
  
    .md\:focus\:to-yellow-900:focus {
      --gradient-to-color: #744210;
    }
  
    .md\:focus\:to-green-100:focus {
      --gradient-to-color: #f0fff4;
    }
  
    .md\:focus\:to-green-200:focus {
      --gradient-to-color: #c6f6d5;
    }
  
    .md\:focus\:to-green-300:focus {
      --gradient-to-color: #9ae6b4;
    }
  
    .md\:focus\:to-green-400:focus {
      --gradient-to-color: #68d391;
    }
  
    .md\:focus\:to-green-500:focus {
      --gradient-to-color: #48bb78;
    }
  
    .md\:focus\:to-green-600:focus {
      --gradient-to-color: #38a169;
    }
  
    .md\:focus\:to-green-700:focus {
      --gradient-to-color: #2f855a;
    }
  
    .md\:focus\:to-green-800:focus {
      --gradient-to-color: #276749;
    }
  
    .md\:focus\:to-green-900:focus {
      --gradient-to-color: #22543d;
    }
  
    .md\:focus\:to-teal-100:focus {
      --gradient-to-color: #e6fffa;
    }
  
    .md\:focus\:to-teal-200:focus {
      --gradient-to-color: #b2f5ea;
    }
  
    .md\:focus\:to-teal-300:focus {
      --gradient-to-color: #81e6d9;
    }
  
    .md\:focus\:to-teal-400:focus {
      --gradient-to-color: #4fd1c5;
    }
  
    .md\:focus\:to-teal-500:focus {
      --gradient-to-color: #38b2ac;
    }
  
    .md\:focus\:to-teal-600:focus {
      --gradient-to-color: #319795;
    }
  
    .md\:focus\:to-teal-700:focus {
      --gradient-to-color: #2c7a7b;
    }
  
    .md\:focus\:to-teal-800:focus {
      --gradient-to-color: #285e61;
    }
  
    .md\:focus\:to-teal-900:focus {
      --gradient-to-color: #234e52;
    }
  
    .md\:focus\:to-blue-100:focus {
      --gradient-to-color: #ebf8ff;
    }
  
    .md\:focus\:to-blue-200:focus {
      --gradient-to-color: #bee3f8;
    }
  
    .md\:focus\:to-blue-300:focus {
      --gradient-to-color: #90cdf4;
    }
  
    .md\:focus\:to-blue-400:focus {
      --gradient-to-color: #63b3ed;
    }
  
    .md\:focus\:to-blue-500:focus {
      --gradient-to-color: #4299e1;
    }
  
    .md\:focus\:to-blue-600:focus {
      --gradient-to-color: #3182ce;
    }
  
    .md\:focus\:to-blue-700:focus {
      --gradient-to-color: #2b6cb0;
    }
  
    .md\:focus\:to-blue-800:focus {
      --gradient-to-color: #2c5282;
    }
  
    .md\:focus\:to-blue-900:focus {
      --gradient-to-color: #2a4365;
    }
  
    .md\:focus\:to-indigo-100:focus {
      --gradient-to-color: #ebf4ff;
    }
  
    .md\:focus\:to-indigo-200:focus {
      --gradient-to-color: #c3dafe;
    }
  
    .md\:focus\:to-indigo-300:focus {
      --gradient-to-color: #a3bffa;
    }
  
    .md\:focus\:to-indigo-400:focus {
      --gradient-to-color: #7f9cf5;
    }
  
    .md\:focus\:to-indigo-500:focus {
      --gradient-to-color: #667eea;
    }
  
    .md\:focus\:to-indigo-600:focus {
      --gradient-to-color: #5a67d8;
    }
  
    .md\:focus\:to-indigo-700:focus {
      --gradient-to-color: #4c51bf;
    }
  
    .md\:focus\:to-indigo-800:focus {
      --gradient-to-color: #434190;
    }
  
    .md\:focus\:to-indigo-900:focus {
      --gradient-to-color: #3c366b;
    }
  
    .md\:focus\:to-purple-100:focus {
      --gradient-to-color: #faf5ff;
    }
  
    .md\:focus\:to-purple-200:focus {
      --gradient-to-color: #e9d8fd;
    }
  
    .md\:focus\:to-purple-300:focus {
      --gradient-to-color: #d6bcfa;
    }
  
    .md\:focus\:to-purple-400:focus {
      --gradient-to-color: #b794f4;
    }
  
    .md\:focus\:to-purple-500:focus {
      --gradient-to-color: #9f7aea;
    }
  
    .md\:focus\:to-purple-600:focus {
      --gradient-to-color: #805ad5;
    }
  
    .md\:focus\:to-purple-700:focus {
      --gradient-to-color: #6b46c1;
    }
  
    .md\:focus\:to-purple-800:focus {
      --gradient-to-color: #553c9a;
    }
  
    .md\:focus\:to-purple-900:focus {
      --gradient-to-color: #44337a;
    }
  
    .md\:focus\:to-pink-100:focus {
      --gradient-to-color: #fff5f7;
    }
  
    .md\:focus\:to-pink-200:focus {
      --gradient-to-color: #fed7e2;
    }
  
    .md\:focus\:to-pink-300:focus {
      --gradient-to-color: #fbb6ce;
    }
  
    .md\:focus\:to-pink-400:focus {
      --gradient-to-color: #f687b3;
    }
  
    .md\:focus\:to-pink-500:focus {
      --gradient-to-color: #ed64a6;
    }
  
    .md\:focus\:to-pink-600:focus {
      --gradient-to-color: #d53f8c;
    }
  
    .md\:focus\:to-pink-700:focus {
      --gradient-to-color: #b83280;
    }
  
    .md\:focus\:to-pink-800:focus {
      --gradient-to-color: #97266d;
    }
  
    .md\:focus\:to-pink-900:focus {
      --gradient-to-color: #702459;
    }
  
    .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-current {
      border-color: currentColor;
    }
  
    .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-red-100 {
      --border-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--border-opacity));
    }
  
    .md\:border-red-200 {
      --border-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--border-opacity));
    }
  
    .md\:border-red-300 {
      --border-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--border-opacity));
    }
  
    .md\:border-red-400 {
      --border-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--border-opacity));
    }
  
    .md\:border-red-500 {
      --border-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--border-opacity));
    }
  
    .md\:border-red-600 {
      --border-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--border-opacity));
    }
  
    .md\:border-red-700 {
      --border-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--border-opacity));
    }
  
    .md\:border-red-800 {
      --border-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--border-opacity));
    }
  
    .md\:border-red-900 {
      --border-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--border-opacity));
    }
  
    .md\:border-orange-100 {
      --border-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--border-opacity));
    }
  
    .md\:border-orange-200 {
      --border-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--border-opacity));
    }
  
    .md\:border-orange-300 {
      --border-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--border-opacity));
    }
  
    .md\:border-orange-400 {
      --border-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--border-opacity));
    }
  
    .md\:border-orange-500 {
      --border-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--border-opacity));
    }
  
    .md\:border-orange-600 {
      --border-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--border-opacity));
    }
  
    .md\:border-orange-700 {
      --border-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--border-opacity));
    }
  
    .md\:border-orange-800 {
      --border-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--border-opacity));
    }
  
    .md\:border-orange-900 {
      --border-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--border-opacity));
    }
  
    .md\:border-yellow-100 {
      --border-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--border-opacity));
    }
  
    .md\:border-yellow-200 {
      --border-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--border-opacity));
    }
  
    .md\:border-yellow-300 {
      --border-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--border-opacity));
    }
  
    .md\:border-yellow-400 {
      --border-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--border-opacity));
    }
  
    .md\:border-yellow-500 {
      --border-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--border-opacity));
    }
  
    .md\:border-yellow-600 {
      --border-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--border-opacity));
    }
  
    .md\:border-yellow-700 {
      --border-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--border-opacity));
    }
  
    .md\:border-yellow-800 {
      --border-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--border-opacity));
    }
  
    .md\:border-yellow-900 {
      --border-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--border-opacity));
    }
  
    .md\:border-green-100 {
      --border-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--border-opacity));
    }
  
    .md\:border-green-200 {
      --border-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--border-opacity));
    }
  
    .md\:border-green-300 {
      --border-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--border-opacity));
    }
  
    .md\:border-green-400 {
      --border-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--border-opacity));
    }
  
    .md\:border-green-500 {
      --border-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--border-opacity));
    }
  
    .md\:border-green-600 {
      --border-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--border-opacity));
    }
  
    .md\:border-green-700 {
      --border-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--border-opacity));
    }
  
    .md\:border-green-800 {
      --border-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--border-opacity));
    }
  
    .md\:border-green-900 {
      --border-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--border-opacity));
    }
  
    .md\:border-teal-100 {
      --border-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--border-opacity));
    }
  
    .md\:border-teal-200 {
      --border-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--border-opacity));
    }
  
    .md\:border-teal-300 {
      --border-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--border-opacity));
    }
  
    .md\:border-teal-400 {
      --border-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--border-opacity));
    }
  
    .md\:border-teal-500 {
      --border-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--border-opacity));
    }
  
    .md\:border-teal-600 {
      --border-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--border-opacity));
    }
  
    .md\:border-teal-700 {
      --border-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--border-opacity));
    }
  
    .md\:border-teal-800 {
      --border-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--border-opacity));
    }
  
    .md\:border-teal-900 {
      --border-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--border-opacity));
    }
  
    .md\:border-blue-100 {
      --border-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--border-opacity));
    }
  
    .md\:border-blue-200 {
      --border-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--border-opacity));
    }
  
    .md\:border-blue-300 {
      --border-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--border-opacity));
    }
  
    .md\:border-blue-400 {
      --border-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--border-opacity));
    }
  
    .md\:border-blue-500 {
      --border-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--border-opacity));
    }
  
    .md\:border-blue-600 {
      --border-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--border-opacity));
    }
  
    .md\:border-blue-700 {
      --border-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--border-opacity));
    }
  
    .md\:border-blue-800 {
      --border-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--border-opacity));
    }
  
    .md\:border-blue-900 {
      --border-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--border-opacity));
    }
  
    .md\:border-indigo-100 {
      --border-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--border-opacity));
    }
  
    .md\:border-indigo-200 {
      --border-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--border-opacity));
    }
  
    .md\:border-indigo-300 {
      --border-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--border-opacity));
    }
  
    .md\:border-indigo-400 {
      --border-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--border-opacity));
    }
  
    .md\:border-indigo-500 {
      --border-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--border-opacity));
    }
  
    .md\:border-indigo-600 {
      --border-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--border-opacity));
    }
  
    .md\:border-indigo-700 {
      --border-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--border-opacity));
    }
  
    .md\:border-indigo-800 {
      --border-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--border-opacity));
    }
  
    .md\:border-indigo-900 {
      --border-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--border-opacity));
    }
  
    .md\:border-purple-100 {
      --border-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--border-opacity));
    }
  
    .md\:border-purple-200 {
      --border-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--border-opacity));
    }
  
    .md\:border-purple-300 {
      --border-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--border-opacity));
    }
  
    .md\:border-purple-400 {
      --border-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--border-opacity));
    }
  
    .md\:border-purple-500 {
      --border-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--border-opacity));
    }
  
    .md\:border-purple-600 {
      --border-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--border-opacity));
    }
  
    .md\:border-purple-700 {
      --border-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--border-opacity));
    }
  
    .md\:border-purple-800 {
      --border-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--border-opacity));
    }
  
    .md\:border-purple-900 {
      --border-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--border-opacity));
    }
  
    .md\:border-pink-100 {
      --border-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--border-opacity));
    }
  
    .md\:border-pink-200 {
      --border-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--border-opacity));
    }
  
    .md\:border-pink-300 {
      --border-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--border-opacity));
    }
  
    .md\:border-pink-400 {
      --border-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--border-opacity));
    }
  
    .md\:border-pink-500 {
      --border-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--border-opacity));
    }
  
    .md\:border-pink-600 {
      --border-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--border-opacity));
    }
  
    .md\:border-pink-700 {
      --border-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--border-opacity));
    }
  
    .md\:border-pink-800 {
      --border-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--border-opacity));
    }
  
    .md\:border-pink-900 {
      --border-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, var(--border-opacity));
    }
  
    .md\:hover\:border-transparent:hover {
      border-color: transparent;
    }
  
    .md\:hover\:border-current:hover {
      border-color: currentColor;
    }
  
    .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-red-100:hover {
      --border-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--border-opacity));
    }
  
    .md\:hover\:border-red-200:hover {
      --border-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--border-opacity));
    }
  
    .md\:hover\:border-red-300:hover {
      --border-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--border-opacity));
    }
  
    .md\:hover\:border-red-400:hover {
      --border-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--border-opacity));
    }
  
    .md\:hover\:border-red-500:hover {
      --border-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--border-opacity));
    }
  
    .md\:hover\:border-red-600:hover {
      --border-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--border-opacity));
    }
  
    .md\:hover\:border-red-700:hover {
      --border-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--border-opacity));
    }
  
    .md\:hover\:border-red-800:hover {
      --border-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--border-opacity));
    }
  
    .md\:hover\:border-red-900:hover {
      --border-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--border-opacity));
    }
  
    .md\:hover\:border-orange-100:hover {
      --border-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--border-opacity));
    }
  
    .md\:hover\:border-orange-200:hover {
      --border-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--border-opacity));
    }
  
    .md\:hover\:border-orange-300:hover {
      --border-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--border-opacity));
    }
  
    .md\:hover\:border-orange-400:hover {
      --border-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--border-opacity));
    }
  
    .md\:hover\:border-orange-500:hover {
      --border-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--border-opacity));
    }
  
    .md\:hover\:border-orange-600:hover {
      --border-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--border-opacity));
    }
  
    .md\:hover\:border-orange-700:hover {
      --border-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--border-opacity));
    }
  
    .md\:hover\:border-orange-800:hover {
      --border-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--border-opacity));
    }
  
    .md\:hover\:border-orange-900:hover {
      --border-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--border-opacity));
    }
  
    .md\:hover\:border-yellow-100:hover {
      --border-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--border-opacity));
    }
  
    .md\:hover\:border-yellow-200:hover {
      --border-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--border-opacity));
    }
  
    .md\:hover\:border-yellow-300:hover {
      --border-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--border-opacity));
    }
  
    .md\:hover\:border-yellow-400:hover {
      --border-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--border-opacity));
    }
  
    .md\:hover\:border-yellow-500:hover {
      --border-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--border-opacity));
    }
  
    .md\:hover\:border-yellow-600:hover {
      --border-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--border-opacity));
    }
  
    .md\:hover\:border-yellow-700:hover {
      --border-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--border-opacity));
    }
  
    .md\:hover\:border-yellow-800:hover {
      --border-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--border-opacity));
    }
  
    .md\:hover\:border-yellow-900:hover {
      --border-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--border-opacity));
    }
  
    .md\:hover\:border-green-100:hover {
      --border-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--border-opacity));
    }
  
    .md\:hover\:border-green-200:hover {
      --border-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--border-opacity));
    }
  
    .md\:hover\:border-green-300:hover {
      --border-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--border-opacity));
    }
  
    .md\:hover\:border-green-400:hover {
      --border-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--border-opacity));
    }
  
    .md\:hover\:border-green-500:hover {
      --border-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--border-opacity));
    }
  
    .md\:hover\:border-green-600:hover {
      --border-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--border-opacity));
    }
  
    .md\:hover\:border-green-700:hover {
      --border-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--border-opacity));
    }
  
    .md\:hover\:border-green-800:hover {
      --border-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--border-opacity));
    }
  
    .md\:hover\:border-green-900:hover {
      --border-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--border-opacity));
    }
  
    .md\:hover\:border-teal-100:hover {
      --border-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--border-opacity));
    }
  
    .md\:hover\:border-teal-200:hover {
      --border-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--border-opacity));
    }
  
    .md\:hover\:border-teal-300:hover {
      --border-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--border-opacity));
    }
  
    .md\:hover\:border-teal-400:hover {
      --border-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--border-opacity));
    }
  
    .md\:hover\:border-teal-500:hover {
      --border-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--border-opacity));
    }
  
    .md\:hover\:border-teal-600:hover {
      --border-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--border-opacity));
    }
  
    .md\:hover\:border-teal-700:hover {
      --border-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--border-opacity));
    }
  
    .md\:hover\:border-teal-800:hover {
      --border-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--border-opacity));
    }
  
    .md\:hover\:border-teal-900:hover {
      --border-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--border-opacity));
    }
  
    .md\:hover\:border-blue-100:hover {
      --border-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--border-opacity));
    }
  
    .md\:hover\:border-blue-200:hover {
      --border-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--border-opacity));
    }
  
    .md\:hover\:border-blue-300:hover {
      --border-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--border-opacity));
    }
  
    .md\:hover\:border-blue-400:hover {
      --border-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--border-opacity));
    }
  
    .md\:hover\:border-blue-500:hover {
      --border-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--border-opacity));
    }
  
    .md\:hover\:border-blue-600:hover {
      --border-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--border-opacity));
    }
  
    .md\:hover\:border-blue-700:hover {
      --border-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--border-opacity));
    }
  
    .md\:hover\:border-blue-800:hover {
      --border-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--border-opacity));
    }
  
    .md\:hover\:border-blue-900:hover {
      --border-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--border-opacity));
    }
  
    .md\:hover\:border-indigo-100:hover {
      --border-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--border-opacity));
    }
  
    .md\:hover\:border-indigo-200:hover {
      --border-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--border-opacity));
    }
  
    .md\:hover\:border-indigo-300:hover {
      --border-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--border-opacity));
    }
  
    .md\:hover\:border-indigo-400:hover {
      --border-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--border-opacity));
    }
  
    .md\:hover\:border-indigo-500:hover {
      --border-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--border-opacity));
    }
  
    .md\:hover\:border-indigo-600:hover {
      --border-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--border-opacity));
    }
  
    .md\:hover\:border-indigo-700:hover {
      --border-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--border-opacity));
    }
  
    .md\:hover\:border-indigo-800:hover {
      --border-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--border-opacity));
    }
  
    .md\:hover\:border-indigo-900:hover {
      --border-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--border-opacity));
    }
  
    .md\:hover\:border-purple-100:hover {
      --border-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--border-opacity));
    }
  
    .md\:hover\:border-purple-200:hover {
      --border-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--border-opacity));
    }
  
    .md\:hover\:border-purple-300:hover {
      --border-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--border-opacity));
    }
  
    .md\:hover\:border-purple-400:hover {
      --border-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--border-opacity));
    }
  
    .md\:hover\:border-purple-500:hover {
      --border-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--border-opacity));
    }
  
    .md\:hover\:border-purple-600:hover {
      --border-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--border-opacity));
    }
  
    .md\:hover\:border-purple-700:hover {
      --border-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--border-opacity));
    }
  
    .md\:hover\:border-purple-800:hover {
      --border-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--border-opacity));
    }
  
    .md\:hover\:border-purple-900:hover {
      --border-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--border-opacity));
    }
  
    .md\:hover\:border-pink-100:hover {
      --border-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--border-opacity));
    }
  
    .md\:hover\:border-pink-200:hover {
      --border-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--border-opacity));
    }
  
    .md\:hover\:border-pink-300:hover {
      --border-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--border-opacity));
    }
  
    .md\:hover\:border-pink-400:hover {
      --border-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--border-opacity));
    }
  
    .md\:hover\:border-pink-500:hover {
      --border-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--border-opacity));
    }
  
    .md\:hover\:border-pink-600:hover {
      --border-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--border-opacity));
    }
  
    .md\:hover\:border-pink-700:hover {
      --border-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--border-opacity));
    }
  
    .md\:hover\:border-pink-800:hover {
      --border-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--border-opacity));
    }
  
    .md\:hover\:border-pink-900:hover {
      --border-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, var(--border-opacity));
    }
  
    .md\:focus\:border-transparent:focus {
      border-color: transparent;
    }
  
    .md\:focus\:border-current:focus {
      border-color: currentColor;
    }
  
    .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-red-100:focus {
      --border-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--border-opacity));
    }
  
    .md\:focus\:border-red-200:focus {
      --border-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--border-opacity));
    }
  
    .md\:focus\:border-red-300:focus {
      --border-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--border-opacity));
    }
  
    .md\:focus\:border-red-400:focus {
      --border-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--border-opacity));
    }
  
    .md\:focus\:border-red-500:focus {
      --border-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--border-opacity));
    }
  
    .md\:focus\:border-red-600:focus {
      --border-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--border-opacity));
    }
  
    .md\:focus\:border-red-700:focus {
      --border-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--border-opacity));
    }
  
    .md\:focus\:border-red-800:focus {
      --border-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--border-opacity));
    }
  
    .md\:focus\:border-red-900:focus {
      --border-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--border-opacity));
    }
  
    .md\:focus\:border-orange-100:focus {
      --border-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--border-opacity));
    }
  
    .md\:focus\:border-orange-200:focus {
      --border-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--border-opacity));
    }
  
    .md\:focus\:border-orange-300:focus {
      --border-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--border-opacity));
    }
  
    .md\:focus\:border-orange-400:focus {
      --border-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--border-opacity));
    }
  
    .md\:focus\:border-orange-500:focus {
      --border-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--border-opacity));
    }
  
    .md\:focus\:border-orange-600:focus {
      --border-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--border-opacity));
    }
  
    .md\:focus\:border-orange-700:focus {
      --border-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--border-opacity));
    }
  
    .md\:focus\:border-orange-800:focus {
      --border-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--border-opacity));
    }
  
    .md\:focus\:border-orange-900:focus {
      --border-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--border-opacity));
    }
  
    .md\:focus\:border-yellow-100:focus {
      --border-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--border-opacity));
    }
  
    .md\:focus\:border-yellow-200:focus {
      --border-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--border-opacity));
    }
  
    .md\:focus\:border-yellow-300:focus {
      --border-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--border-opacity));
    }
  
    .md\:focus\:border-yellow-400:focus {
      --border-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--border-opacity));
    }
  
    .md\:focus\:border-yellow-500:focus {
      --border-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--border-opacity));
    }
  
    .md\:focus\:border-yellow-600:focus {
      --border-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--border-opacity));
    }
  
    .md\:focus\:border-yellow-700:focus {
      --border-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--border-opacity));
    }
  
    .md\:focus\:border-yellow-800:focus {
      --border-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--border-opacity));
    }
  
    .md\:focus\:border-yellow-900:focus {
      --border-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--border-opacity));
    }
  
    .md\:focus\:border-green-100:focus {
      --border-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--border-opacity));
    }
  
    .md\:focus\:border-green-200:focus {
      --border-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--border-opacity));
    }
  
    .md\:focus\:border-green-300:focus {
      --border-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--border-opacity));
    }
  
    .md\:focus\:border-green-400:focus {
      --border-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--border-opacity));
    }
  
    .md\:focus\:border-green-500:focus {
      --border-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--border-opacity));
    }
  
    .md\:focus\:border-green-600:focus {
      --border-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--border-opacity));
    }
  
    .md\:focus\:border-green-700:focus {
      --border-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--border-opacity));
    }
  
    .md\:focus\:border-green-800:focus {
      --border-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--border-opacity));
    }
  
    .md\:focus\:border-green-900:focus {
      --border-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--border-opacity));
    }
  
    .md\:focus\:border-teal-100:focus {
      --border-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--border-opacity));
    }
  
    .md\:focus\:border-teal-200:focus {
      --border-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--border-opacity));
    }
  
    .md\:focus\:border-teal-300:focus {
      --border-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--border-opacity));
    }
  
    .md\:focus\:border-teal-400:focus {
      --border-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--border-opacity));
    }
  
    .md\:focus\:border-teal-500:focus {
      --border-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--border-opacity));
    }
  
    .md\:focus\:border-teal-600:focus {
      --border-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--border-opacity));
    }
  
    .md\:focus\:border-teal-700:focus {
      --border-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--border-opacity));
    }
  
    .md\:focus\:border-teal-800:focus {
      --border-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--border-opacity));
    }
  
    .md\:focus\:border-teal-900:focus {
      --border-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--border-opacity));
    }
  
    .md\:focus\:border-blue-100:focus {
      --border-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--border-opacity));
    }
  
    .md\:focus\:border-blue-200:focus {
      --border-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--border-opacity));
    }
  
    .md\:focus\:border-blue-300:focus {
      --border-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--border-opacity));
    }
  
    .md\:focus\:border-blue-400:focus {
      --border-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--border-opacity));
    }
  
    .md\:focus\:border-blue-500:focus {
      --border-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--border-opacity));
    }
  
    .md\:focus\:border-blue-600:focus {
      --border-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--border-opacity));
    }
  
    .md\:focus\:border-blue-700:focus {
      --border-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--border-opacity));
    }
  
    .md\:focus\:border-blue-800:focus {
      --border-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--border-opacity));
    }
  
    .md\:focus\:border-blue-900:focus {
      --border-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--border-opacity));
    }
  
    .md\:focus\:border-indigo-100:focus {
      --border-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--border-opacity));
    }
  
    .md\:focus\:border-indigo-200:focus {
      --border-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--border-opacity));
    }
  
    .md\:focus\:border-indigo-300:focus {
      --border-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--border-opacity));
    }
  
    .md\:focus\:border-indigo-400:focus {
      --border-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--border-opacity));
    }
  
    .md\:focus\:border-indigo-500:focus {
      --border-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--border-opacity));
    }
  
    .md\:focus\:border-indigo-600:focus {
      --border-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--border-opacity));
    }
  
    .md\:focus\:border-indigo-700:focus {
      --border-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--border-opacity));
    }
  
    .md\:focus\:border-indigo-800:focus {
      --border-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--border-opacity));
    }
  
    .md\:focus\:border-indigo-900:focus {
      --border-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--border-opacity));
    }
  
    .md\:focus\:border-purple-100:focus {
      --border-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--border-opacity));
    }
  
    .md\:focus\:border-purple-200:focus {
      --border-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--border-opacity));
    }
  
    .md\:focus\:border-purple-300:focus {
      --border-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--border-opacity));
    }
  
    .md\:focus\:border-purple-400:focus {
      --border-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--border-opacity));
    }
  
    .md\:focus\:border-purple-500:focus {
      --border-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--border-opacity));
    }
  
    .md\:focus\:border-purple-600:focus {
      --border-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--border-opacity));
    }
  
    .md\:focus\:border-purple-700:focus {
      --border-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--border-opacity));
    }
  
    .md\:focus\:border-purple-800:focus {
      --border-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--border-opacity));
    }
  
    .md\:focus\:border-purple-900:focus {
      --border-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--border-opacity));
    }
  
    .md\:focus\:border-pink-100:focus {
      --border-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--border-opacity));
    }
  
    .md\:focus\:border-pink-200:focus {
      --border-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--border-opacity));
    }
  
    .md\:focus\:border-pink-300:focus {
      --border-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--border-opacity));
    }
  
    .md\:focus\:border-pink-400:focus {
      --border-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--border-opacity));
    }
  
    .md\:focus\:border-pink-500:focus {
      --border-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--border-opacity));
    }
  
    .md\:focus\:border-pink-600:focus {
      --border-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--border-opacity));
    }
  
    .md\:focus\:border-pink-700:focus {
      --border-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--border-opacity));
    }
  
    .md\:focus\:border-pink-800:focus {
      --border-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--border-opacity));
    }
  
    .md\:focus\:border-pink-900:focus {
      --border-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, 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-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-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-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\: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\: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-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\: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\: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-sans {
      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";
    }
  
    .md\:font-serif {
      font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    }
  
    .md\:font-mono {
      font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }
  
    .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: 0.75rem;
    }
  
    .md\:text-sm {
      font-size: 0.875rem;
    }
  
    .md\:text-base {
      font-size: 1rem;
    }
  
    .md\:text-lg {
      font-size: 1.125rem;
    }
  
    .md\:text-xl {
      font-size: 1.25rem;
    }
  
    .md\:text-2xl {
      font-size: 1.5rem;
    }
  
    .md\:text-3xl {
      font-size: 1.875rem;
    }
  
    .md\:text-4xl {
      font-size: 2.25rem;
    }
  
    .md\:text-5xl {
      font-size: 3rem;
    }
  
    .md\:text-6xl {
      font-size: 4rem;
    }
  
    .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-ssm {
      max-width: 500px;
    }
  
    .md\:max-w-screen-sm {
      max-width: 640px;
    }
  
    .md\:max-w-screen-md {
      max-width: 768px;
    }
  
    .md\:max-w-screen-lg {
      max-width: 1024px;
    }
  
    .md\:max-w-screen-xl {
      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 {
      -o-object-fit: contain;
         object-fit: contain;
    }
  
    .md\:object-cover {
      -o-object-fit: cover;
         object-fit: cover;
    }
  
    .md\:object-fill {
      -o-object-fit: fill;
         object-fit: fill;
    }
  
    .md\:object-none {
      -o-object-fit: none;
         object-fit: none;
    }
  
    .md\:object-scale-down {
      -o-object-fit: scale-down;
         object-fit: scale-down;
    }
  
    .md\:object-bottom {
      -o-object-position: bottom;
         object-position: bottom;
    }
  
    .md\:object-center {
      -o-object-position: center;
         object-position: center;
    }
  
    .md\:object-left {
      -o-object-position: left;
         object-position: left;
    }
  
    .md\:object-left-bottom {
      -o-object-position: left bottom;
         object-position: left bottom;
    }
  
    .md\:object-left-top {
      -o-object-position: left top;
         object-position: left top;
    }
  
    .md\:object-right {
      -o-object-position: right;
         object-position: right;
    }
  
    .md\:object-right-bottom {
      -o-object-position: right bottom;
         object-position: right bottom;
    }
  
    .md\:object-right-top {
      -o-object-position: right top;
         object-position: right top;
    }
  
    .md\:object-top {
      -o-object-position: 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: 0;
    }
  
    .md\:focus\:outline-none:focus {
      outline: 0;
    }
  
    .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\: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\: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\:placeholder-transparent::-moz-placeholder {
      color: transparent;
    }
  
    .md\:placeholder-transparent:-ms-input-placeholder {
      color: transparent;
    }
  
    .md\:placeholder-transparent::placeholder {
      color: transparent;
    }
  
    .md\:placeholder-current::-moz-placeholder {
      color: currentColor;
    }
  
    .md\:placeholder-current:-ms-input-placeholder {
      color: currentColor;
    }
  
    .md\:placeholder-current::placeholder {
      color: currentColor;
    }
  
    .md\:placeholder-black::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--placeholder-opacity));
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, 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-red-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-100::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-200::placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-300::placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-400::placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-500::placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-600::placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-700::placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-800::placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .md\:placeholder-red-900::placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-100::placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-200::placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-300::placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-400::placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-500::placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-600::placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-700::placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-800::placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .md\:placeholder-orange-900::placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-100::placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-200::placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-300::placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-400::placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-500::placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-600::placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-700::placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-800::placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .md\:placeholder-yellow-900::placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-100::placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-200::placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-300::placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-400::placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-500::placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-600::placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-700::placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-800::placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .md\:placeholder-green-900::placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-100::placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-200::placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-300::placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-400::placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-500::placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-600::placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-700::placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-800::placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .md\:placeholder-teal-900::placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-100::placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-200::placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-300::placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-400::placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-500::placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-600::placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-700::placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-800::placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .md\:placeholder-blue-900::placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-100::placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-200::placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-300::placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-400::placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-500::placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-600::placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-700::placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-800::placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .md\:placeholder-indigo-900::placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-100::placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-200::placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-300::placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-400::placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-500::placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-600::placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-700::placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-800::placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .md\:placeholder-purple-900::placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-100::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-200::placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-300::placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-400::placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-500::placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-600::placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-700::placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-800::placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .md\:placeholder-pink-900::placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-transparent:focus::-moz-placeholder {
      color: transparent;
    }
  
    .md\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
      color: transparent;
    }
  
    .md\:focus\:placeholder-transparent:focus::placeholder {
      color: transparent;
    }
  
    .md\:focus\:placeholder-current:focus::-moz-placeholder {
      color: currentColor;
    }
  
    .md\:focus\:placeholder-current:focus:-ms-input-placeholder {
      color: currentColor;
    }
  
    .md\:focus\:placeholder-current:focus::placeholder {
      color: currentColor;
    }
  
    .md\:focus\:placeholder-black:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--placeholder-opacity));
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, 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-red-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-red-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-orange-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-yellow-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-green-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-teal-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-blue-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-indigo-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-purple-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .md\:focus\:placeholder-pink-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .md\:placeholder-opacity-0::-moz-placeholder {
      --placeholder-opacity: 0;
    }
  
    .md\:placeholder-opacity-0:-ms-input-placeholder {
      --placeholder-opacity: 0;
    }
  
    .md\:placeholder-opacity-0::placeholder {
      --placeholder-opacity: 0;
    }
  
    .md\:placeholder-opacity-25::-moz-placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .md\:placeholder-opacity-25:-ms-input-placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .md\:placeholder-opacity-25::placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .md\:placeholder-opacity-50::-moz-placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .md\:placeholder-opacity-50:-ms-input-placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .md\:placeholder-opacity-50::placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .md\:placeholder-opacity-75::-moz-placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .md\:placeholder-opacity-75:-ms-input-placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .md\:placeholder-opacity-75::placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .md\:placeholder-opacity-100::-moz-placeholder {
      --placeholder-opacity: 1;
    }
  
    .md\:placeholder-opacity-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
    }
  
    .md\:placeholder-opacity-100::placeholder {
      --placeholder-opacity: 1;
    }
  
    .md\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
      --placeholder-opacity: 0;
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 1;
    }
  
    .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: -webkit-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-current {
      color: currentColor;
    }
  
    .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-red-100 {
      --text-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--text-opacity));
    }
  
    .md\:text-red-200 {
      --text-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--text-opacity));
    }
  
    .md\:text-red-300 {
      --text-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--text-opacity));
    }
  
    .md\:text-red-400 {
      --text-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--text-opacity));
    }
  
    .md\:text-red-500 {
      --text-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--text-opacity));
    }
  
    .md\:text-red-600 {
      --text-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--text-opacity));
    }
  
    .md\:text-red-700 {
      --text-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--text-opacity));
    }
  
    .md\:text-red-800 {
      --text-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--text-opacity));
    }
  
    .md\:text-red-900 {
      --text-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--text-opacity));
    }
  
    .md\:text-orange-100 {
      --text-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--text-opacity));
    }
  
    .md\:text-orange-200 {
      --text-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--text-opacity));
    }
  
    .md\:text-orange-300 {
      --text-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--text-opacity));
    }
  
    .md\:text-orange-400 {
      --text-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--text-opacity));
    }
  
    .md\:text-orange-500 {
      --text-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--text-opacity));
    }
  
    .md\:text-orange-600 {
      --text-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--text-opacity));
    }
  
    .md\:text-orange-700 {
      --text-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--text-opacity));
    }
  
    .md\:text-orange-800 {
      --text-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--text-opacity));
    }
  
    .md\:text-orange-900 {
      --text-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--text-opacity));
    }
  
    .md\:text-yellow-100 {
      --text-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--text-opacity));
    }
  
    .md\:text-yellow-200 {
      --text-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--text-opacity));
    }
  
    .md\:text-yellow-300 {
      --text-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--text-opacity));
    }
  
    .md\:text-yellow-400 {
      --text-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--text-opacity));
    }
  
    .md\:text-yellow-500 {
      --text-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--text-opacity));
    }
  
    .md\:text-yellow-600 {
      --text-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--text-opacity));
    }
  
    .md\:text-yellow-700 {
      --text-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--text-opacity));
    }
  
    .md\:text-yellow-800 {
      --text-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--text-opacity));
    }
  
    .md\:text-yellow-900 {
      --text-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--text-opacity));
    }
  
    .md\:text-green-100 {
      --text-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--text-opacity));
    }
  
    .md\:text-green-200 {
      --text-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--text-opacity));
    }
  
    .md\:text-green-300 {
      --text-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--text-opacity));
    }
  
    .md\:text-green-400 {
      --text-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--text-opacity));
    }
  
    .md\:text-green-500 {
      --text-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--text-opacity));
    }
  
    .md\:text-green-600 {
      --text-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--text-opacity));
    }
  
    .md\:text-green-700 {
      --text-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--text-opacity));
    }
  
    .md\:text-green-800 {
      --text-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--text-opacity));
    }
  
    .md\:text-green-900 {
      --text-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--text-opacity));
    }
  
    .md\:text-teal-100 {
      --text-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--text-opacity));
    }
  
    .md\:text-teal-200 {
      --text-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--text-opacity));
    }
  
    .md\:text-teal-300 {
      --text-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--text-opacity));
    }
  
    .md\:text-teal-400 {
      --text-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--text-opacity));
    }
  
    .md\:text-teal-500 {
      --text-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--text-opacity));
    }
  
    .md\:text-teal-600 {
      --text-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--text-opacity));
    }
  
    .md\:text-teal-700 {
      --text-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--text-opacity));
    }
  
    .md\:text-teal-800 {
      --text-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--text-opacity));
    }
  
    .md\:text-teal-900 {
      --text-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--text-opacity));
    }
  
    .md\:text-blue-100 {
      --text-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--text-opacity));
    }
  
    .md\:text-blue-200 {
      --text-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--text-opacity));
    }
  
    .md\:text-blue-300 {
      --text-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--text-opacity));
    }
  
    .md\:text-blue-400 {
      --text-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--text-opacity));
    }
  
    .md\:text-blue-500 {
      --text-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--text-opacity));
    }
  
    .md\:text-blue-600 {
      --text-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--text-opacity));
    }
  
    .md\:text-blue-700 {
      --text-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--text-opacity));
    }
  
    .md\:text-blue-800 {
      --text-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--text-opacity));
    }
  
    .md\:text-blue-900 {
      --text-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--text-opacity));
    }
  
    .md\:text-indigo-100 {
      --text-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--text-opacity));
    }
  
    .md\:text-indigo-200 {
      --text-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--text-opacity));
    }
  
    .md\:text-indigo-300 {
      --text-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--text-opacity));
    }
  
    .md\:text-indigo-400 {
      --text-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--text-opacity));
    }
  
    .md\:text-indigo-500 {
      --text-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--text-opacity));
    }
  
    .md\:text-indigo-600 {
      --text-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--text-opacity));
    }
  
    .md\:text-indigo-700 {
      --text-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--text-opacity));
    }
  
    .md\:text-indigo-800 {
      --text-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--text-opacity));
    }
  
    .md\:text-indigo-900 {
      --text-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--text-opacity));
    }
  
    .md\:text-purple-100 {
      --text-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--text-opacity));
    }
  
    .md\:text-purple-200 {
      --text-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--text-opacity));
    }
  
    .md\:text-purple-300 {
      --text-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--text-opacity));
    }
  
    .md\:text-purple-400 {
      --text-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--text-opacity));
    }
  
    .md\:text-purple-500 {
      --text-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--text-opacity));
    }
  
    .md\:text-purple-600 {
      --text-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--text-opacity));
    }
  
    .md\:text-purple-700 {
      --text-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--text-opacity));
    }
  
    .md\:text-purple-800 {
      --text-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--text-opacity));
    }
  
    .md\:text-purple-900 {
      --text-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--text-opacity));
    }
  
    .md\:text-pink-100 {
      --text-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--text-opacity));
    }
  
    .md\:text-pink-200 {
      --text-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--text-opacity));
    }
  
    .md\:text-pink-300 {
      --text-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--text-opacity));
    }
  
    .md\:text-pink-400 {
      --text-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--text-opacity));
    }
  
    .md\:text-pink-500 {
      --text-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--text-opacity));
    }
  
    .md\:text-pink-600 {
      --text-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--text-opacity));
    }
  
    .md\:text-pink-700 {
      --text-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--text-opacity));
    }
  
    .md\:text-pink-800 {
      --text-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--text-opacity));
    }
  
    .md\:text-pink-900 {
      --text-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--text-opacity));
    }
  
    .md\:hover\:text-transparent:hover {
      color: transparent;
    }
  
    .md\:hover\:text-current:hover {
      color: currentColor;
    }
  
    .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-red-100:hover {
      --text-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--text-opacity));
    }
  
    .md\:hover\:text-red-200:hover {
      --text-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--text-opacity));
    }
  
    .md\:hover\:text-red-300:hover {
      --text-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--text-opacity));
    }
  
    .md\:hover\:text-red-400:hover {
      --text-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--text-opacity));
    }
  
    .md\:hover\:text-red-500:hover {
      --text-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--text-opacity));
    }
  
    .md\:hover\:text-red-600:hover {
      --text-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--text-opacity));
    }
  
    .md\:hover\:text-red-700:hover {
      --text-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--text-opacity));
    }
  
    .md\:hover\:text-red-800:hover {
      --text-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--text-opacity));
    }
  
    .md\:hover\:text-red-900:hover {
      --text-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--text-opacity));
    }
  
    .md\:hover\:text-orange-100:hover {
      --text-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--text-opacity));
    }
  
    .md\:hover\:text-orange-200:hover {
      --text-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--text-opacity));
    }
  
    .md\:hover\:text-orange-300:hover {
      --text-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--text-opacity));
    }
  
    .md\:hover\:text-orange-400:hover {
      --text-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--text-opacity));
    }
  
    .md\:hover\:text-orange-500:hover {
      --text-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--text-opacity));
    }
  
    .md\:hover\:text-orange-600:hover {
      --text-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--text-opacity));
    }
  
    .md\:hover\:text-orange-700:hover {
      --text-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--text-opacity));
    }
  
    .md\:hover\:text-orange-800:hover {
      --text-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--text-opacity));
    }
  
    .md\:hover\:text-orange-900:hover {
      --text-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--text-opacity));
    }
  
    .md\:hover\:text-yellow-100:hover {
      --text-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--text-opacity));
    }
  
    .md\:hover\:text-yellow-200:hover {
      --text-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--text-opacity));
    }
  
    .md\:hover\:text-yellow-300:hover {
      --text-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--text-opacity));
    }
  
    .md\:hover\:text-yellow-400:hover {
      --text-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--text-opacity));
    }
  
    .md\:hover\:text-yellow-500:hover {
      --text-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--text-opacity));
    }
  
    .md\:hover\:text-yellow-600:hover {
      --text-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--text-opacity));
    }
  
    .md\:hover\:text-yellow-700:hover {
      --text-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--text-opacity));
    }
  
    .md\:hover\:text-yellow-800:hover {
      --text-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--text-opacity));
    }
  
    .md\:hover\:text-yellow-900:hover {
      --text-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--text-opacity));
    }
  
    .md\:hover\:text-green-100:hover {
      --text-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--text-opacity));
    }
  
    .md\:hover\:text-green-200:hover {
      --text-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--text-opacity));
    }
  
    .md\:hover\:text-green-300:hover {
      --text-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--text-opacity));
    }
  
    .md\:hover\:text-green-400:hover {
      --text-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--text-opacity));
    }
  
    .md\:hover\:text-green-500:hover {
      --text-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--text-opacity));
    }
  
    .md\:hover\:text-green-600:hover {
      --text-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--text-opacity));
    }
  
    .md\:hover\:text-green-700:hover {
      --text-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--text-opacity));
    }
  
    .md\:hover\:text-green-800:hover {
      --text-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--text-opacity));
    }
  
    .md\:hover\:text-green-900:hover {
      --text-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--text-opacity));
    }
  
    .md\:hover\:text-teal-100:hover {
      --text-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--text-opacity));
    }
  
    .md\:hover\:text-teal-200:hover {
      --text-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--text-opacity));
    }
  
    .md\:hover\:text-teal-300:hover {
      --text-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--text-opacity));
    }
  
    .md\:hover\:text-teal-400:hover {
      --text-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--text-opacity));
    }
  
    .md\:hover\:text-teal-500:hover {
      --text-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--text-opacity));
    }
  
    .md\:hover\:text-teal-600:hover {
      --text-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--text-opacity));
    }
  
    .md\:hover\:text-teal-700:hover {
      --text-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--text-opacity));
    }
  
    .md\:hover\:text-teal-800:hover {
      --text-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--text-opacity));
    }
  
    .md\:hover\:text-teal-900:hover {
      --text-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--text-opacity));
    }
  
    .md\:hover\:text-blue-100:hover {
      --text-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--text-opacity));
    }
  
    .md\:hover\:text-blue-200:hover {
      --text-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--text-opacity));
    }
  
    .md\:hover\:text-blue-300:hover {
      --text-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--text-opacity));
    }
  
    .md\:hover\:text-blue-400:hover {
      --text-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--text-opacity));
    }
  
    .md\:hover\:text-blue-500:hover {
      --text-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--text-opacity));
    }
  
    .md\:hover\:text-blue-600:hover {
      --text-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--text-opacity));
    }
  
    .md\:hover\:text-blue-700:hover {
      --text-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--text-opacity));
    }
  
    .md\:hover\:text-blue-800:hover {
      --text-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--text-opacity));
    }
  
    .md\:hover\:text-blue-900:hover {
      --text-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--text-opacity));
    }
  
    .md\:hover\:text-indigo-100:hover {
      --text-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--text-opacity));
    }
  
    .md\:hover\:text-indigo-200:hover {
      --text-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--text-opacity));
    }
  
    .md\:hover\:text-indigo-300:hover {
      --text-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--text-opacity));
    }
  
    .md\:hover\:text-indigo-400:hover {
      --text-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--text-opacity));
    }
  
    .md\:hover\:text-indigo-500:hover {
      --text-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--text-opacity));
    }
  
    .md\:hover\:text-indigo-600:hover {
      --text-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--text-opacity));
    }
  
    .md\:hover\:text-indigo-700:hover {
      --text-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--text-opacity));
    }
  
    .md\:hover\:text-indigo-800:hover {
      --text-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--text-opacity));
    }
  
    .md\:hover\:text-indigo-900:hover {
      --text-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--text-opacity));
    }
  
    .md\:hover\:text-purple-100:hover {
      --text-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--text-opacity));
    }
  
    .md\:hover\:text-purple-200:hover {
      --text-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--text-opacity));
    }
  
    .md\:hover\:text-purple-300:hover {
      --text-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--text-opacity));
    }
  
    .md\:hover\:text-purple-400:hover {
      --text-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--text-opacity));
    }
  
    .md\:hover\:text-purple-500:hover {
      --text-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--text-opacity));
    }
  
    .md\:hover\:text-purple-600:hover {
      --text-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--text-opacity));
    }
  
    .md\:hover\:text-purple-700:hover {
      --text-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--text-opacity));
    }
  
    .md\:hover\:text-purple-800:hover {
      --text-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--text-opacity));
    }
  
    .md\:hover\:text-purple-900:hover {
      --text-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--text-opacity));
    }
  
    .md\:hover\:text-pink-100:hover {
      --text-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--text-opacity));
    }
  
    .md\:hover\:text-pink-200:hover {
      --text-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--text-opacity));
    }
  
    .md\:hover\:text-pink-300:hover {
      --text-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--text-opacity));
    }
  
    .md\:hover\:text-pink-400:hover {
      --text-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--text-opacity));
    }
  
    .md\:hover\:text-pink-500:hover {
      --text-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--text-opacity));
    }
  
    .md\:hover\:text-pink-600:hover {
      --text-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--text-opacity));
    }
  
    .md\:hover\:text-pink-700:hover {
      --text-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--text-opacity));
    }
  
    .md\:hover\:text-pink-800:hover {
      --text-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--text-opacity));
    }
  
    .md\:hover\:text-pink-900:hover {
      --text-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--text-opacity));
    }
  
    .md\:focus\:text-transparent:focus {
      color: transparent;
    }
  
    .md\:focus\:text-current:focus {
      color: currentColor;
    }
  
    .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-red-100:focus {
      --text-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--text-opacity));
    }
  
    .md\:focus\:text-red-200:focus {
      --text-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--text-opacity));
    }
  
    .md\:focus\:text-red-300:focus {
      --text-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--text-opacity));
    }
  
    .md\:focus\:text-red-400:focus {
      --text-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--text-opacity));
    }
  
    .md\:focus\:text-red-500:focus {
      --text-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--text-opacity));
    }
  
    .md\:focus\:text-red-600:focus {
      --text-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--text-opacity));
    }
  
    .md\:focus\:text-red-700:focus {
      --text-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--text-opacity));
    }
  
    .md\:focus\:text-red-800:focus {
      --text-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--text-opacity));
    }
  
    .md\:focus\:text-red-900:focus {
      --text-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--text-opacity));
    }
  
    .md\:focus\:text-orange-100:focus {
      --text-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--text-opacity));
    }
  
    .md\:focus\:text-orange-200:focus {
      --text-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--text-opacity));
    }
  
    .md\:focus\:text-orange-300:focus {
      --text-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--text-opacity));
    }
  
    .md\:focus\:text-orange-400:focus {
      --text-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--text-opacity));
    }
  
    .md\:focus\:text-orange-500:focus {
      --text-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--text-opacity));
    }
  
    .md\:focus\:text-orange-600:focus {
      --text-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--text-opacity));
    }
  
    .md\:focus\:text-orange-700:focus {
      --text-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--text-opacity));
    }
  
    .md\:focus\:text-orange-800:focus {
      --text-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--text-opacity));
    }
  
    .md\:focus\:text-orange-900:focus {
      --text-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--text-opacity));
    }
  
    .md\:focus\:text-yellow-100:focus {
      --text-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--text-opacity));
    }
  
    .md\:focus\:text-yellow-200:focus {
      --text-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--text-opacity));
    }
  
    .md\:focus\:text-yellow-300:focus {
      --text-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--text-opacity));
    }
  
    .md\:focus\:text-yellow-400:focus {
      --text-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--text-opacity));
    }
  
    .md\:focus\:text-yellow-500:focus {
      --text-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--text-opacity));
    }
  
    .md\:focus\:text-yellow-600:focus {
      --text-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--text-opacity));
    }
  
    .md\:focus\:text-yellow-700:focus {
      --text-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--text-opacity));
    }
  
    .md\:focus\:text-yellow-800:focus {
      --text-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--text-opacity));
    }
  
    .md\:focus\:text-yellow-900:focus {
      --text-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--text-opacity));
    }
  
    .md\:focus\:text-green-100:focus {
      --text-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--text-opacity));
    }
  
    .md\:focus\:text-green-200:focus {
      --text-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--text-opacity));
    }
  
    .md\:focus\:text-green-300:focus {
      --text-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--text-opacity));
    }
  
    .md\:focus\:text-green-400:focus {
      --text-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--text-opacity));
    }
  
    .md\:focus\:text-green-500:focus {
      --text-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--text-opacity));
    }
  
    .md\:focus\:text-green-600:focus {
      --text-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--text-opacity));
    }
  
    .md\:focus\:text-green-700:focus {
      --text-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--text-opacity));
    }
  
    .md\:focus\:text-green-800:focus {
      --text-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--text-opacity));
    }
  
    .md\:focus\:text-green-900:focus {
      --text-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--text-opacity));
    }
  
    .md\:focus\:text-teal-100:focus {
      --text-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--text-opacity));
    }
  
    .md\:focus\:text-teal-200:focus {
      --text-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--text-opacity));
    }
  
    .md\:focus\:text-teal-300:focus {
      --text-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--text-opacity));
    }
  
    .md\:focus\:text-teal-400:focus {
      --text-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--text-opacity));
    }
  
    .md\:focus\:text-teal-500:focus {
      --text-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--text-opacity));
    }
  
    .md\:focus\:text-teal-600:focus {
      --text-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--text-opacity));
    }
  
    .md\:focus\:text-teal-700:focus {
      --text-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--text-opacity));
    }
  
    .md\:focus\:text-teal-800:focus {
      --text-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--text-opacity));
    }
  
    .md\:focus\:text-teal-900:focus {
      --text-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--text-opacity));
    }
  
    .md\:focus\:text-blue-100:focus {
      --text-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--text-opacity));
    }
  
    .md\:focus\:text-blue-200:focus {
      --text-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--text-opacity));
    }
  
    .md\:focus\:text-blue-300:focus {
      --text-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--text-opacity));
    }
  
    .md\:focus\:text-blue-400:focus {
      --text-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--text-opacity));
    }
  
    .md\:focus\:text-blue-500:focus {
      --text-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--text-opacity));
    }
  
    .md\:focus\:text-blue-600:focus {
      --text-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--text-opacity));
    }
  
    .md\:focus\:text-blue-700:focus {
      --text-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--text-opacity));
    }
  
    .md\:focus\:text-blue-800:focus {
      --text-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--text-opacity));
    }
  
    .md\:focus\:text-blue-900:focus {
      --text-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--text-opacity));
    }
  
    .md\:focus\:text-indigo-100:focus {
      --text-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--text-opacity));
    }
  
    .md\:focus\:text-indigo-200:focus {
      --text-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--text-opacity));
    }
  
    .md\:focus\:text-indigo-300:focus {
      --text-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--text-opacity));
    }
  
    .md\:focus\:text-indigo-400:focus {
      --text-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--text-opacity));
    }
  
    .md\:focus\:text-indigo-500:focus {
      --text-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--text-opacity));
    }
  
    .md\:focus\:text-indigo-600:focus {
      --text-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--text-opacity));
    }
  
    .md\:focus\:text-indigo-700:focus {
      --text-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--text-opacity));
    }
  
    .md\:focus\:text-indigo-800:focus {
      --text-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--text-opacity));
    }
  
    .md\:focus\:text-indigo-900:focus {
      --text-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--text-opacity));
    }
  
    .md\:focus\:text-purple-100:focus {
      --text-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--text-opacity));
    }
  
    .md\:focus\:text-purple-200:focus {
      --text-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--text-opacity));
    }
  
    .md\:focus\:text-purple-300:focus {
      --text-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--text-opacity));
    }
  
    .md\:focus\:text-purple-400:focus {
      --text-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--text-opacity));
    }
  
    .md\:focus\:text-purple-500:focus {
      --text-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--text-opacity));
    }
  
    .md\:focus\:text-purple-600:focus {
      --text-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--text-opacity));
    }
  
    .md\:focus\:text-purple-700:focus {
      --text-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--text-opacity));
    }
  
    .md\:focus\:text-purple-800:focus {
      --text-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--text-opacity));
    }
  
    .md\:focus\:text-purple-900:focus {
      --text-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--text-opacity));
    }
  
    .md\:focus\:text-pink-100:focus {
      --text-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--text-opacity));
    }
  
    .md\:focus\:text-pink-200:focus {
      --text-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--text-opacity));
    }
  
    .md\:focus\:text-pink-300:focus {
      --text-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--text-opacity));
    }
  
    .md\:focus\:text-pink-400:focus {
      --text-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--text-opacity));
    }
  
    .md\:focus\:text-pink-500:focus {
      --text-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--text-opacity));
    }
  
    .md\:focus\:text-pink-600:focus {
      --text-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--text-opacity));
    }
  
    .md\:focus\:text-pink-700:focus {
      --text-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--text-opacity));
    }
  
    .md\:focus\:text-pink-800:focus {
      --text-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--text-opacity));
    }
  
    .md\:focus\:text-pink-900:focus {
      --text-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, 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\: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;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
    }
  
    .md\:select-text {
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text;
    }
  
    .md\:select-all {
      -webkit-user-select: all;
         -moz-user-select: all;
          -ms-user-select: all;
              user-select: all;
    }
  
    .md\:select-auto {
      -webkit-user-select: auto;
         -moz-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 {
      overflow-wrap: normal;
      word-break: normal;
    }
  
    .md\:break-words {
      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;
      -moz-column-gap: 0;
           column-gap: 0;
    }
  
    .md\:col-gap-1 {
      grid-column-gap: 0.25rem;
      -moz-column-gap: 0.25rem;
           column-gap: 0.25rem;
    }
  
    .md\:col-gap-2 {
      grid-column-gap: 0.5rem;
      -moz-column-gap: 0.5rem;
           column-gap: 0.5rem;
    }
  
    .md\:col-gap-3 {
      grid-column-gap: 0.75rem;
      -moz-column-gap: 0.75rem;
           column-gap: 0.75rem;
    }
  
    .md\:col-gap-4 {
      grid-column-gap: 1rem;
      -moz-column-gap: 1rem;
           column-gap: 1rem;
    }
  
    .md\:col-gap-5 {
      grid-column-gap: 1.25rem;
      -moz-column-gap: 1.25rem;
           column-gap: 1.25rem;
    }
  
    .md\:col-gap-6 {
      grid-column-gap: 1.5rem;
      -moz-column-gap: 1.5rem;
           column-gap: 1.5rem;
    }
  
    .md\:col-gap-8 {
      grid-column-gap: 2rem;
      -moz-column-gap: 2rem;
           column-gap: 2rem;
    }
  
    .md\:col-gap-10 {
      grid-column-gap: 2.5rem;
      -moz-column-gap: 2.5rem;
           column-gap: 2.5rem;
    }
  
    .md\:col-gap-12 {
      grid-column-gap: 3rem;
      -moz-column-gap: 3rem;
           column-gap: 3rem;
    }
  
    .md\:col-gap-16 {
      grid-column-gap: 4rem;
      -moz-column-gap: 4rem;
           column-gap: 4rem;
    }
  
    .md\:col-gap-20 {
      grid-column-gap: 5rem;
      -moz-column-gap: 5rem;
           column-gap: 5rem;
    }
  
    .md\:col-gap-24 {
      grid-column-gap: 6rem;
      -moz-column-gap: 6rem;
           column-gap: 6rem;
    }
  
    .md\:col-gap-32 {
      grid-column-gap: 8rem;
      -moz-column-gap: 8rem;
           column-gap: 8rem;
    }
  
    .md\:col-gap-40 {
      grid-column-gap: 10rem;
      -moz-column-gap: 10rem;
           column-gap: 10rem;
    }
  
    .md\:col-gap-48 {
      grid-column-gap: 12rem;
      -moz-column-gap: 12rem;
           column-gap: 12rem;
    }
  
    .md\:col-gap-56 {
      grid-column-gap: 14rem;
      -moz-column-gap: 14rem;
           column-gap: 14rem;
    }
  
    .md\:col-gap-64 {
      grid-column-gap: 16rem;
      -moz-column-gap: 16rem;
           column-gap: 16rem;
    }
  
    .md\:col-gap-px {
      grid-column-gap: 1px;
      -moz-column-gap: 1px;
           column-gap: 1px;
    }
  
    .md\:gap-x-0 {
      grid-column-gap: 0;
      -moz-column-gap: 0;
           column-gap: 0;
    }
  
    .md\:gap-x-1 {
      grid-column-gap: 0.25rem;
      -moz-column-gap: 0.25rem;
           column-gap: 0.25rem;
    }
  
    .md\:gap-x-2 {
      grid-column-gap: 0.5rem;
      -moz-column-gap: 0.5rem;
           column-gap: 0.5rem;
    }
  
    .md\:gap-x-3 {
      grid-column-gap: 0.75rem;
      -moz-column-gap: 0.75rem;
           column-gap: 0.75rem;
    }
  
    .md\:gap-x-4 {
      grid-column-gap: 1rem;
      -moz-column-gap: 1rem;
           column-gap: 1rem;
    }
  
    .md\:gap-x-5 {
      grid-column-gap: 1.25rem;
      -moz-column-gap: 1.25rem;
           column-gap: 1.25rem;
    }
  
    .md\:gap-x-6 {
      grid-column-gap: 1.5rem;
      -moz-column-gap: 1.5rem;
           column-gap: 1.5rem;
    }
  
    .md\:gap-x-8 {
      grid-column-gap: 2rem;
      -moz-column-gap: 2rem;
           column-gap: 2rem;
    }
  
    .md\:gap-x-10 {
      grid-column-gap: 2.5rem;
      -moz-column-gap: 2.5rem;
           column-gap: 2.5rem;
    }
  
    .md\:gap-x-12 {
      grid-column-gap: 3rem;
      -moz-column-gap: 3rem;
           column-gap: 3rem;
    }
  
    .md\:gap-x-16 {
      grid-column-gap: 4rem;
      -moz-column-gap: 4rem;
           column-gap: 4rem;
    }
  
    .md\:gap-x-20 {
      grid-column-gap: 5rem;
      -moz-column-gap: 5rem;
           column-gap: 5rem;
    }
  
    .md\:gap-x-24 {
      grid-column-gap: 6rem;
      -moz-column-gap: 6rem;
           column-gap: 6rem;
    }
  
    .md\:gap-x-32 {
      grid-column-gap: 8rem;
      -moz-column-gap: 8rem;
           column-gap: 8rem;
    }
  
    .md\:gap-x-40 {
      grid-column-gap: 10rem;
      -moz-column-gap: 10rem;
           column-gap: 10rem;
    }
  
    .md\:gap-x-48 {
      grid-column-gap: 12rem;
      -moz-column-gap: 12rem;
           column-gap: 12rem;
    }
  
    .md\:gap-x-56 {
      grid-column-gap: 14rem;
      -moz-column-gap: 14rem;
           column-gap: 14rem;
    }
  
    .md\:gap-x-64 {
      grid-column-gap: 16rem;
      -moz-column-gap: 16rem;
           column-gap: 16rem;
    }
  
    .md\:gap-x-px {
      grid-column-gap: 1px;
      -moz-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\: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-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\: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-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-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\:hover\:rotate-0:hover {
      --transform-rotate: 0;
    }
  
    .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\:focus\:rotate-0:focus {
      --transform-rotate: 0;
    }
  
    .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\: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-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-y-0 {
      --transform-skew-y: 0;
    }
  
    .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\:hover\:skew-x-0:hover {
      --transform-skew-x: 0;
    }
  
    .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-y-0:hover {
      --transform-skew-y: 0;
    }
  
    .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\:focus\:skew-x-0:focus {
      --transform-skew-x: 0;
    }
  
    .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-y-0:focus {
      --transform-skew-y: 0;
    }
  
    .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\: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 {
      -webkit-animation: none;
              animation: none;
    }
  
    .md\:animate-spin {
      -webkit-animation: spin 1s linear infinite;
              animation: spin 1s linear infinite;
    }
  
    .md\:animate-ping {
      -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
              animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    }
  
    .md\:animate-pulse {
      -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
              animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }
  
    .md\:animate-bounce {
      -webkit-animation: bounce 1s infinite;
              animation: bounce 1s infinite;
    }
  }
  
  @media (min-width: 1024px) {
    .lg\:container {
      width: 100%;
    }
  
    @media (min-width: 500px) {
      .lg\:container {
        max-width: 500px;
      }
    }
  
    @media (min-width: 640px) {
      .lg\:container {
        max-width: 640px;
      }
    }
  
    @media (min-width: 768px) {
      .lg\:container {
        max-width: 768px;
      }
    }
  
    @media (min-width: 1024px) {
      .lg\:container {
        max-width: 1024px;
      }
    }
  
    @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-current > :not(template) ~ :not(template) {
      border-color: currentColor;
    }
  
    .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-red-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--divide-opacity));
    }
  
    .lg\:divide-red-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--divide-opacity));
    }
  
    .lg\:divide-red-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--divide-opacity));
    }
  
    .lg\:divide-red-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--divide-opacity));
    }
  
    .lg\:divide-red-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--divide-opacity));
    }
  
    .lg\:divide-red-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--divide-opacity));
    }
  
    .lg\:divide-red-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--divide-opacity));
    }
  
    .lg\:divide-red-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--divide-opacity));
    }
  
    .lg\:divide-red-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--divide-opacity));
    }
  
    .lg\:divide-orange-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--divide-opacity));
    }
  
    .lg\:divide-orange-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--divide-opacity));
    }
  
    .lg\:divide-orange-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--divide-opacity));
    }
  
    .lg\:divide-orange-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--divide-opacity));
    }
  
    .lg\:divide-orange-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--divide-opacity));
    }
  
    .lg\:divide-orange-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--divide-opacity));
    }
  
    .lg\:divide-orange-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--divide-opacity));
    }
  
    .lg\:divide-orange-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--divide-opacity));
    }
  
    .lg\:divide-orange-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--divide-opacity));
    }
  
    .lg\:divide-yellow-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--divide-opacity));
    }
  
    .lg\:divide-yellow-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--divide-opacity));
    }
  
    .lg\:divide-yellow-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--divide-opacity));
    }
  
    .lg\:divide-yellow-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--divide-opacity));
    }
  
    .lg\:divide-yellow-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--divide-opacity));
    }
  
    .lg\:divide-yellow-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--divide-opacity));
    }
  
    .lg\:divide-yellow-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--divide-opacity));
    }
  
    .lg\:divide-yellow-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--divide-opacity));
    }
  
    .lg\:divide-yellow-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--divide-opacity));
    }
  
    .lg\:divide-green-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--divide-opacity));
    }
  
    .lg\:divide-green-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--divide-opacity));
    }
  
    .lg\:divide-green-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--divide-opacity));
    }
  
    .lg\:divide-green-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--divide-opacity));
    }
  
    .lg\:divide-green-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--divide-opacity));
    }
  
    .lg\:divide-green-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--divide-opacity));
    }
  
    .lg\:divide-green-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--divide-opacity));
    }
  
    .lg\:divide-green-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--divide-opacity));
    }
  
    .lg\:divide-green-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--divide-opacity));
    }
  
    .lg\:divide-teal-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--divide-opacity));
    }
  
    .lg\:divide-teal-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--divide-opacity));
    }
  
    .lg\:divide-teal-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--divide-opacity));
    }
  
    .lg\:divide-teal-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--divide-opacity));
    }
  
    .lg\:divide-teal-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--divide-opacity));
    }
  
    .lg\:divide-teal-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--divide-opacity));
    }
  
    .lg\:divide-teal-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--divide-opacity));
    }
  
    .lg\:divide-teal-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--divide-opacity));
    }
  
    .lg\:divide-teal-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--divide-opacity));
    }
  
    .lg\:divide-blue-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--divide-opacity));
    }
  
    .lg\:divide-blue-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--divide-opacity));
    }
  
    .lg\:divide-blue-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--divide-opacity));
    }
  
    .lg\:divide-blue-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--divide-opacity));
    }
  
    .lg\:divide-blue-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--divide-opacity));
    }
  
    .lg\:divide-blue-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--divide-opacity));
    }
  
    .lg\:divide-blue-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--divide-opacity));
    }
  
    .lg\:divide-blue-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--divide-opacity));
    }
  
    .lg\:divide-blue-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--divide-opacity));
    }
  
    .lg\:divide-indigo-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--divide-opacity));
    }
  
    .lg\:divide-indigo-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--divide-opacity));
    }
  
    .lg\:divide-indigo-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--divide-opacity));
    }
  
    .lg\:divide-indigo-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--divide-opacity));
    }
  
    .lg\:divide-indigo-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--divide-opacity));
    }
  
    .lg\:divide-indigo-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--divide-opacity));
    }
  
    .lg\:divide-indigo-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--divide-opacity));
    }
  
    .lg\:divide-indigo-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--divide-opacity));
    }
  
    .lg\:divide-indigo-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--divide-opacity));
    }
  
    .lg\:divide-purple-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--divide-opacity));
    }
  
    .lg\:divide-purple-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--divide-opacity));
    }
  
    .lg\:divide-purple-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--divide-opacity));
    }
  
    .lg\:divide-purple-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--divide-opacity));
    }
  
    .lg\:divide-purple-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--divide-opacity));
    }
  
    .lg\:divide-purple-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--divide-opacity));
    }
  
    .lg\:divide-purple-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--divide-opacity));
    }
  
    .lg\:divide-purple-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--divide-opacity));
    }
  
    .lg\:divide-purple-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--divide-opacity));
    }
  
    .lg\:divide-pink-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--divide-opacity));
    }
  
    .lg\:divide-pink-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--divide-opacity));
    }
  
    .lg\:divide-pink-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--divide-opacity));
    }
  
    .lg\:divide-pink-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--divide-opacity));
    }
  
    .lg\:divide-pink-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--divide-opacity));
    }
  
    .lg\:divide-pink-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--divide-opacity));
    }
  
    .lg\:divide-pink-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--divide-opacity));
    }
  
    .lg\:divide-pink-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--divide-opacity));
    }
  
    .lg\:divide-pink-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, 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;
         -moz-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-current {
      background-color: currentColor;
    }
  
    .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-red-100 {
      --bg-opacity: 1;
      background-color: #fff5f5;
      background-color: rgba(255, 245, 245, var(--bg-opacity));
    }
  
    .lg\:bg-red-200 {
      --bg-opacity: 1;
      background-color: #fed7d7;
      background-color: rgba(254, 215, 215, var(--bg-opacity));
    }
  
    .lg\:bg-red-300 {
      --bg-opacity: 1;
      background-color: #feb2b2;
      background-color: rgba(254, 178, 178, var(--bg-opacity));
    }
  
    .lg\:bg-red-400 {
      --bg-opacity: 1;
      background-color: #fc8181;
      background-color: rgba(252, 129, 129, var(--bg-opacity));
    }
  
    .lg\:bg-red-500 {
      --bg-opacity: 1;
      background-color: #f56565;
      background-color: rgba(245, 101, 101, var(--bg-opacity));
    }
  
    .lg\:bg-red-600 {
      --bg-opacity: 1;
      background-color: #e53e3e;
      background-color: rgba(229, 62, 62, var(--bg-opacity));
    }
  
    .lg\:bg-red-700 {
      --bg-opacity: 1;
      background-color: #c53030;
      background-color: rgba(197, 48, 48, var(--bg-opacity));
    }
  
    .lg\:bg-red-800 {
      --bg-opacity: 1;
      background-color: #9b2c2c;
      background-color: rgba(155, 44, 44, var(--bg-opacity));
    }
  
    .lg\:bg-red-900 {
      --bg-opacity: 1;
      background-color: #742a2a;
      background-color: rgba(116, 42, 42, var(--bg-opacity));
    }
  
    .lg\:bg-orange-100 {
      --bg-opacity: 1;
      background-color: #fffaf0;
      background-color: rgba(255, 250, 240, var(--bg-opacity));
    }
  
    .lg\:bg-orange-200 {
      --bg-opacity: 1;
      background-color: #feebc8;
      background-color: rgba(254, 235, 200, var(--bg-opacity));
    }
  
    .lg\:bg-orange-300 {
      --bg-opacity: 1;
      background-color: #fbd38d;
      background-color: rgba(251, 211, 141, var(--bg-opacity));
    }
  
    .lg\:bg-orange-400 {
      --bg-opacity: 1;
      background-color: #f6ad55;
      background-color: rgba(246, 173, 85, var(--bg-opacity));
    }
  
    .lg\:bg-orange-500 {
      --bg-opacity: 1;
      background-color: #ed8936;
      background-color: rgba(237, 137, 54, var(--bg-opacity));
    }
  
    .lg\:bg-orange-600 {
      --bg-opacity: 1;
      background-color: #dd6b20;
      background-color: rgba(221, 107, 32, var(--bg-opacity));
    }
  
    .lg\:bg-orange-700 {
      --bg-opacity: 1;
      background-color: #c05621;
      background-color: rgba(192, 86, 33, var(--bg-opacity));
    }
  
    .lg\:bg-orange-800 {
      --bg-opacity: 1;
      background-color: #9c4221;
      background-color: rgba(156, 66, 33, var(--bg-opacity));
    }
  
    .lg\:bg-orange-900 {
      --bg-opacity: 1;
      background-color: #7b341e;
      background-color: rgba(123, 52, 30, var(--bg-opacity));
    }
  
    .lg\:bg-yellow-100 {
      --bg-opacity: 1;
      background-color: #fffff0;
      background-color: rgba(255, 255, 240, var(--bg-opacity));
    }
  
    .lg\:bg-yellow-200 {
      --bg-opacity: 1;
      background-color: #fefcbf;
      background-color: rgba(254, 252, 191, var(--bg-opacity));
    }
  
    .lg\:bg-yellow-300 {
      --bg-opacity: 1;
      background-color: #faf089;
      background-color: rgba(250, 240, 137, var(--bg-opacity));
    }
  
    .lg\:bg-yellow-400 {
      --bg-opacity: 1;
      background-color: #f6e05e;
      background-color: rgba(246, 224, 94, var(--bg-opacity));
    }
  
    .lg\:bg-yellow-500 {
      --bg-opacity: 1;
      background-color: #ecc94b;
      background-color: rgba(236, 201, 75, var(--bg-opacity));
    }
  
    .lg\:bg-yellow-600 {
      --bg-opacity: 1;
      background-color: #d69e2e;
      background-color: rgba(214, 158, 46, var(--bg-opacity));
    }
  
    .lg\:bg-yellow-700 {
      --bg-opacity: 1;
      background-color: #b7791f;
      background-color: rgba(183, 121, 31, var(--bg-opacity));
    }
  
    .lg\:bg-yellow-800 {
      --bg-opacity: 1;
      background-color: #975a16;
      background-color: rgba(151, 90, 22, var(--bg-opacity));
    }
  
    .lg\:bg-yellow-900 {
      --bg-opacity: 1;
      background-color: #744210;
      background-color: rgba(116, 66, 16, var(--bg-opacity));
    }
  
    .lg\:bg-green-100 {
      --bg-opacity: 1;
      background-color: #f0fff4;
      background-color: rgba(240, 255, 244, var(--bg-opacity));
    }
  
    .lg\:bg-green-200 {
      --bg-opacity: 1;
      background-color: #c6f6d5;
      background-color: rgba(198, 246, 213, var(--bg-opacity));
    }
  
    .lg\:bg-green-300 {
      --bg-opacity: 1;
      background-color: #9ae6b4;
      background-color: rgba(154, 230, 180, var(--bg-opacity));
    }
  
    .lg\:bg-green-400 {
      --bg-opacity: 1;
      background-color: #68d391;
      background-color: rgba(104, 211, 145, var(--bg-opacity));
    }
  
    .lg\:bg-green-500 {
      --bg-opacity: 1;
      background-color: #48bb78;
      background-color: rgba(72, 187, 120, var(--bg-opacity));
    }
  
    .lg\:bg-green-600 {
      --bg-opacity: 1;
      background-color: #38a169;
      background-color: rgba(56, 161, 105, var(--bg-opacity));
    }
  
    .lg\:bg-green-700 {
      --bg-opacity: 1;
      background-color: #2f855a;
      background-color: rgba(47, 133, 90, var(--bg-opacity));
    }
  
    .lg\:bg-green-800 {
      --bg-opacity: 1;
      background-color: #276749;
      background-color: rgba(39, 103, 73, var(--bg-opacity));
    }
  
    .lg\:bg-green-900 {
      --bg-opacity: 1;
      background-color: #22543d;
      background-color: rgba(34, 84, 61, var(--bg-opacity));
    }
  
    .lg\:bg-teal-100 {
      --bg-opacity: 1;
      background-color: #e6fffa;
      background-color: rgba(230, 255, 250, var(--bg-opacity));
    }
  
    .lg\:bg-teal-200 {
      --bg-opacity: 1;
      background-color: #b2f5ea;
      background-color: rgba(178, 245, 234, var(--bg-opacity));
    }
  
    .lg\:bg-teal-300 {
      --bg-opacity: 1;
      background-color: #81e6d9;
      background-color: rgba(129, 230, 217, var(--bg-opacity));
    }
  
    .lg\:bg-teal-400 {
      --bg-opacity: 1;
      background-color: #4fd1c5;
      background-color: rgba(79, 209, 197, var(--bg-opacity));
    }
  
    .lg\:bg-teal-500 {
      --bg-opacity: 1;
      background-color: #38b2ac;
      background-color: rgba(56, 178, 172, var(--bg-opacity));
    }
  
    .lg\:bg-teal-600 {
      --bg-opacity: 1;
      background-color: #319795;
      background-color: rgba(49, 151, 149, var(--bg-opacity));
    }
  
    .lg\:bg-teal-700 {
      --bg-opacity: 1;
      background-color: #2c7a7b;
      background-color: rgba(44, 122, 123, var(--bg-opacity));
    }
  
    .lg\:bg-teal-800 {
      --bg-opacity: 1;
      background-color: #285e61;
      background-color: rgba(40, 94, 97, var(--bg-opacity));
    }
  
    .lg\:bg-teal-900 {
      --bg-opacity: 1;
      background-color: #234e52;
      background-color: rgba(35, 78, 82, var(--bg-opacity));
    }
  
    .lg\:bg-blue-100 {
      --bg-opacity: 1;
      background-color: #ebf8ff;
      background-color: rgba(235, 248, 255, var(--bg-opacity));
    }
  
    .lg\:bg-blue-200 {
      --bg-opacity: 1;
      background-color: #bee3f8;
      background-color: rgba(190, 227, 248, var(--bg-opacity));
    }
  
    .lg\:bg-blue-300 {
      --bg-opacity: 1;
      background-color: #90cdf4;
      background-color: rgba(144, 205, 244, var(--bg-opacity));
    }
  
    .lg\:bg-blue-400 {
      --bg-opacity: 1;
      background-color: #63b3ed;
      background-color: rgba(99, 179, 237, var(--bg-opacity));
    }
  
    .lg\:bg-blue-500 {
      --bg-opacity: 1;
      background-color: #4299e1;
      background-color: rgba(66, 153, 225, var(--bg-opacity));
    }
  
    .lg\:bg-blue-600 {
      --bg-opacity: 1;
      background-color: #3182ce;
      background-color: rgba(49, 130, 206, var(--bg-opacity));
    }
  
    .lg\:bg-blue-700 {
      --bg-opacity: 1;
      background-color: #2b6cb0;
      background-color: rgba(43, 108, 176, var(--bg-opacity));
    }
  
    .lg\:bg-blue-800 {
      --bg-opacity: 1;
      background-color: #2c5282;
      background-color: rgba(44, 82, 130, var(--bg-opacity));
    }
  
    .lg\:bg-blue-900 {
      --bg-opacity: 1;
      background-color: #2a4365;
      background-color: rgba(42, 67, 101, var(--bg-opacity));
    }
  
    .lg\:bg-indigo-100 {
      --bg-opacity: 1;
      background-color: #ebf4ff;
      background-color: rgba(235, 244, 255, var(--bg-opacity));
    }
  
    .lg\:bg-indigo-200 {
      --bg-opacity: 1;
      background-color: #c3dafe;
      background-color: rgba(195, 218, 254, var(--bg-opacity));
    }
  
    .lg\:bg-indigo-300 {
      --bg-opacity: 1;
      background-color: #a3bffa;
      background-color: rgba(163, 191, 250, var(--bg-opacity));
    }
  
    .lg\:bg-indigo-400 {
      --bg-opacity: 1;
      background-color: #7f9cf5;
      background-color: rgba(127, 156, 245, var(--bg-opacity));
    }
  
    .lg\:bg-indigo-500 {
      --bg-opacity: 1;
      background-color: #667eea;
      background-color: rgba(102, 126, 234, var(--bg-opacity));
    }
  
    .lg\:bg-indigo-600 {
      --bg-opacity: 1;
      background-color: #5a67d8;
      background-color: rgba(90, 103, 216, var(--bg-opacity));
    }
  
    .lg\:bg-indigo-700 {
      --bg-opacity: 1;
      background-color: #4c51bf;
      background-color: rgba(76, 81, 191, var(--bg-opacity));
    }
  
    .lg\:bg-indigo-800 {
      --bg-opacity: 1;
      background-color: #434190;
      background-color: rgba(67, 65, 144, var(--bg-opacity));
    }
  
    .lg\:bg-indigo-900 {
      --bg-opacity: 1;
      background-color: #3c366b;
      background-color: rgba(60, 54, 107, var(--bg-opacity));
    }
  
    .lg\:bg-purple-100 {
      --bg-opacity: 1;
      background-color: #faf5ff;
      background-color: rgba(250, 245, 255, var(--bg-opacity));
    }
  
    .lg\:bg-purple-200 {
      --bg-opacity: 1;
      background-color: #e9d8fd;
      background-color: rgba(233, 216, 253, var(--bg-opacity));
    }
  
    .lg\:bg-purple-300 {
      --bg-opacity: 1;
      background-color: #d6bcfa;
      background-color: rgba(214, 188, 250, var(--bg-opacity));
    }
  
    .lg\:bg-purple-400 {
      --bg-opacity: 1;
      background-color: #b794f4;
      background-color: rgba(183, 148, 244, var(--bg-opacity));
    }
  
    .lg\:bg-purple-500 {
      --bg-opacity: 1;
      background-color: #9f7aea;
      background-color: rgba(159, 122, 234, var(--bg-opacity));
    }
  
    .lg\:bg-purple-600 {
      --bg-opacity: 1;
      background-color: #805ad5;
      background-color: rgba(128, 90, 213, var(--bg-opacity));
    }
  
    .lg\:bg-purple-700 {
      --bg-opacity: 1;
      background-color: #6b46c1;
      background-color: rgba(107, 70, 193, var(--bg-opacity));
    }
  
    .lg\:bg-purple-800 {
      --bg-opacity: 1;
      background-color: #553c9a;
      background-color: rgba(85, 60, 154, var(--bg-opacity));
    }
  
    .lg\:bg-purple-900 {
      --bg-opacity: 1;
      background-color: #44337a;
      background-color: rgba(68, 51, 122, var(--bg-opacity));
    }
  
    .lg\:bg-pink-100 {
      --bg-opacity: 1;
      background-color: #fff5f7;
      background-color: rgba(255, 245, 247, var(--bg-opacity));
    }
  
    .lg\:bg-pink-200 {
      --bg-opacity: 1;
      background-color: #fed7e2;
      background-color: rgba(254, 215, 226, var(--bg-opacity));
    }
  
    .lg\:bg-pink-300 {
      --bg-opacity: 1;
      background-color: #fbb6ce;
      background-color: rgba(251, 182, 206, var(--bg-opacity));
    }
  
    .lg\:bg-pink-400 {
      --bg-opacity: 1;
      background-color: #f687b3;
      background-color: rgba(246, 135, 179, var(--bg-opacity));
    }
  
    .lg\:bg-pink-500 {
      --bg-opacity: 1;
      background-color: #ed64a6;
      background-color: rgba(237, 100, 166, var(--bg-opacity));
    }
  
    .lg\:bg-pink-600 {
      --bg-opacity: 1;
      background-color: #d53f8c;
      background-color: rgba(213, 63, 140, var(--bg-opacity));
    }
  
    .lg\:bg-pink-700 {
      --bg-opacity: 1;
      background-color: #b83280;
      background-color: rgba(184, 50, 128, var(--bg-opacity));
    }
  
    .lg\:bg-pink-800 {
      --bg-opacity: 1;
      background-color: #97266d;
      background-color: rgba(151, 38, 109, var(--bg-opacity));
    }
  
    .lg\:bg-pink-900 {
      --bg-opacity: 1;
      background-color: #702459;
      background-color: rgba(112, 36, 89, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-transparent:hover {
      background-color: transparent;
    }
  
    .lg\:hover\:bg-current:hover {
      background-color: currentColor;
    }
  
    .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-red-100:hover {
      --bg-opacity: 1;
      background-color: #fff5f5;
      background-color: rgba(255, 245, 245, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-red-200:hover {
      --bg-opacity: 1;
      background-color: #fed7d7;
      background-color: rgba(254, 215, 215, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-red-300:hover {
      --bg-opacity: 1;
      background-color: #feb2b2;
      background-color: rgba(254, 178, 178, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-red-400:hover {
      --bg-opacity: 1;
      background-color: #fc8181;
      background-color: rgba(252, 129, 129, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-red-500:hover {
      --bg-opacity: 1;
      background-color: #f56565;
      background-color: rgba(245, 101, 101, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-red-600:hover {
      --bg-opacity: 1;
      background-color: #e53e3e;
      background-color: rgba(229, 62, 62, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-red-700:hover {
      --bg-opacity: 1;
      background-color: #c53030;
      background-color: rgba(197, 48, 48, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-red-800:hover {
      --bg-opacity: 1;
      background-color: #9b2c2c;
      background-color: rgba(155, 44, 44, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-red-900:hover {
      --bg-opacity: 1;
      background-color: #742a2a;
      background-color: rgba(116, 42, 42, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-orange-100:hover {
      --bg-opacity: 1;
      background-color: #fffaf0;
      background-color: rgba(255, 250, 240, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-orange-200:hover {
      --bg-opacity: 1;
      background-color: #feebc8;
      background-color: rgba(254, 235, 200, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-orange-300:hover {
      --bg-opacity: 1;
      background-color: #fbd38d;
      background-color: rgba(251, 211, 141, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-orange-400:hover {
      --bg-opacity: 1;
      background-color: #f6ad55;
      background-color: rgba(246, 173, 85, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-orange-500:hover {
      --bg-opacity: 1;
      background-color: #ed8936;
      background-color: rgba(237, 137, 54, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-orange-600:hover {
      --bg-opacity: 1;
      background-color: #dd6b20;
      background-color: rgba(221, 107, 32, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-orange-700:hover {
      --bg-opacity: 1;
      background-color: #c05621;
      background-color: rgba(192, 86, 33, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-orange-800:hover {
      --bg-opacity: 1;
      background-color: #9c4221;
      background-color: rgba(156, 66, 33, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-orange-900:hover {
      --bg-opacity: 1;
      background-color: #7b341e;
      background-color: rgba(123, 52, 30, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-yellow-100:hover {
      --bg-opacity: 1;
      background-color: #fffff0;
      background-color: rgba(255, 255, 240, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-yellow-200:hover {
      --bg-opacity: 1;
      background-color: #fefcbf;
      background-color: rgba(254, 252, 191, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-yellow-300:hover {
      --bg-opacity: 1;
      background-color: #faf089;
      background-color: rgba(250, 240, 137, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-yellow-400:hover {
      --bg-opacity: 1;
      background-color: #f6e05e;
      background-color: rgba(246, 224, 94, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-yellow-500:hover {
      --bg-opacity: 1;
      background-color: #ecc94b;
      background-color: rgba(236, 201, 75, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-yellow-600:hover {
      --bg-opacity: 1;
      background-color: #d69e2e;
      background-color: rgba(214, 158, 46, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-yellow-700:hover {
      --bg-opacity: 1;
      background-color: #b7791f;
      background-color: rgba(183, 121, 31, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-yellow-800:hover {
      --bg-opacity: 1;
      background-color: #975a16;
      background-color: rgba(151, 90, 22, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-yellow-900:hover {
      --bg-opacity: 1;
      background-color: #744210;
      background-color: rgba(116, 66, 16, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-green-100:hover {
      --bg-opacity: 1;
      background-color: #f0fff4;
      background-color: rgba(240, 255, 244, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-green-200:hover {
      --bg-opacity: 1;
      background-color: #c6f6d5;
      background-color: rgba(198, 246, 213, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-green-300:hover {
      --bg-opacity: 1;
      background-color: #9ae6b4;
      background-color: rgba(154, 230, 180, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-green-400:hover {
      --bg-opacity: 1;
      background-color: #68d391;
      background-color: rgba(104, 211, 145, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-green-500:hover {
      --bg-opacity: 1;
      background-color: #48bb78;
      background-color: rgba(72, 187, 120, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-green-600:hover {
      --bg-opacity: 1;
      background-color: #38a169;
      background-color: rgba(56, 161, 105, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-green-700:hover {
      --bg-opacity: 1;
      background-color: #2f855a;
      background-color: rgba(47, 133, 90, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-green-800:hover {
      --bg-opacity: 1;
      background-color: #276749;
      background-color: rgba(39, 103, 73, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-green-900:hover {
      --bg-opacity: 1;
      background-color: #22543d;
      background-color: rgba(34, 84, 61, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-teal-100:hover {
      --bg-opacity: 1;
      background-color: #e6fffa;
      background-color: rgba(230, 255, 250, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-teal-200:hover {
      --bg-opacity: 1;
      background-color: #b2f5ea;
      background-color: rgba(178, 245, 234, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-teal-300:hover {
      --bg-opacity: 1;
      background-color: #81e6d9;
      background-color: rgba(129, 230, 217, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-teal-400:hover {
      --bg-opacity: 1;
      background-color: #4fd1c5;
      background-color: rgba(79, 209, 197, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-teal-500:hover {
      --bg-opacity: 1;
      background-color: #38b2ac;
      background-color: rgba(56, 178, 172, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-teal-600:hover {
      --bg-opacity: 1;
      background-color: #319795;
      background-color: rgba(49, 151, 149, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-teal-700:hover {
      --bg-opacity: 1;
      background-color: #2c7a7b;
      background-color: rgba(44, 122, 123, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-teal-800:hover {
      --bg-opacity: 1;
      background-color: #285e61;
      background-color: rgba(40, 94, 97, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-teal-900:hover {
      --bg-opacity: 1;
      background-color: #234e52;
      background-color: rgba(35, 78, 82, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-blue-100:hover {
      --bg-opacity: 1;
      background-color: #ebf8ff;
      background-color: rgba(235, 248, 255, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-blue-200:hover {
      --bg-opacity: 1;
      background-color: #bee3f8;
      background-color: rgba(190, 227, 248, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-blue-300:hover {
      --bg-opacity: 1;
      background-color: #90cdf4;
      background-color: rgba(144, 205, 244, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-blue-400:hover {
      --bg-opacity: 1;
      background-color: #63b3ed;
      background-color: rgba(99, 179, 237, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-blue-500:hover {
      --bg-opacity: 1;
      background-color: #4299e1;
      background-color: rgba(66, 153, 225, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-blue-600:hover {
      --bg-opacity: 1;
      background-color: #3182ce;
      background-color: rgba(49, 130, 206, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-blue-700:hover {
      --bg-opacity: 1;
      background-color: #2b6cb0;
      background-color: rgba(43, 108, 176, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-blue-800:hover {
      --bg-opacity: 1;
      background-color: #2c5282;
      background-color: rgba(44, 82, 130, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-blue-900:hover {
      --bg-opacity: 1;
      background-color: #2a4365;
      background-color: rgba(42, 67, 101, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-indigo-100:hover {
      --bg-opacity: 1;
      background-color: #ebf4ff;
      background-color: rgba(235, 244, 255, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-indigo-200:hover {
      --bg-opacity: 1;
      background-color: #c3dafe;
      background-color: rgba(195, 218, 254, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-indigo-300:hover {
      --bg-opacity: 1;
      background-color: #a3bffa;
      background-color: rgba(163, 191, 250, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-indigo-400:hover {
      --bg-opacity: 1;
      background-color: #7f9cf5;
      background-color: rgba(127, 156, 245, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-indigo-500:hover {
      --bg-opacity: 1;
      background-color: #667eea;
      background-color: rgba(102, 126, 234, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-indigo-600:hover {
      --bg-opacity: 1;
      background-color: #5a67d8;
      background-color: rgba(90, 103, 216, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-indigo-700:hover {
      --bg-opacity: 1;
      background-color: #4c51bf;
      background-color: rgba(76, 81, 191, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-indigo-800:hover {
      --bg-opacity: 1;
      background-color: #434190;
      background-color: rgba(67, 65, 144, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-indigo-900:hover {
      --bg-opacity: 1;
      background-color: #3c366b;
      background-color: rgba(60, 54, 107, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-purple-100:hover {
      --bg-opacity: 1;
      background-color: #faf5ff;
      background-color: rgba(250, 245, 255, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-purple-200:hover {
      --bg-opacity: 1;
      background-color: #e9d8fd;
      background-color: rgba(233, 216, 253, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-purple-300:hover {
      --bg-opacity: 1;
      background-color: #d6bcfa;
      background-color: rgba(214, 188, 250, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-purple-400:hover {
      --bg-opacity: 1;
      background-color: #b794f4;
      background-color: rgba(183, 148, 244, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-purple-500:hover {
      --bg-opacity: 1;
      background-color: #9f7aea;
      background-color: rgba(159, 122, 234, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-purple-600:hover {
      --bg-opacity: 1;
      background-color: #805ad5;
      background-color: rgba(128, 90, 213, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-purple-700:hover {
      --bg-opacity: 1;
      background-color: #6b46c1;
      background-color: rgba(107, 70, 193, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-purple-800:hover {
      --bg-opacity: 1;
      background-color: #553c9a;
      background-color: rgba(85, 60, 154, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-purple-900:hover {
      --bg-opacity: 1;
      background-color: #44337a;
      background-color: rgba(68, 51, 122, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-pink-100:hover {
      --bg-opacity: 1;
      background-color: #fff5f7;
      background-color: rgba(255, 245, 247, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-pink-200:hover {
      --bg-opacity: 1;
      background-color: #fed7e2;
      background-color: rgba(254, 215, 226, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-pink-300:hover {
      --bg-opacity: 1;
      background-color: #fbb6ce;
      background-color: rgba(251, 182, 206, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-pink-400:hover {
      --bg-opacity: 1;
      background-color: #f687b3;
      background-color: rgba(246, 135, 179, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-pink-500:hover {
      --bg-opacity: 1;
      background-color: #ed64a6;
      background-color: rgba(237, 100, 166, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-pink-600:hover {
      --bg-opacity: 1;
      background-color: #d53f8c;
      background-color: rgba(213, 63, 140, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-pink-700:hover {
      --bg-opacity: 1;
      background-color: #b83280;
      background-color: rgba(184, 50, 128, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-pink-800:hover {
      --bg-opacity: 1;
      background-color: #97266d;
      background-color: rgba(151, 38, 109, var(--bg-opacity));
    }
  
    .lg\:hover\:bg-pink-900:hover {
      --bg-opacity: 1;
      background-color: #702459;
      background-color: rgba(112, 36, 89, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-transparent:focus {
      background-color: transparent;
    }
  
    .lg\:focus\:bg-current:focus {
      background-color: currentColor;
    }
  
    .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-red-100:focus {
      --bg-opacity: 1;
      background-color: #fff5f5;
      background-color: rgba(255, 245, 245, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-red-200:focus {
      --bg-opacity: 1;
      background-color: #fed7d7;
      background-color: rgba(254, 215, 215, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-red-300:focus {
      --bg-opacity: 1;
      background-color: #feb2b2;
      background-color: rgba(254, 178, 178, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-red-400:focus {
      --bg-opacity: 1;
      background-color: #fc8181;
      background-color: rgba(252, 129, 129, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-red-500:focus {
      --bg-opacity: 1;
      background-color: #f56565;
      background-color: rgba(245, 101, 101, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-red-600:focus {
      --bg-opacity: 1;
      background-color: #e53e3e;
      background-color: rgba(229, 62, 62, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-red-700:focus {
      --bg-opacity: 1;
      background-color: #c53030;
      background-color: rgba(197, 48, 48, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-red-800:focus {
      --bg-opacity: 1;
      background-color: #9b2c2c;
      background-color: rgba(155, 44, 44, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-red-900:focus {
      --bg-opacity: 1;
      background-color: #742a2a;
      background-color: rgba(116, 42, 42, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-orange-100:focus {
      --bg-opacity: 1;
      background-color: #fffaf0;
      background-color: rgba(255, 250, 240, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-orange-200:focus {
      --bg-opacity: 1;
      background-color: #feebc8;
      background-color: rgba(254, 235, 200, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-orange-300:focus {
      --bg-opacity: 1;
      background-color: #fbd38d;
      background-color: rgba(251, 211, 141, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-orange-400:focus {
      --bg-opacity: 1;
      background-color: #f6ad55;
      background-color: rgba(246, 173, 85, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-orange-500:focus {
      --bg-opacity: 1;
      background-color: #ed8936;
      background-color: rgba(237, 137, 54, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-orange-600:focus {
      --bg-opacity: 1;
      background-color: #dd6b20;
      background-color: rgba(221, 107, 32, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-orange-700:focus {
      --bg-opacity: 1;
      background-color: #c05621;
      background-color: rgba(192, 86, 33, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-orange-800:focus {
      --bg-opacity: 1;
      background-color: #9c4221;
      background-color: rgba(156, 66, 33, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-orange-900:focus {
      --bg-opacity: 1;
      background-color: #7b341e;
      background-color: rgba(123, 52, 30, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-yellow-100:focus {
      --bg-opacity: 1;
      background-color: #fffff0;
      background-color: rgba(255, 255, 240, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-yellow-200:focus {
      --bg-opacity: 1;
      background-color: #fefcbf;
      background-color: rgba(254, 252, 191, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-yellow-300:focus {
      --bg-opacity: 1;
      background-color: #faf089;
      background-color: rgba(250, 240, 137, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-yellow-400:focus {
      --bg-opacity: 1;
      background-color: #f6e05e;
      background-color: rgba(246, 224, 94, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-yellow-500:focus {
      --bg-opacity: 1;
      background-color: #ecc94b;
      background-color: rgba(236, 201, 75, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-yellow-600:focus {
      --bg-opacity: 1;
      background-color: #d69e2e;
      background-color: rgba(214, 158, 46, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-yellow-700:focus {
      --bg-opacity: 1;
      background-color: #b7791f;
      background-color: rgba(183, 121, 31, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-yellow-800:focus {
      --bg-opacity: 1;
      background-color: #975a16;
      background-color: rgba(151, 90, 22, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-yellow-900:focus {
      --bg-opacity: 1;
      background-color: #744210;
      background-color: rgba(116, 66, 16, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-green-100:focus {
      --bg-opacity: 1;
      background-color: #f0fff4;
      background-color: rgba(240, 255, 244, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-green-200:focus {
      --bg-opacity: 1;
      background-color: #c6f6d5;
      background-color: rgba(198, 246, 213, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-green-300:focus {
      --bg-opacity: 1;
      background-color: #9ae6b4;
      background-color: rgba(154, 230, 180, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-green-400:focus {
      --bg-opacity: 1;
      background-color: #68d391;
      background-color: rgba(104, 211, 145, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-green-500:focus {
      --bg-opacity: 1;
      background-color: #48bb78;
      background-color: rgba(72, 187, 120, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-green-600:focus {
      --bg-opacity: 1;
      background-color: #38a169;
      background-color: rgba(56, 161, 105, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-green-700:focus {
      --bg-opacity: 1;
      background-color: #2f855a;
      background-color: rgba(47, 133, 90, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-green-800:focus {
      --bg-opacity: 1;
      background-color: #276749;
      background-color: rgba(39, 103, 73, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-green-900:focus {
      --bg-opacity: 1;
      background-color: #22543d;
      background-color: rgba(34, 84, 61, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-teal-100:focus {
      --bg-opacity: 1;
      background-color: #e6fffa;
      background-color: rgba(230, 255, 250, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-teal-200:focus {
      --bg-opacity: 1;
      background-color: #b2f5ea;
      background-color: rgba(178, 245, 234, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-teal-300:focus {
      --bg-opacity: 1;
      background-color: #81e6d9;
      background-color: rgba(129, 230, 217, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-teal-400:focus {
      --bg-opacity: 1;
      background-color: #4fd1c5;
      background-color: rgba(79, 209, 197, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-teal-500:focus {
      --bg-opacity: 1;
      background-color: #38b2ac;
      background-color: rgba(56, 178, 172, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-teal-600:focus {
      --bg-opacity: 1;
      background-color: #319795;
      background-color: rgba(49, 151, 149, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-teal-700:focus {
      --bg-opacity: 1;
      background-color: #2c7a7b;
      background-color: rgba(44, 122, 123, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-teal-800:focus {
      --bg-opacity: 1;
      background-color: #285e61;
      background-color: rgba(40, 94, 97, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-teal-900:focus {
      --bg-opacity: 1;
      background-color: #234e52;
      background-color: rgba(35, 78, 82, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-blue-100:focus {
      --bg-opacity: 1;
      background-color: #ebf8ff;
      background-color: rgba(235, 248, 255, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-blue-200:focus {
      --bg-opacity: 1;
      background-color: #bee3f8;
      background-color: rgba(190, 227, 248, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-blue-300:focus {
      --bg-opacity: 1;
      background-color: #90cdf4;
      background-color: rgba(144, 205, 244, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-blue-400:focus {
      --bg-opacity: 1;
      background-color: #63b3ed;
      background-color: rgba(99, 179, 237, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-blue-500:focus {
      --bg-opacity: 1;
      background-color: #4299e1;
      background-color: rgba(66, 153, 225, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-blue-600:focus {
      --bg-opacity: 1;
      background-color: #3182ce;
      background-color: rgba(49, 130, 206, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-blue-700:focus {
      --bg-opacity: 1;
      background-color: #2b6cb0;
      background-color: rgba(43, 108, 176, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-blue-800:focus {
      --bg-opacity: 1;
      background-color: #2c5282;
      background-color: rgba(44, 82, 130, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-blue-900:focus {
      --bg-opacity: 1;
      background-color: #2a4365;
      background-color: rgba(42, 67, 101, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-indigo-100:focus {
      --bg-opacity: 1;
      background-color: #ebf4ff;
      background-color: rgba(235, 244, 255, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-indigo-200:focus {
      --bg-opacity: 1;
      background-color: #c3dafe;
      background-color: rgba(195, 218, 254, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-indigo-300:focus {
      --bg-opacity: 1;
      background-color: #a3bffa;
      background-color: rgba(163, 191, 250, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-indigo-400:focus {
      --bg-opacity: 1;
      background-color: #7f9cf5;
      background-color: rgba(127, 156, 245, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-indigo-500:focus {
      --bg-opacity: 1;
      background-color: #667eea;
      background-color: rgba(102, 126, 234, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-indigo-600:focus {
      --bg-opacity: 1;
      background-color: #5a67d8;
      background-color: rgba(90, 103, 216, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-indigo-700:focus {
      --bg-opacity: 1;
      background-color: #4c51bf;
      background-color: rgba(76, 81, 191, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-indigo-800:focus {
      --bg-opacity: 1;
      background-color: #434190;
      background-color: rgba(67, 65, 144, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-indigo-900:focus {
      --bg-opacity: 1;
      background-color: #3c366b;
      background-color: rgba(60, 54, 107, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-purple-100:focus {
      --bg-opacity: 1;
      background-color: #faf5ff;
      background-color: rgba(250, 245, 255, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-purple-200:focus {
      --bg-opacity: 1;
      background-color: #e9d8fd;
      background-color: rgba(233, 216, 253, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-purple-300:focus {
      --bg-opacity: 1;
      background-color: #d6bcfa;
      background-color: rgba(214, 188, 250, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-purple-400:focus {
      --bg-opacity: 1;
      background-color: #b794f4;
      background-color: rgba(183, 148, 244, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-purple-500:focus {
      --bg-opacity: 1;
      background-color: #9f7aea;
      background-color: rgba(159, 122, 234, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-purple-600:focus {
      --bg-opacity: 1;
      background-color: #805ad5;
      background-color: rgba(128, 90, 213, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-purple-700:focus {
      --bg-opacity: 1;
      background-color: #6b46c1;
      background-color: rgba(107, 70, 193, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-purple-800:focus {
      --bg-opacity: 1;
      background-color: #553c9a;
      background-color: rgba(85, 60, 154, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-purple-900:focus {
      --bg-opacity: 1;
      background-color: #44337a;
      background-color: rgba(68, 51, 122, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-pink-100:focus {
      --bg-opacity: 1;
      background-color: #fff5f7;
      background-color: rgba(255, 245, 247, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-pink-200:focus {
      --bg-opacity: 1;
      background-color: #fed7e2;
      background-color: rgba(254, 215, 226, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-pink-300:focus {
      --bg-opacity: 1;
      background-color: #fbb6ce;
      background-color: rgba(251, 182, 206, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-pink-400:focus {
      --bg-opacity: 1;
      background-color: #f687b3;
      background-color: rgba(246, 135, 179, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-pink-500:focus {
      --bg-opacity: 1;
      background-color: #ed64a6;
      background-color: rgba(237, 100, 166, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-pink-600:focus {
      --bg-opacity: 1;
      background-color: #d53f8c;
      background-color: rgba(213, 63, 140, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-pink-700:focus {
      --bg-opacity: 1;
      background-color: #b83280;
      background-color: rgba(184, 50, 128, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-pink-800:focus {
      --bg-opacity: 1;
      background-color: #97266d;
      background-color: rgba(151, 38, 109, var(--bg-opacity));
    }
  
    .lg\:focus\:bg-pink-900:focus {
      --bg-opacity: 1;
      background-color: #702459;
      background-color: rgba(112, 36, 89, 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-current {
      --gradient-from-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100 {
      --gradient-from-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .lg\:from-red-200 {
      --gradient-from-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .lg\:from-red-300 {
      --gradient-from-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .lg\:from-red-400 {
      --gradient-from-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .lg\:from-red-500 {
      --gradient-from-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .lg\:from-red-600 {
      --gradient-from-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .lg\:from-red-700 {
      --gradient-from-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .lg\:from-red-800 {
      --gradient-from-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .lg\:from-red-900 {
      --gradient-from-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .lg\:from-orange-100 {
      --gradient-from-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .lg\:from-orange-200 {
      --gradient-from-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .lg\:from-orange-300 {
      --gradient-from-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .lg\:from-orange-400 {
      --gradient-from-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .lg\:from-orange-500 {
      --gradient-from-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .lg\:from-orange-600 {
      --gradient-from-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .lg\:from-orange-700 {
      --gradient-from-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .lg\:from-orange-800 {
      --gradient-from-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .lg\:from-orange-900 {
      --gradient-from-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .lg\:from-yellow-100 {
      --gradient-from-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .lg\:from-yellow-200 {
      --gradient-from-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .lg\:from-yellow-300 {
      --gradient-from-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .lg\:from-yellow-400 {
      --gradient-from-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .lg\:from-yellow-500 {
      --gradient-from-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .lg\:from-yellow-600 {
      --gradient-from-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .lg\:from-yellow-700 {
      --gradient-from-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .lg\:from-yellow-800 {
      --gradient-from-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .lg\:from-yellow-900 {
      --gradient-from-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .lg\:from-green-100 {
      --gradient-from-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .lg\:from-green-200 {
      --gradient-from-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .lg\:from-green-300 {
      --gradient-from-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .lg\:from-green-400 {
      --gradient-from-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .lg\:from-green-500 {
      --gradient-from-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .lg\:from-green-600 {
      --gradient-from-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .lg\:from-green-700 {
      --gradient-from-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .lg\:from-green-800 {
      --gradient-from-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .lg\:from-green-900 {
      --gradient-from-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .lg\:from-teal-100 {
      --gradient-from-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .lg\:from-teal-200 {
      --gradient-from-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .lg\:from-teal-300 {
      --gradient-from-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .lg\:from-teal-400 {
      --gradient-from-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .lg\:from-teal-500 {
      --gradient-from-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .lg\:from-teal-600 {
      --gradient-from-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .lg\:from-teal-700 {
      --gradient-from-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .lg\:from-teal-800 {
      --gradient-from-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .lg\:from-teal-900 {
      --gradient-from-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .lg\:from-blue-100 {
      --gradient-from-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .lg\:from-blue-200 {
      --gradient-from-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .lg\:from-blue-300 {
      --gradient-from-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .lg\:from-blue-400 {
      --gradient-from-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .lg\:from-blue-500 {
      --gradient-from-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .lg\:from-blue-600 {
      --gradient-from-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .lg\:from-blue-700 {
      --gradient-from-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .lg\:from-blue-800 {
      --gradient-from-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .lg\:from-blue-900 {
      --gradient-from-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .lg\:from-indigo-100 {
      --gradient-from-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .lg\:from-indigo-200 {
      --gradient-from-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .lg\:from-indigo-300 {
      --gradient-from-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .lg\:from-indigo-400 {
      --gradient-from-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .lg\:from-indigo-500 {
      --gradient-from-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .lg\:from-indigo-600 {
      --gradient-from-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .lg\:from-indigo-700 {
      --gradient-from-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .lg\:from-indigo-800 {
      --gradient-from-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .lg\:from-indigo-900 {
      --gradient-from-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .lg\:from-purple-100 {
      --gradient-from-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .lg\:from-purple-200 {
      --gradient-from-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .lg\:from-purple-300 {
      --gradient-from-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .lg\:from-purple-400 {
      --gradient-from-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .lg\:from-purple-500 {
      --gradient-from-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .lg\:from-purple-600 {
      --gradient-from-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .lg\:from-purple-700 {
      --gradient-from-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .lg\:from-purple-800 {
      --gradient-from-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .lg\:from-purple-900 {
      --gradient-from-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .lg\:from-pink-100 {
      --gradient-from-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .lg\:from-pink-200 {
      --gradient-from-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .lg\:from-pink-300 {
      --gradient-from-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .lg\:from-pink-400 {
      --gradient-from-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .lg\:from-pink-500 {
      --gradient-from-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .lg\:from-pink-600 {
      --gradient-from-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .lg\:from-pink-700 {
      --gradient-from-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .lg\:from-pink-800 {
      --gradient-from-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .lg\:from-pink-900 {
      --gradient-from-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 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-current {
      --gradient-via-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100 {
      --gradient-via-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .lg\:via-red-200 {
      --gradient-via-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .lg\:via-red-300 {
      --gradient-via-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .lg\:via-red-400 {
      --gradient-via-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .lg\:via-red-500 {
      --gradient-via-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .lg\:via-red-600 {
      --gradient-via-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .lg\:via-red-700 {
      --gradient-via-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .lg\:via-red-800 {
      --gradient-via-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .lg\:via-red-900 {
      --gradient-via-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .lg\:via-orange-100 {
      --gradient-via-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .lg\:via-orange-200 {
      --gradient-via-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .lg\:via-orange-300 {
      --gradient-via-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .lg\:via-orange-400 {
      --gradient-via-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .lg\:via-orange-500 {
      --gradient-via-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .lg\:via-orange-600 {
      --gradient-via-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .lg\:via-orange-700 {
      --gradient-via-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .lg\:via-orange-800 {
      --gradient-via-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .lg\:via-orange-900 {
      --gradient-via-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .lg\:via-yellow-100 {
      --gradient-via-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .lg\:via-yellow-200 {
      --gradient-via-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .lg\:via-yellow-300 {
      --gradient-via-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .lg\:via-yellow-400 {
      --gradient-via-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .lg\:via-yellow-500 {
      --gradient-via-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .lg\:via-yellow-600 {
      --gradient-via-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .lg\:via-yellow-700 {
      --gradient-via-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .lg\:via-yellow-800 {
      --gradient-via-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .lg\:via-yellow-900 {
      --gradient-via-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .lg\:via-green-100 {
      --gradient-via-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .lg\:via-green-200 {
      --gradient-via-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .lg\:via-green-300 {
      --gradient-via-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .lg\:via-green-400 {
      --gradient-via-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .lg\:via-green-500 {
      --gradient-via-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .lg\:via-green-600 {
      --gradient-via-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .lg\:via-green-700 {
      --gradient-via-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .lg\:via-green-800 {
      --gradient-via-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .lg\:via-green-900 {
      --gradient-via-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .lg\:via-teal-100 {
      --gradient-via-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .lg\:via-teal-200 {
      --gradient-via-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .lg\:via-teal-300 {
      --gradient-via-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .lg\:via-teal-400 {
      --gradient-via-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .lg\:via-teal-500 {
      --gradient-via-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .lg\:via-teal-600 {
      --gradient-via-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .lg\:via-teal-700 {
      --gradient-via-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .lg\:via-teal-800 {
      --gradient-via-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .lg\:via-teal-900 {
      --gradient-via-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .lg\:via-blue-100 {
      --gradient-via-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .lg\:via-blue-200 {
      --gradient-via-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .lg\:via-blue-300 {
      --gradient-via-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .lg\:via-blue-400 {
      --gradient-via-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .lg\:via-blue-500 {
      --gradient-via-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .lg\:via-blue-600 {
      --gradient-via-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .lg\:via-blue-700 {
      --gradient-via-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .lg\:via-blue-800 {
      --gradient-via-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .lg\:via-blue-900 {
      --gradient-via-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .lg\:via-indigo-100 {
      --gradient-via-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .lg\:via-indigo-200 {
      --gradient-via-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .lg\:via-indigo-300 {
      --gradient-via-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .lg\:via-indigo-400 {
      --gradient-via-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .lg\:via-indigo-500 {
      --gradient-via-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .lg\:via-indigo-600 {
      --gradient-via-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .lg\:via-indigo-700 {
      --gradient-via-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .lg\:via-indigo-800 {
      --gradient-via-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .lg\:via-indigo-900 {
      --gradient-via-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .lg\:via-purple-100 {
      --gradient-via-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .lg\:via-purple-200 {
      --gradient-via-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .lg\:via-purple-300 {
      --gradient-via-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .lg\:via-purple-400 {
      --gradient-via-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .lg\:via-purple-500 {
      --gradient-via-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .lg\:via-purple-600 {
      --gradient-via-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .lg\:via-purple-700 {
      --gradient-via-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .lg\:via-purple-800 {
      --gradient-via-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .lg\:via-purple-900 {
      --gradient-via-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .lg\:via-pink-100 {
      --gradient-via-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .lg\:via-pink-200 {
      --gradient-via-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .lg\:via-pink-300 {
      --gradient-via-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .lg\:via-pink-400 {
      --gradient-via-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .lg\:via-pink-500 {
      --gradient-via-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .lg\:via-pink-600 {
      --gradient-via-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .lg\:via-pink-700 {
      --gradient-via-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .lg\:via-pink-800 {
      --gradient-via-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .lg\:via-pink-900 {
      --gradient-via-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .lg\:to-transparent {
      --gradient-to-color: transparent;
    }
  
    .lg\:to-current {
      --gradient-to-color: currentColor;
    }
  
    .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-red-100 {
      --gradient-to-color: #fff5f5;
    }
  
    .lg\:to-red-200 {
      --gradient-to-color: #fed7d7;
    }
  
    .lg\:to-red-300 {
      --gradient-to-color: #feb2b2;
    }
  
    .lg\:to-red-400 {
      --gradient-to-color: #fc8181;
    }
  
    .lg\:to-red-500 {
      --gradient-to-color: #f56565;
    }
  
    .lg\:to-red-600 {
      --gradient-to-color: #e53e3e;
    }
  
    .lg\:to-red-700 {
      --gradient-to-color: #c53030;
    }
  
    .lg\:to-red-800 {
      --gradient-to-color: #9b2c2c;
    }
  
    .lg\:to-red-900 {
      --gradient-to-color: #742a2a;
    }
  
    .lg\:to-orange-100 {
      --gradient-to-color: #fffaf0;
    }
  
    .lg\:to-orange-200 {
      --gradient-to-color: #feebc8;
    }
  
    .lg\:to-orange-300 {
      --gradient-to-color: #fbd38d;
    }
  
    .lg\:to-orange-400 {
      --gradient-to-color: #f6ad55;
    }
  
    .lg\:to-orange-500 {
      --gradient-to-color: #ed8936;
    }
  
    .lg\:to-orange-600 {
      --gradient-to-color: #dd6b20;
    }
  
    .lg\:to-orange-700 {
      --gradient-to-color: #c05621;
    }
  
    .lg\:to-orange-800 {
      --gradient-to-color: #9c4221;
    }
  
    .lg\:to-orange-900 {
      --gradient-to-color: #7b341e;
    }
  
    .lg\:to-yellow-100 {
      --gradient-to-color: #fffff0;
    }
  
    .lg\:to-yellow-200 {
      --gradient-to-color: #fefcbf;
    }
  
    .lg\:to-yellow-300 {
      --gradient-to-color: #faf089;
    }
  
    .lg\:to-yellow-400 {
      --gradient-to-color: #f6e05e;
    }
  
    .lg\:to-yellow-500 {
      --gradient-to-color: #ecc94b;
    }
  
    .lg\:to-yellow-600 {
      --gradient-to-color: #d69e2e;
    }
  
    .lg\:to-yellow-700 {
      --gradient-to-color: #b7791f;
    }
  
    .lg\:to-yellow-800 {
      --gradient-to-color: #975a16;
    }
  
    .lg\:to-yellow-900 {
      --gradient-to-color: #744210;
    }
  
    .lg\:to-green-100 {
      --gradient-to-color: #f0fff4;
    }
  
    .lg\:to-green-200 {
      --gradient-to-color: #c6f6d5;
    }
  
    .lg\:to-green-300 {
      --gradient-to-color: #9ae6b4;
    }
  
    .lg\:to-green-400 {
      --gradient-to-color: #68d391;
    }
  
    .lg\:to-green-500 {
      --gradient-to-color: #48bb78;
    }
  
    .lg\:to-green-600 {
      --gradient-to-color: #38a169;
    }
  
    .lg\:to-green-700 {
      --gradient-to-color: #2f855a;
    }
  
    .lg\:to-green-800 {
      --gradient-to-color: #276749;
    }
  
    .lg\:to-green-900 {
      --gradient-to-color: #22543d;
    }
  
    .lg\:to-teal-100 {
      --gradient-to-color: #e6fffa;
    }
  
    .lg\:to-teal-200 {
      --gradient-to-color: #b2f5ea;
    }
  
    .lg\:to-teal-300 {
      --gradient-to-color: #81e6d9;
    }
  
    .lg\:to-teal-400 {
      --gradient-to-color: #4fd1c5;
    }
  
    .lg\:to-teal-500 {
      --gradient-to-color: #38b2ac;
    }
  
    .lg\:to-teal-600 {
      --gradient-to-color: #319795;
    }
  
    .lg\:to-teal-700 {
      --gradient-to-color: #2c7a7b;
    }
  
    .lg\:to-teal-800 {
      --gradient-to-color: #285e61;
    }
  
    .lg\:to-teal-900 {
      --gradient-to-color: #234e52;
    }
  
    .lg\:to-blue-100 {
      --gradient-to-color: #ebf8ff;
    }
  
    .lg\:to-blue-200 {
      --gradient-to-color: #bee3f8;
    }
  
    .lg\:to-blue-300 {
      --gradient-to-color: #90cdf4;
    }
  
    .lg\:to-blue-400 {
      --gradient-to-color: #63b3ed;
    }
  
    .lg\:to-blue-500 {
      --gradient-to-color: #4299e1;
    }
  
    .lg\:to-blue-600 {
      --gradient-to-color: #3182ce;
    }
  
    .lg\:to-blue-700 {
      --gradient-to-color: #2b6cb0;
    }
  
    .lg\:to-blue-800 {
      --gradient-to-color: #2c5282;
    }
  
    .lg\:to-blue-900 {
      --gradient-to-color: #2a4365;
    }
  
    .lg\:to-indigo-100 {
      --gradient-to-color: #ebf4ff;
    }
  
    .lg\:to-indigo-200 {
      --gradient-to-color: #c3dafe;
    }
  
    .lg\:to-indigo-300 {
      --gradient-to-color: #a3bffa;
    }
  
    .lg\:to-indigo-400 {
      --gradient-to-color: #7f9cf5;
    }
  
    .lg\:to-indigo-500 {
      --gradient-to-color: #667eea;
    }
  
    .lg\:to-indigo-600 {
      --gradient-to-color: #5a67d8;
    }
  
    .lg\:to-indigo-700 {
      --gradient-to-color: #4c51bf;
    }
  
    .lg\:to-indigo-800 {
      --gradient-to-color: #434190;
    }
  
    .lg\:to-indigo-900 {
      --gradient-to-color: #3c366b;
    }
  
    .lg\:to-purple-100 {
      --gradient-to-color: #faf5ff;
    }
  
    .lg\:to-purple-200 {
      --gradient-to-color: #e9d8fd;
    }
  
    .lg\:to-purple-300 {
      --gradient-to-color: #d6bcfa;
    }
  
    .lg\:to-purple-400 {
      --gradient-to-color: #b794f4;
    }
  
    .lg\:to-purple-500 {
      --gradient-to-color: #9f7aea;
    }
  
    .lg\:to-purple-600 {
      --gradient-to-color: #805ad5;
    }
  
    .lg\:to-purple-700 {
      --gradient-to-color: #6b46c1;
    }
  
    .lg\:to-purple-800 {
      --gradient-to-color: #553c9a;
    }
  
    .lg\:to-purple-900 {
      --gradient-to-color: #44337a;
    }
  
    .lg\:to-pink-100 {
      --gradient-to-color: #fff5f7;
    }
  
    .lg\:to-pink-200 {
      --gradient-to-color: #fed7e2;
    }
  
    .lg\:to-pink-300 {
      --gradient-to-color: #fbb6ce;
    }
  
    .lg\:to-pink-400 {
      --gradient-to-color: #f687b3;
    }
  
    .lg\:to-pink-500 {
      --gradient-to-color: #ed64a6;
    }
  
    .lg\:to-pink-600 {
      --gradient-to-color: #d53f8c;
    }
  
    .lg\:to-pink-700 {
      --gradient-to-color: #b83280;
    }
  
    .lg\:to-pink-800 {
      --gradient-to-color: #97266d;
    }
  
    .lg\:to-pink-900 {
      --gradient-to-color: #702459;
    }
  
    .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-current:hover {
      --gradient-from-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:hover {
      --gradient-from-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .lg\:hover\:from-red-200:hover {
      --gradient-from-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .lg\:hover\:from-red-300:hover {
      --gradient-from-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .lg\:hover\:from-red-400:hover {
      --gradient-from-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .lg\:hover\:from-red-500:hover {
      --gradient-from-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .lg\:hover\:from-red-600:hover {
      --gradient-from-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .lg\:hover\:from-red-700:hover {
      --gradient-from-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .lg\:hover\:from-red-800:hover {
      --gradient-from-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .lg\:hover\:from-red-900:hover {
      --gradient-from-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .lg\:hover\:from-orange-100:hover {
      --gradient-from-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .lg\:hover\:from-orange-200:hover {
      --gradient-from-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .lg\:hover\:from-orange-300:hover {
      --gradient-from-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .lg\:hover\:from-orange-400:hover {
      --gradient-from-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .lg\:hover\:from-orange-500:hover {
      --gradient-from-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .lg\:hover\:from-orange-600:hover {
      --gradient-from-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .lg\:hover\:from-orange-700:hover {
      --gradient-from-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .lg\:hover\:from-orange-800:hover {
      --gradient-from-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .lg\:hover\:from-orange-900:hover {
      --gradient-from-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .lg\:hover\:from-yellow-100:hover {
      --gradient-from-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .lg\:hover\:from-yellow-200:hover {
      --gradient-from-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .lg\:hover\:from-yellow-300:hover {
      --gradient-from-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .lg\:hover\:from-yellow-400:hover {
      --gradient-from-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .lg\:hover\:from-yellow-500:hover {
      --gradient-from-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .lg\:hover\:from-yellow-600:hover {
      --gradient-from-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .lg\:hover\:from-yellow-700:hover {
      --gradient-from-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .lg\:hover\:from-yellow-800:hover {
      --gradient-from-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .lg\:hover\:from-yellow-900:hover {
      --gradient-from-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .lg\:hover\:from-green-100:hover {
      --gradient-from-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .lg\:hover\:from-green-200:hover {
      --gradient-from-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .lg\:hover\:from-green-300:hover {
      --gradient-from-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .lg\:hover\:from-green-400:hover {
      --gradient-from-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .lg\:hover\:from-green-500:hover {
      --gradient-from-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .lg\:hover\:from-green-600:hover {
      --gradient-from-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .lg\:hover\:from-green-700:hover {
      --gradient-from-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .lg\:hover\:from-green-800:hover {
      --gradient-from-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .lg\:hover\:from-green-900:hover {
      --gradient-from-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .lg\:hover\:from-teal-100:hover {
      --gradient-from-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .lg\:hover\:from-teal-200:hover {
      --gradient-from-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .lg\:hover\:from-teal-300:hover {
      --gradient-from-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .lg\:hover\:from-teal-400:hover {
      --gradient-from-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .lg\:hover\:from-teal-500:hover {
      --gradient-from-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .lg\:hover\:from-teal-600:hover {
      --gradient-from-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .lg\:hover\:from-teal-700:hover {
      --gradient-from-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .lg\:hover\:from-teal-800:hover {
      --gradient-from-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .lg\:hover\:from-teal-900:hover {
      --gradient-from-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .lg\:hover\:from-blue-100:hover {
      --gradient-from-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .lg\:hover\:from-blue-200:hover {
      --gradient-from-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .lg\:hover\:from-blue-300:hover {
      --gradient-from-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .lg\:hover\:from-blue-400:hover {
      --gradient-from-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .lg\:hover\:from-blue-500:hover {
      --gradient-from-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .lg\:hover\:from-blue-600:hover {
      --gradient-from-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .lg\:hover\:from-blue-700:hover {
      --gradient-from-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .lg\:hover\:from-blue-800:hover {
      --gradient-from-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .lg\:hover\:from-blue-900:hover {
      --gradient-from-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .lg\:hover\:from-indigo-100:hover {
      --gradient-from-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .lg\:hover\:from-indigo-200:hover {
      --gradient-from-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .lg\:hover\:from-indigo-300:hover {
      --gradient-from-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .lg\:hover\:from-indigo-400:hover {
      --gradient-from-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .lg\:hover\:from-indigo-500:hover {
      --gradient-from-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .lg\:hover\:from-indigo-600:hover {
      --gradient-from-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .lg\:hover\:from-indigo-700:hover {
      --gradient-from-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .lg\:hover\:from-indigo-800:hover {
      --gradient-from-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .lg\:hover\:from-indigo-900:hover {
      --gradient-from-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .lg\:hover\:from-purple-100:hover {
      --gradient-from-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .lg\:hover\:from-purple-200:hover {
      --gradient-from-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .lg\:hover\:from-purple-300:hover {
      --gradient-from-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .lg\:hover\:from-purple-400:hover {
      --gradient-from-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .lg\:hover\:from-purple-500:hover {
      --gradient-from-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .lg\:hover\:from-purple-600:hover {
      --gradient-from-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .lg\:hover\:from-purple-700:hover {
      --gradient-from-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .lg\:hover\:from-purple-800:hover {
      --gradient-from-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .lg\:hover\:from-purple-900:hover {
      --gradient-from-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .lg\:hover\:from-pink-100:hover {
      --gradient-from-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .lg\:hover\:from-pink-200:hover {
      --gradient-from-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .lg\:hover\:from-pink-300:hover {
      --gradient-from-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .lg\:hover\:from-pink-400:hover {
      --gradient-from-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .lg\:hover\:from-pink-500:hover {
      --gradient-from-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .lg\:hover\:from-pink-600:hover {
      --gradient-from-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .lg\:hover\:from-pink-700:hover {
      --gradient-from-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .lg\:hover\:from-pink-800:hover {
      --gradient-from-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .lg\:hover\:from-pink-900:hover {
      --gradient-from-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 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-current:hover {
      --gradient-via-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:hover {
      --gradient-via-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .lg\:hover\:via-red-200:hover {
      --gradient-via-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .lg\:hover\:via-red-300:hover {
      --gradient-via-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .lg\:hover\:via-red-400:hover {
      --gradient-via-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .lg\:hover\:via-red-500:hover {
      --gradient-via-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .lg\:hover\:via-red-600:hover {
      --gradient-via-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .lg\:hover\:via-red-700:hover {
      --gradient-via-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .lg\:hover\:via-red-800:hover {
      --gradient-via-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .lg\:hover\:via-red-900:hover {
      --gradient-via-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .lg\:hover\:via-orange-100:hover {
      --gradient-via-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .lg\:hover\:via-orange-200:hover {
      --gradient-via-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .lg\:hover\:via-orange-300:hover {
      --gradient-via-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .lg\:hover\:via-orange-400:hover {
      --gradient-via-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .lg\:hover\:via-orange-500:hover {
      --gradient-via-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .lg\:hover\:via-orange-600:hover {
      --gradient-via-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .lg\:hover\:via-orange-700:hover {
      --gradient-via-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .lg\:hover\:via-orange-800:hover {
      --gradient-via-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .lg\:hover\:via-orange-900:hover {
      --gradient-via-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .lg\:hover\:via-yellow-100:hover {
      --gradient-via-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .lg\:hover\:via-yellow-200:hover {
      --gradient-via-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .lg\:hover\:via-yellow-300:hover {
      --gradient-via-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .lg\:hover\:via-yellow-400:hover {
      --gradient-via-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .lg\:hover\:via-yellow-500:hover {
      --gradient-via-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .lg\:hover\:via-yellow-600:hover {
      --gradient-via-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .lg\:hover\:via-yellow-700:hover {
      --gradient-via-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .lg\:hover\:via-yellow-800:hover {
      --gradient-via-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .lg\:hover\:via-yellow-900:hover {
      --gradient-via-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .lg\:hover\:via-green-100:hover {
      --gradient-via-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .lg\:hover\:via-green-200:hover {
      --gradient-via-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .lg\:hover\:via-green-300:hover {
      --gradient-via-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .lg\:hover\:via-green-400:hover {
      --gradient-via-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .lg\:hover\:via-green-500:hover {
      --gradient-via-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .lg\:hover\:via-green-600:hover {
      --gradient-via-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .lg\:hover\:via-green-700:hover {
      --gradient-via-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .lg\:hover\:via-green-800:hover {
      --gradient-via-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .lg\:hover\:via-green-900:hover {
      --gradient-via-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .lg\:hover\:via-teal-100:hover {
      --gradient-via-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .lg\:hover\:via-teal-200:hover {
      --gradient-via-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .lg\:hover\:via-teal-300:hover {
      --gradient-via-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .lg\:hover\:via-teal-400:hover {
      --gradient-via-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .lg\:hover\:via-teal-500:hover {
      --gradient-via-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .lg\:hover\:via-teal-600:hover {
      --gradient-via-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .lg\:hover\:via-teal-700:hover {
      --gradient-via-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .lg\:hover\:via-teal-800:hover {
      --gradient-via-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .lg\:hover\:via-teal-900:hover {
      --gradient-via-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .lg\:hover\:via-blue-100:hover {
      --gradient-via-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .lg\:hover\:via-blue-200:hover {
      --gradient-via-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .lg\:hover\:via-blue-300:hover {
      --gradient-via-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .lg\:hover\:via-blue-400:hover {
      --gradient-via-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .lg\:hover\:via-blue-500:hover {
      --gradient-via-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .lg\:hover\:via-blue-600:hover {
      --gradient-via-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .lg\:hover\:via-blue-700:hover {
      --gradient-via-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .lg\:hover\:via-blue-800:hover {
      --gradient-via-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .lg\:hover\:via-blue-900:hover {
      --gradient-via-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .lg\:hover\:via-indigo-100:hover {
      --gradient-via-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .lg\:hover\:via-indigo-200:hover {
      --gradient-via-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .lg\:hover\:via-indigo-300:hover {
      --gradient-via-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .lg\:hover\:via-indigo-400:hover {
      --gradient-via-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .lg\:hover\:via-indigo-500:hover {
      --gradient-via-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .lg\:hover\:via-indigo-600:hover {
      --gradient-via-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .lg\:hover\:via-indigo-700:hover {
      --gradient-via-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .lg\:hover\:via-indigo-800:hover {
      --gradient-via-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .lg\:hover\:via-indigo-900:hover {
      --gradient-via-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .lg\:hover\:via-purple-100:hover {
      --gradient-via-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .lg\:hover\:via-purple-200:hover {
      --gradient-via-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .lg\:hover\:via-purple-300:hover {
      --gradient-via-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .lg\:hover\:via-purple-400:hover {
      --gradient-via-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .lg\:hover\:via-purple-500:hover {
      --gradient-via-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .lg\:hover\:via-purple-600:hover {
      --gradient-via-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .lg\:hover\:via-purple-700:hover {
      --gradient-via-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .lg\:hover\:via-purple-800:hover {
      --gradient-via-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .lg\:hover\:via-purple-900:hover {
      --gradient-via-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .lg\:hover\:via-pink-100:hover {
      --gradient-via-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .lg\:hover\:via-pink-200:hover {
      --gradient-via-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .lg\:hover\:via-pink-300:hover {
      --gradient-via-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .lg\:hover\:via-pink-400:hover {
      --gradient-via-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .lg\:hover\:via-pink-500:hover {
      --gradient-via-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .lg\:hover\:via-pink-600:hover {
      --gradient-via-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .lg\:hover\:via-pink-700:hover {
      --gradient-via-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .lg\:hover\:via-pink-800:hover {
      --gradient-via-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .lg\:hover\:via-pink-900:hover {
      --gradient-via-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .lg\:hover\:to-transparent:hover {
      --gradient-to-color: transparent;
    }
  
    .lg\:hover\:to-current:hover {
      --gradient-to-color: currentColor;
    }
  
    .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-red-100:hover {
      --gradient-to-color: #fff5f5;
    }
  
    .lg\:hover\:to-red-200:hover {
      --gradient-to-color: #fed7d7;
    }
  
    .lg\:hover\:to-red-300:hover {
      --gradient-to-color: #feb2b2;
    }
  
    .lg\:hover\:to-red-400:hover {
      --gradient-to-color: #fc8181;
    }
  
    .lg\:hover\:to-red-500:hover {
      --gradient-to-color: #f56565;
    }
  
    .lg\:hover\:to-red-600:hover {
      --gradient-to-color: #e53e3e;
    }
  
    .lg\:hover\:to-red-700:hover {
      --gradient-to-color: #c53030;
    }
  
    .lg\:hover\:to-red-800:hover {
      --gradient-to-color: #9b2c2c;
    }
  
    .lg\:hover\:to-red-900:hover {
      --gradient-to-color: #742a2a;
    }
  
    .lg\:hover\:to-orange-100:hover {
      --gradient-to-color: #fffaf0;
    }
  
    .lg\:hover\:to-orange-200:hover {
      --gradient-to-color: #feebc8;
    }
  
    .lg\:hover\:to-orange-300:hover {
      --gradient-to-color: #fbd38d;
    }
  
    .lg\:hover\:to-orange-400:hover {
      --gradient-to-color: #f6ad55;
    }
  
    .lg\:hover\:to-orange-500:hover {
      --gradient-to-color: #ed8936;
    }
  
    .lg\:hover\:to-orange-600:hover {
      --gradient-to-color: #dd6b20;
    }
  
    .lg\:hover\:to-orange-700:hover {
      --gradient-to-color: #c05621;
    }
  
    .lg\:hover\:to-orange-800:hover {
      --gradient-to-color: #9c4221;
    }
  
    .lg\:hover\:to-orange-900:hover {
      --gradient-to-color: #7b341e;
    }
  
    .lg\:hover\:to-yellow-100:hover {
      --gradient-to-color: #fffff0;
    }
  
    .lg\:hover\:to-yellow-200:hover {
      --gradient-to-color: #fefcbf;
    }
  
    .lg\:hover\:to-yellow-300:hover {
      --gradient-to-color: #faf089;
    }
  
    .lg\:hover\:to-yellow-400:hover {
      --gradient-to-color: #f6e05e;
    }
  
    .lg\:hover\:to-yellow-500:hover {
      --gradient-to-color: #ecc94b;
    }
  
    .lg\:hover\:to-yellow-600:hover {
      --gradient-to-color: #d69e2e;
    }
  
    .lg\:hover\:to-yellow-700:hover {
      --gradient-to-color: #b7791f;
    }
  
    .lg\:hover\:to-yellow-800:hover {
      --gradient-to-color: #975a16;
    }
  
    .lg\:hover\:to-yellow-900:hover {
      --gradient-to-color: #744210;
    }
  
    .lg\:hover\:to-green-100:hover {
      --gradient-to-color: #f0fff4;
    }
  
    .lg\:hover\:to-green-200:hover {
      --gradient-to-color: #c6f6d5;
    }
  
    .lg\:hover\:to-green-300:hover {
      --gradient-to-color: #9ae6b4;
    }
  
    .lg\:hover\:to-green-400:hover {
      --gradient-to-color: #68d391;
    }
  
    .lg\:hover\:to-green-500:hover {
      --gradient-to-color: #48bb78;
    }
  
    .lg\:hover\:to-green-600:hover {
      --gradient-to-color: #38a169;
    }
  
    .lg\:hover\:to-green-700:hover {
      --gradient-to-color: #2f855a;
    }
  
    .lg\:hover\:to-green-800:hover {
      --gradient-to-color: #276749;
    }
  
    .lg\:hover\:to-green-900:hover {
      --gradient-to-color: #22543d;
    }
  
    .lg\:hover\:to-teal-100:hover {
      --gradient-to-color: #e6fffa;
    }
  
    .lg\:hover\:to-teal-200:hover {
      --gradient-to-color: #b2f5ea;
    }
  
    .lg\:hover\:to-teal-300:hover {
      --gradient-to-color: #81e6d9;
    }
  
    .lg\:hover\:to-teal-400:hover {
      --gradient-to-color: #4fd1c5;
    }
  
    .lg\:hover\:to-teal-500:hover {
      --gradient-to-color: #38b2ac;
    }
  
    .lg\:hover\:to-teal-600:hover {
      --gradient-to-color: #319795;
    }
  
    .lg\:hover\:to-teal-700:hover {
      --gradient-to-color: #2c7a7b;
    }
  
    .lg\:hover\:to-teal-800:hover {
      --gradient-to-color: #285e61;
    }
  
    .lg\:hover\:to-teal-900:hover {
      --gradient-to-color: #234e52;
    }
  
    .lg\:hover\:to-blue-100:hover {
      --gradient-to-color: #ebf8ff;
    }
  
    .lg\:hover\:to-blue-200:hover {
      --gradient-to-color: #bee3f8;
    }
  
    .lg\:hover\:to-blue-300:hover {
      --gradient-to-color: #90cdf4;
    }
  
    .lg\:hover\:to-blue-400:hover {
      --gradient-to-color: #63b3ed;
    }
  
    .lg\:hover\:to-blue-500:hover {
      --gradient-to-color: #4299e1;
    }
  
    .lg\:hover\:to-blue-600:hover {
      --gradient-to-color: #3182ce;
    }
  
    .lg\:hover\:to-blue-700:hover {
      --gradient-to-color: #2b6cb0;
    }
  
    .lg\:hover\:to-blue-800:hover {
      --gradient-to-color: #2c5282;
    }
  
    .lg\:hover\:to-blue-900:hover {
      --gradient-to-color: #2a4365;
    }
  
    .lg\:hover\:to-indigo-100:hover {
      --gradient-to-color: #ebf4ff;
    }
  
    .lg\:hover\:to-indigo-200:hover {
      --gradient-to-color: #c3dafe;
    }
  
    .lg\:hover\:to-indigo-300:hover {
      --gradient-to-color: #a3bffa;
    }
  
    .lg\:hover\:to-indigo-400:hover {
      --gradient-to-color: #7f9cf5;
    }
  
    .lg\:hover\:to-indigo-500:hover {
      --gradient-to-color: #667eea;
    }
  
    .lg\:hover\:to-indigo-600:hover {
      --gradient-to-color: #5a67d8;
    }
  
    .lg\:hover\:to-indigo-700:hover {
      --gradient-to-color: #4c51bf;
    }
  
    .lg\:hover\:to-indigo-800:hover {
      --gradient-to-color: #434190;
    }
  
    .lg\:hover\:to-indigo-900:hover {
      --gradient-to-color: #3c366b;
    }
  
    .lg\:hover\:to-purple-100:hover {
      --gradient-to-color: #faf5ff;
    }
  
    .lg\:hover\:to-purple-200:hover {
      --gradient-to-color: #e9d8fd;
    }
  
    .lg\:hover\:to-purple-300:hover {
      --gradient-to-color: #d6bcfa;
    }
  
    .lg\:hover\:to-purple-400:hover {
      --gradient-to-color: #b794f4;
    }
  
    .lg\:hover\:to-purple-500:hover {
      --gradient-to-color: #9f7aea;
    }
  
    .lg\:hover\:to-purple-600:hover {
      --gradient-to-color: #805ad5;
    }
  
    .lg\:hover\:to-purple-700:hover {
      --gradient-to-color: #6b46c1;
    }
  
    .lg\:hover\:to-purple-800:hover {
      --gradient-to-color: #553c9a;
    }
  
    .lg\:hover\:to-purple-900:hover {
      --gradient-to-color: #44337a;
    }
  
    .lg\:hover\:to-pink-100:hover {
      --gradient-to-color: #fff5f7;
    }
  
    .lg\:hover\:to-pink-200:hover {
      --gradient-to-color: #fed7e2;
    }
  
    .lg\:hover\:to-pink-300:hover {
      --gradient-to-color: #fbb6ce;
    }
  
    .lg\:hover\:to-pink-400:hover {
      --gradient-to-color: #f687b3;
    }
  
    .lg\:hover\:to-pink-500:hover {
      --gradient-to-color: #ed64a6;
    }
  
    .lg\:hover\:to-pink-600:hover {
      --gradient-to-color: #d53f8c;
    }
  
    .lg\:hover\:to-pink-700:hover {
      --gradient-to-color: #b83280;
    }
  
    .lg\:hover\:to-pink-800:hover {
      --gradient-to-color: #97266d;
    }
  
    .lg\:hover\:to-pink-900:hover {
      --gradient-to-color: #702459;
    }
  
    .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-current:focus {
      --gradient-from-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:focus {
      --gradient-from-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .lg\:focus\:from-red-200:focus {
      --gradient-from-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .lg\:focus\:from-red-300:focus {
      --gradient-from-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .lg\:focus\:from-red-400:focus {
      --gradient-from-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .lg\:focus\:from-red-500:focus {
      --gradient-from-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .lg\:focus\:from-red-600:focus {
      --gradient-from-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .lg\:focus\:from-red-700:focus {
      --gradient-from-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .lg\:focus\:from-red-800:focus {
      --gradient-from-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .lg\:focus\:from-red-900:focus {
      --gradient-from-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .lg\:focus\:from-orange-100:focus {
      --gradient-from-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .lg\:focus\:from-orange-200:focus {
      --gradient-from-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .lg\:focus\:from-orange-300:focus {
      --gradient-from-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .lg\:focus\:from-orange-400:focus {
      --gradient-from-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .lg\:focus\:from-orange-500:focus {
      --gradient-from-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .lg\:focus\:from-orange-600:focus {
      --gradient-from-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .lg\:focus\:from-orange-700:focus {
      --gradient-from-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .lg\:focus\:from-orange-800:focus {
      --gradient-from-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .lg\:focus\:from-orange-900:focus {
      --gradient-from-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .lg\:focus\:from-yellow-100:focus {
      --gradient-from-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .lg\:focus\:from-yellow-200:focus {
      --gradient-from-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .lg\:focus\:from-yellow-300:focus {
      --gradient-from-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .lg\:focus\:from-yellow-400:focus {
      --gradient-from-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .lg\:focus\:from-yellow-500:focus {
      --gradient-from-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .lg\:focus\:from-yellow-600:focus {
      --gradient-from-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .lg\:focus\:from-yellow-700:focus {
      --gradient-from-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .lg\:focus\:from-yellow-800:focus {
      --gradient-from-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .lg\:focus\:from-yellow-900:focus {
      --gradient-from-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .lg\:focus\:from-green-100:focus {
      --gradient-from-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .lg\:focus\:from-green-200:focus {
      --gradient-from-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .lg\:focus\:from-green-300:focus {
      --gradient-from-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .lg\:focus\:from-green-400:focus {
      --gradient-from-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .lg\:focus\:from-green-500:focus {
      --gradient-from-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .lg\:focus\:from-green-600:focus {
      --gradient-from-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .lg\:focus\:from-green-700:focus {
      --gradient-from-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .lg\:focus\:from-green-800:focus {
      --gradient-from-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .lg\:focus\:from-green-900:focus {
      --gradient-from-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .lg\:focus\:from-teal-100:focus {
      --gradient-from-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .lg\:focus\:from-teal-200:focus {
      --gradient-from-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .lg\:focus\:from-teal-300:focus {
      --gradient-from-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .lg\:focus\:from-teal-400:focus {
      --gradient-from-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .lg\:focus\:from-teal-500:focus {
      --gradient-from-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .lg\:focus\:from-teal-600:focus {
      --gradient-from-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .lg\:focus\:from-teal-700:focus {
      --gradient-from-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .lg\:focus\:from-teal-800:focus {
      --gradient-from-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .lg\:focus\:from-teal-900:focus {
      --gradient-from-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .lg\:focus\:from-blue-100:focus {
      --gradient-from-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .lg\:focus\:from-blue-200:focus {
      --gradient-from-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .lg\:focus\:from-blue-300:focus {
      --gradient-from-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .lg\:focus\:from-blue-400:focus {
      --gradient-from-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .lg\:focus\:from-blue-500:focus {
      --gradient-from-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .lg\:focus\:from-blue-600:focus {
      --gradient-from-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .lg\:focus\:from-blue-700:focus {
      --gradient-from-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .lg\:focus\:from-blue-800:focus {
      --gradient-from-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .lg\:focus\:from-blue-900:focus {
      --gradient-from-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .lg\:focus\:from-indigo-100:focus {
      --gradient-from-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .lg\:focus\:from-indigo-200:focus {
      --gradient-from-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .lg\:focus\:from-indigo-300:focus {
      --gradient-from-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .lg\:focus\:from-indigo-400:focus {
      --gradient-from-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .lg\:focus\:from-indigo-500:focus {
      --gradient-from-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .lg\:focus\:from-indigo-600:focus {
      --gradient-from-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .lg\:focus\:from-indigo-700:focus {
      --gradient-from-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .lg\:focus\:from-indigo-800:focus {
      --gradient-from-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .lg\:focus\:from-indigo-900:focus {
      --gradient-from-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .lg\:focus\:from-purple-100:focus {
      --gradient-from-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .lg\:focus\:from-purple-200:focus {
      --gradient-from-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .lg\:focus\:from-purple-300:focus {
      --gradient-from-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .lg\:focus\:from-purple-400:focus {
      --gradient-from-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .lg\:focus\:from-purple-500:focus {
      --gradient-from-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .lg\:focus\:from-purple-600:focus {
      --gradient-from-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .lg\:focus\:from-purple-700:focus {
      --gradient-from-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .lg\:focus\:from-purple-800:focus {
      --gradient-from-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .lg\:focus\:from-purple-900:focus {
      --gradient-from-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .lg\:focus\:from-pink-100:focus {
      --gradient-from-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .lg\:focus\:from-pink-200:focus {
      --gradient-from-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .lg\:focus\:from-pink-300:focus {
      --gradient-from-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .lg\:focus\:from-pink-400:focus {
      --gradient-from-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .lg\:focus\:from-pink-500:focus {
      --gradient-from-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .lg\:focus\:from-pink-600:focus {
      --gradient-from-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .lg\:focus\:from-pink-700:focus {
      --gradient-from-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .lg\:focus\:from-pink-800:focus {
      --gradient-from-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .lg\:focus\:from-pink-900:focus {
      --gradient-from-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 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-current:focus {
      --gradient-via-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:focus {
      --gradient-via-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .lg\:focus\:via-red-200:focus {
      --gradient-via-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .lg\:focus\:via-red-300:focus {
      --gradient-via-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .lg\:focus\:via-red-400:focus {
      --gradient-via-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .lg\:focus\:via-red-500:focus {
      --gradient-via-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .lg\:focus\:via-red-600:focus {
      --gradient-via-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .lg\:focus\:via-red-700:focus {
      --gradient-via-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .lg\:focus\:via-red-800:focus {
      --gradient-via-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .lg\:focus\:via-red-900:focus {
      --gradient-via-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .lg\:focus\:via-orange-100:focus {
      --gradient-via-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .lg\:focus\:via-orange-200:focus {
      --gradient-via-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .lg\:focus\:via-orange-300:focus {
      --gradient-via-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .lg\:focus\:via-orange-400:focus {
      --gradient-via-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .lg\:focus\:via-orange-500:focus {
      --gradient-via-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .lg\:focus\:via-orange-600:focus {
      --gradient-via-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .lg\:focus\:via-orange-700:focus {
      --gradient-via-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .lg\:focus\:via-orange-800:focus {
      --gradient-via-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .lg\:focus\:via-orange-900:focus {
      --gradient-via-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .lg\:focus\:via-yellow-100:focus {
      --gradient-via-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .lg\:focus\:via-yellow-200:focus {
      --gradient-via-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .lg\:focus\:via-yellow-300:focus {
      --gradient-via-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .lg\:focus\:via-yellow-400:focus {
      --gradient-via-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .lg\:focus\:via-yellow-500:focus {
      --gradient-via-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .lg\:focus\:via-yellow-600:focus {
      --gradient-via-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .lg\:focus\:via-yellow-700:focus {
      --gradient-via-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .lg\:focus\:via-yellow-800:focus {
      --gradient-via-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .lg\:focus\:via-yellow-900:focus {
      --gradient-via-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .lg\:focus\:via-green-100:focus {
      --gradient-via-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .lg\:focus\:via-green-200:focus {
      --gradient-via-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .lg\:focus\:via-green-300:focus {
      --gradient-via-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .lg\:focus\:via-green-400:focus {
      --gradient-via-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .lg\:focus\:via-green-500:focus {
      --gradient-via-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .lg\:focus\:via-green-600:focus {
      --gradient-via-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .lg\:focus\:via-green-700:focus {
      --gradient-via-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .lg\:focus\:via-green-800:focus {
      --gradient-via-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .lg\:focus\:via-green-900:focus {
      --gradient-via-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .lg\:focus\:via-teal-100:focus {
      --gradient-via-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .lg\:focus\:via-teal-200:focus {
      --gradient-via-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .lg\:focus\:via-teal-300:focus {
      --gradient-via-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .lg\:focus\:via-teal-400:focus {
      --gradient-via-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .lg\:focus\:via-teal-500:focus {
      --gradient-via-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .lg\:focus\:via-teal-600:focus {
      --gradient-via-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .lg\:focus\:via-teal-700:focus {
      --gradient-via-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .lg\:focus\:via-teal-800:focus {
      --gradient-via-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .lg\:focus\:via-teal-900:focus {
      --gradient-via-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .lg\:focus\:via-blue-100:focus {
      --gradient-via-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .lg\:focus\:via-blue-200:focus {
      --gradient-via-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .lg\:focus\:via-blue-300:focus {
      --gradient-via-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .lg\:focus\:via-blue-400:focus {
      --gradient-via-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .lg\:focus\:via-blue-500:focus {
      --gradient-via-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .lg\:focus\:via-blue-600:focus {
      --gradient-via-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .lg\:focus\:via-blue-700:focus {
      --gradient-via-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .lg\:focus\:via-blue-800:focus {
      --gradient-via-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .lg\:focus\:via-blue-900:focus {
      --gradient-via-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .lg\:focus\:via-indigo-100:focus {
      --gradient-via-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .lg\:focus\:via-indigo-200:focus {
      --gradient-via-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .lg\:focus\:via-indigo-300:focus {
      --gradient-via-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .lg\:focus\:via-indigo-400:focus {
      --gradient-via-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .lg\:focus\:via-indigo-500:focus {
      --gradient-via-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .lg\:focus\:via-indigo-600:focus {
      --gradient-via-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .lg\:focus\:via-indigo-700:focus {
      --gradient-via-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .lg\:focus\:via-indigo-800:focus {
      --gradient-via-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .lg\:focus\:via-indigo-900:focus {
      --gradient-via-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .lg\:focus\:via-purple-100:focus {
      --gradient-via-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .lg\:focus\:via-purple-200:focus {
      --gradient-via-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .lg\:focus\:via-purple-300:focus {
      --gradient-via-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .lg\:focus\:via-purple-400:focus {
      --gradient-via-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .lg\:focus\:via-purple-500:focus {
      --gradient-via-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .lg\:focus\:via-purple-600:focus {
      --gradient-via-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .lg\:focus\:via-purple-700:focus {
      --gradient-via-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .lg\:focus\:via-purple-800:focus {
      --gradient-via-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .lg\:focus\:via-purple-900:focus {
      --gradient-via-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .lg\:focus\:via-pink-100:focus {
      --gradient-via-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .lg\:focus\:via-pink-200:focus {
      --gradient-via-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .lg\:focus\:via-pink-300:focus {
      --gradient-via-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .lg\:focus\:via-pink-400:focus {
      --gradient-via-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .lg\:focus\:via-pink-500:focus {
      --gradient-via-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .lg\:focus\:via-pink-600:focus {
      --gradient-via-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .lg\:focus\:via-pink-700:focus {
      --gradient-via-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .lg\:focus\:via-pink-800:focus {
      --gradient-via-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .lg\:focus\:via-pink-900:focus {
      --gradient-via-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .lg\:focus\:to-transparent:focus {
      --gradient-to-color: transparent;
    }
  
    .lg\:focus\:to-current:focus {
      --gradient-to-color: currentColor;
    }
  
    .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-red-100:focus {
      --gradient-to-color: #fff5f5;
    }
  
    .lg\:focus\:to-red-200:focus {
      --gradient-to-color: #fed7d7;
    }
  
    .lg\:focus\:to-red-300:focus {
      --gradient-to-color: #feb2b2;
    }
  
    .lg\:focus\:to-red-400:focus {
      --gradient-to-color: #fc8181;
    }
  
    .lg\:focus\:to-red-500:focus {
      --gradient-to-color: #f56565;
    }
  
    .lg\:focus\:to-red-600:focus {
      --gradient-to-color: #e53e3e;
    }
  
    .lg\:focus\:to-red-700:focus {
      --gradient-to-color: #c53030;
    }
  
    .lg\:focus\:to-red-800:focus {
      --gradient-to-color: #9b2c2c;
    }
  
    .lg\:focus\:to-red-900:focus {
      --gradient-to-color: #742a2a;
    }
  
    .lg\:focus\:to-orange-100:focus {
      --gradient-to-color: #fffaf0;
    }
  
    .lg\:focus\:to-orange-200:focus {
      --gradient-to-color: #feebc8;
    }
  
    .lg\:focus\:to-orange-300:focus {
      --gradient-to-color: #fbd38d;
    }
  
    .lg\:focus\:to-orange-400:focus {
      --gradient-to-color: #f6ad55;
    }
  
    .lg\:focus\:to-orange-500:focus {
      --gradient-to-color: #ed8936;
    }
  
    .lg\:focus\:to-orange-600:focus {
      --gradient-to-color: #dd6b20;
    }
  
    .lg\:focus\:to-orange-700:focus {
      --gradient-to-color: #c05621;
    }
  
    .lg\:focus\:to-orange-800:focus {
      --gradient-to-color: #9c4221;
    }
  
    .lg\:focus\:to-orange-900:focus {
      --gradient-to-color: #7b341e;
    }
  
    .lg\:focus\:to-yellow-100:focus {
      --gradient-to-color: #fffff0;
    }
  
    .lg\:focus\:to-yellow-200:focus {
      --gradient-to-color: #fefcbf;
    }
  
    .lg\:focus\:to-yellow-300:focus {
      --gradient-to-color: #faf089;
    }
  
    .lg\:focus\:to-yellow-400:focus {
      --gradient-to-color: #f6e05e;
    }
  
    .lg\:focus\:to-yellow-500:focus {
      --gradient-to-color: #ecc94b;
    }
  
    .lg\:focus\:to-yellow-600:focus {
      --gradient-to-color: #d69e2e;
    }
  
    .lg\:focus\:to-yellow-700:focus {
      --gradient-to-color: #b7791f;
    }
  
    .lg\:focus\:to-yellow-800:focus {
      --gradient-to-color: #975a16;
    }
  
    .lg\:focus\:to-yellow-900:focus {
      --gradient-to-color: #744210;
    }
  
    .lg\:focus\:to-green-100:focus {
      --gradient-to-color: #f0fff4;
    }
  
    .lg\:focus\:to-green-200:focus {
      --gradient-to-color: #c6f6d5;
    }
  
    .lg\:focus\:to-green-300:focus {
      --gradient-to-color: #9ae6b4;
    }
  
    .lg\:focus\:to-green-400:focus {
      --gradient-to-color: #68d391;
    }
  
    .lg\:focus\:to-green-500:focus {
      --gradient-to-color: #48bb78;
    }
  
    .lg\:focus\:to-green-600:focus {
      --gradient-to-color: #38a169;
    }
  
    .lg\:focus\:to-green-700:focus {
      --gradient-to-color: #2f855a;
    }
  
    .lg\:focus\:to-green-800:focus {
      --gradient-to-color: #276749;
    }
  
    .lg\:focus\:to-green-900:focus {
      --gradient-to-color: #22543d;
    }
  
    .lg\:focus\:to-teal-100:focus {
      --gradient-to-color: #e6fffa;
    }
  
    .lg\:focus\:to-teal-200:focus {
      --gradient-to-color: #b2f5ea;
    }
  
    .lg\:focus\:to-teal-300:focus {
      --gradient-to-color: #81e6d9;
    }
  
    .lg\:focus\:to-teal-400:focus {
      --gradient-to-color: #4fd1c5;
    }
  
    .lg\:focus\:to-teal-500:focus {
      --gradient-to-color: #38b2ac;
    }
  
    .lg\:focus\:to-teal-600:focus {
      --gradient-to-color: #319795;
    }
  
    .lg\:focus\:to-teal-700:focus {
      --gradient-to-color: #2c7a7b;
    }
  
    .lg\:focus\:to-teal-800:focus {
      --gradient-to-color: #285e61;
    }
  
    .lg\:focus\:to-teal-900:focus {
      --gradient-to-color: #234e52;
    }
  
    .lg\:focus\:to-blue-100:focus {
      --gradient-to-color: #ebf8ff;
    }
  
    .lg\:focus\:to-blue-200:focus {
      --gradient-to-color: #bee3f8;
    }
  
    .lg\:focus\:to-blue-300:focus {
      --gradient-to-color: #90cdf4;
    }
  
    .lg\:focus\:to-blue-400:focus {
      --gradient-to-color: #63b3ed;
    }
  
    .lg\:focus\:to-blue-500:focus {
      --gradient-to-color: #4299e1;
    }
  
    .lg\:focus\:to-blue-600:focus {
      --gradient-to-color: #3182ce;
    }
  
    .lg\:focus\:to-blue-700:focus {
      --gradient-to-color: #2b6cb0;
    }
  
    .lg\:focus\:to-blue-800:focus {
      --gradient-to-color: #2c5282;
    }
  
    .lg\:focus\:to-blue-900:focus {
      --gradient-to-color: #2a4365;
    }
  
    .lg\:focus\:to-indigo-100:focus {
      --gradient-to-color: #ebf4ff;
    }
  
    .lg\:focus\:to-indigo-200:focus {
      --gradient-to-color: #c3dafe;
    }
  
    .lg\:focus\:to-indigo-300:focus {
      --gradient-to-color: #a3bffa;
    }
  
    .lg\:focus\:to-indigo-400:focus {
      --gradient-to-color: #7f9cf5;
    }
  
    .lg\:focus\:to-indigo-500:focus {
      --gradient-to-color: #667eea;
    }
  
    .lg\:focus\:to-indigo-600:focus {
      --gradient-to-color: #5a67d8;
    }
  
    .lg\:focus\:to-indigo-700:focus {
      --gradient-to-color: #4c51bf;
    }
  
    .lg\:focus\:to-indigo-800:focus {
      --gradient-to-color: #434190;
    }
  
    .lg\:focus\:to-indigo-900:focus {
      --gradient-to-color: #3c366b;
    }
  
    .lg\:focus\:to-purple-100:focus {
      --gradient-to-color: #faf5ff;
    }
  
    .lg\:focus\:to-purple-200:focus {
      --gradient-to-color: #e9d8fd;
    }
  
    .lg\:focus\:to-purple-300:focus {
      --gradient-to-color: #d6bcfa;
    }
  
    .lg\:focus\:to-purple-400:focus {
      --gradient-to-color: #b794f4;
    }
  
    .lg\:focus\:to-purple-500:focus {
      --gradient-to-color: #9f7aea;
    }
  
    .lg\:focus\:to-purple-600:focus {
      --gradient-to-color: #805ad5;
    }
  
    .lg\:focus\:to-purple-700:focus {
      --gradient-to-color: #6b46c1;
    }
  
    .lg\:focus\:to-purple-800:focus {
      --gradient-to-color: #553c9a;
    }
  
    .lg\:focus\:to-purple-900:focus {
      --gradient-to-color: #44337a;
    }
  
    .lg\:focus\:to-pink-100:focus {
      --gradient-to-color: #fff5f7;
    }
  
    .lg\:focus\:to-pink-200:focus {
      --gradient-to-color: #fed7e2;
    }
  
    .lg\:focus\:to-pink-300:focus {
      --gradient-to-color: #fbb6ce;
    }
  
    .lg\:focus\:to-pink-400:focus {
      --gradient-to-color: #f687b3;
    }
  
    .lg\:focus\:to-pink-500:focus {
      --gradient-to-color: #ed64a6;
    }
  
    .lg\:focus\:to-pink-600:focus {
      --gradient-to-color: #d53f8c;
    }
  
    .lg\:focus\:to-pink-700:focus {
      --gradient-to-color: #b83280;
    }
  
    .lg\:focus\:to-pink-800:focus {
      --gradient-to-color: #97266d;
    }
  
    .lg\:focus\:to-pink-900:focus {
      --gradient-to-color: #702459;
    }
  
    .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-current {
      border-color: currentColor;
    }
  
    .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-red-100 {
      --border-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--border-opacity));
    }
  
    .lg\:border-red-200 {
      --border-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--border-opacity));
    }
  
    .lg\:border-red-300 {
      --border-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--border-opacity));
    }
  
    .lg\:border-red-400 {
      --border-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--border-opacity));
    }
  
    .lg\:border-red-500 {
      --border-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--border-opacity));
    }
  
    .lg\:border-red-600 {
      --border-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--border-opacity));
    }
  
    .lg\:border-red-700 {
      --border-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--border-opacity));
    }
  
    .lg\:border-red-800 {
      --border-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--border-opacity));
    }
  
    .lg\:border-red-900 {
      --border-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--border-opacity));
    }
  
    .lg\:border-orange-100 {
      --border-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--border-opacity));
    }
  
    .lg\:border-orange-200 {
      --border-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--border-opacity));
    }
  
    .lg\:border-orange-300 {
      --border-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--border-opacity));
    }
  
    .lg\:border-orange-400 {
      --border-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--border-opacity));
    }
  
    .lg\:border-orange-500 {
      --border-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--border-opacity));
    }
  
    .lg\:border-orange-600 {
      --border-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--border-opacity));
    }
  
    .lg\:border-orange-700 {
      --border-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--border-opacity));
    }
  
    .lg\:border-orange-800 {
      --border-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--border-opacity));
    }
  
    .lg\:border-orange-900 {
      --border-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--border-opacity));
    }
  
    .lg\:border-yellow-100 {
      --border-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--border-opacity));
    }
  
    .lg\:border-yellow-200 {
      --border-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--border-opacity));
    }
  
    .lg\:border-yellow-300 {
      --border-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--border-opacity));
    }
  
    .lg\:border-yellow-400 {
      --border-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--border-opacity));
    }
  
    .lg\:border-yellow-500 {
      --border-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--border-opacity));
    }
  
    .lg\:border-yellow-600 {
      --border-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--border-opacity));
    }
  
    .lg\:border-yellow-700 {
      --border-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--border-opacity));
    }
  
    .lg\:border-yellow-800 {
      --border-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--border-opacity));
    }
  
    .lg\:border-yellow-900 {
      --border-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--border-opacity));
    }
  
    .lg\:border-green-100 {
      --border-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--border-opacity));
    }
  
    .lg\:border-green-200 {
      --border-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--border-opacity));
    }
  
    .lg\:border-green-300 {
      --border-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--border-opacity));
    }
  
    .lg\:border-green-400 {
      --border-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--border-opacity));
    }
  
    .lg\:border-green-500 {
      --border-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--border-opacity));
    }
  
    .lg\:border-green-600 {
      --border-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--border-opacity));
    }
  
    .lg\:border-green-700 {
      --border-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--border-opacity));
    }
  
    .lg\:border-green-800 {
      --border-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--border-opacity));
    }
  
    .lg\:border-green-900 {
      --border-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--border-opacity));
    }
  
    .lg\:border-teal-100 {
      --border-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--border-opacity));
    }
  
    .lg\:border-teal-200 {
      --border-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--border-opacity));
    }
  
    .lg\:border-teal-300 {
      --border-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--border-opacity));
    }
  
    .lg\:border-teal-400 {
      --border-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--border-opacity));
    }
  
    .lg\:border-teal-500 {
      --border-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--border-opacity));
    }
  
    .lg\:border-teal-600 {
      --border-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--border-opacity));
    }
  
    .lg\:border-teal-700 {
      --border-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--border-opacity));
    }
  
    .lg\:border-teal-800 {
      --border-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--border-opacity));
    }
  
    .lg\:border-teal-900 {
      --border-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--border-opacity));
    }
  
    .lg\:border-blue-100 {
      --border-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--border-opacity));
    }
  
    .lg\:border-blue-200 {
      --border-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--border-opacity));
    }
  
    .lg\:border-blue-300 {
      --border-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--border-opacity));
    }
  
    .lg\:border-blue-400 {
      --border-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--border-opacity));
    }
  
    .lg\:border-blue-500 {
      --border-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--border-opacity));
    }
  
    .lg\:border-blue-600 {
      --border-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--border-opacity));
    }
  
    .lg\:border-blue-700 {
      --border-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--border-opacity));
    }
  
    .lg\:border-blue-800 {
      --border-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--border-opacity));
    }
  
    .lg\:border-blue-900 {
      --border-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--border-opacity));
    }
  
    .lg\:border-indigo-100 {
      --border-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--border-opacity));
    }
  
    .lg\:border-indigo-200 {
      --border-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--border-opacity));
    }
  
    .lg\:border-indigo-300 {
      --border-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--border-opacity));
    }
  
    .lg\:border-indigo-400 {
      --border-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--border-opacity));
    }
  
    .lg\:border-indigo-500 {
      --border-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--border-opacity));
    }
  
    .lg\:border-indigo-600 {
      --border-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--border-opacity));
    }
  
    .lg\:border-indigo-700 {
      --border-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--border-opacity));
    }
  
    .lg\:border-indigo-800 {
      --border-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--border-opacity));
    }
  
    .lg\:border-indigo-900 {
      --border-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--border-opacity));
    }
  
    .lg\:border-purple-100 {
      --border-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--border-opacity));
    }
  
    .lg\:border-purple-200 {
      --border-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--border-opacity));
    }
  
    .lg\:border-purple-300 {
      --border-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--border-opacity));
    }
  
    .lg\:border-purple-400 {
      --border-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--border-opacity));
    }
  
    .lg\:border-purple-500 {
      --border-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--border-opacity));
    }
  
    .lg\:border-purple-600 {
      --border-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--border-opacity));
    }
  
    .lg\:border-purple-700 {
      --border-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--border-opacity));
    }
  
    .lg\:border-purple-800 {
      --border-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--border-opacity));
    }
  
    .lg\:border-purple-900 {
      --border-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--border-opacity));
    }
  
    .lg\:border-pink-100 {
      --border-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--border-opacity));
    }
  
    .lg\:border-pink-200 {
      --border-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--border-opacity));
    }
  
    .lg\:border-pink-300 {
      --border-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--border-opacity));
    }
  
    .lg\:border-pink-400 {
      --border-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--border-opacity));
    }
  
    .lg\:border-pink-500 {
      --border-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--border-opacity));
    }
  
    .lg\:border-pink-600 {
      --border-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--border-opacity));
    }
  
    .lg\:border-pink-700 {
      --border-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--border-opacity));
    }
  
    .lg\:border-pink-800 {
      --border-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--border-opacity));
    }
  
    .lg\:border-pink-900 {
      --border-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, var(--border-opacity));
    }
  
    .lg\:hover\:border-transparent:hover {
      border-color: transparent;
    }
  
    .lg\:hover\:border-current:hover {
      border-color: currentColor;
    }
  
    .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-red-100:hover {
      --border-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--border-opacity));
    }
  
    .lg\:hover\:border-red-200:hover {
      --border-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--border-opacity));
    }
  
    .lg\:hover\:border-red-300:hover {
      --border-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--border-opacity));
    }
  
    .lg\:hover\:border-red-400:hover {
      --border-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--border-opacity));
    }
  
    .lg\:hover\:border-red-500:hover {
      --border-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--border-opacity));
    }
  
    .lg\:hover\:border-red-600:hover {
      --border-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--border-opacity));
    }
  
    .lg\:hover\:border-red-700:hover {
      --border-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--border-opacity));
    }
  
    .lg\:hover\:border-red-800:hover {
      --border-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--border-opacity));
    }
  
    .lg\:hover\:border-red-900:hover {
      --border-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--border-opacity));
    }
  
    .lg\:hover\:border-orange-100:hover {
      --border-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--border-opacity));
    }
  
    .lg\:hover\:border-orange-200:hover {
      --border-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--border-opacity));
    }
  
    .lg\:hover\:border-orange-300:hover {
      --border-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--border-opacity));
    }
  
    .lg\:hover\:border-orange-400:hover {
      --border-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--border-opacity));
    }
  
    .lg\:hover\:border-orange-500:hover {
      --border-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--border-opacity));
    }
  
    .lg\:hover\:border-orange-600:hover {
      --border-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--border-opacity));
    }
  
    .lg\:hover\:border-orange-700:hover {
      --border-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--border-opacity));
    }
  
    .lg\:hover\:border-orange-800:hover {
      --border-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--border-opacity));
    }
  
    .lg\:hover\:border-orange-900:hover {
      --border-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--border-opacity));
    }
  
    .lg\:hover\:border-yellow-100:hover {
      --border-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--border-opacity));
    }
  
    .lg\:hover\:border-yellow-200:hover {
      --border-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--border-opacity));
    }
  
    .lg\:hover\:border-yellow-300:hover {
      --border-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--border-opacity));
    }
  
    .lg\:hover\:border-yellow-400:hover {
      --border-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--border-opacity));
    }
  
    .lg\:hover\:border-yellow-500:hover {
      --border-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--border-opacity));
    }
  
    .lg\:hover\:border-yellow-600:hover {
      --border-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--border-opacity));
    }
  
    .lg\:hover\:border-yellow-700:hover {
      --border-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--border-opacity));
    }
  
    .lg\:hover\:border-yellow-800:hover {
      --border-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--border-opacity));
    }
  
    .lg\:hover\:border-yellow-900:hover {
      --border-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--border-opacity));
    }
  
    .lg\:hover\:border-green-100:hover {
      --border-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--border-opacity));
    }
  
    .lg\:hover\:border-green-200:hover {
      --border-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--border-opacity));
    }
  
    .lg\:hover\:border-green-300:hover {
      --border-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--border-opacity));
    }
  
    .lg\:hover\:border-green-400:hover {
      --border-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--border-opacity));
    }
  
    .lg\:hover\:border-green-500:hover {
      --border-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--border-opacity));
    }
  
    .lg\:hover\:border-green-600:hover {
      --border-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--border-opacity));
    }
  
    .lg\:hover\:border-green-700:hover {
      --border-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--border-opacity));
    }
  
    .lg\:hover\:border-green-800:hover {
      --border-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--border-opacity));
    }
  
    .lg\:hover\:border-green-900:hover {
      --border-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--border-opacity));
    }
  
    .lg\:hover\:border-teal-100:hover {
      --border-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--border-opacity));
    }
  
    .lg\:hover\:border-teal-200:hover {
      --border-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--border-opacity));
    }
  
    .lg\:hover\:border-teal-300:hover {
      --border-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--border-opacity));
    }
  
    .lg\:hover\:border-teal-400:hover {
      --border-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--border-opacity));
    }
  
    .lg\:hover\:border-teal-500:hover {
      --border-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--border-opacity));
    }
  
    .lg\:hover\:border-teal-600:hover {
      --border-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--border-opacity));
    }
  
    .lg\:hover\:border-teal-700:hover {
      --border-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--border-opacity));
    }
  
    .lg\:hover\:border-teal-800:hover {
      --border-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--border-opacity));
    }
  
    .lg\:hover\:border-teal-900:hover {
      --border-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--border-opacity));
    }
  
    .lg\:hover\:border-blue-100:hover {
      --border-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--border-opacity));
    }
  
    .lg\:hover\:border-blue-200:hover {
      --border-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--border-opacity));
    }
  
    .lg\:hover\:border-blue-300:hover {
      --border-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--border-opacity));
    }
  
    .lg\:hover\:border-blue-400:hover {
      --border-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--border-opacity));
    }
  
    .lg\:hover\:border-blue-500:hover {
      --border-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--border-opacity));
    }
  
    .lg\:hover\:border-blue-600:hover {
      --border-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--border-opacity));
    }
  
    .lg\:hover\:border-blue-700:hover {
      --border-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--border-opacity));
    }
  
    .lg\:hover\:border-blue-800:hover {
      --border-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--border-opacity));
    }
  
    .lg\:hover\:border-blue-900:hover {
      --border-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--border-opacity));
    }
  
    .lg\:hover\:border-indigo-100:hover {
      --border-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--border-opacity));
    }
  
    .lg\:hover\:border-indigo-200:hover {
      --border-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--border-opacity));
    }
  
    .lg\:hover\:border-indigo-300:hover {
      --border-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--border-opacity));
    }
  
    .lg\:hover\:border-indigo-400:hover {
      --border-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--border-opacity));
    }
  
    .lg\:hover\:border-indigo-500:hover {
      --border-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--border-opacity));
    }
  
    .lg\:hover\:border-indigo-600:hover {
      --border-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--border-opacity));
    }
  
    .lg\:hover\:border-indigo-700:hover {
      --border-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--border-opacity));
    }
  
    .lg\:hover\:border-indigo-800:hover {
      --border-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--border-opacity));
    }
  
    .lg\:hover\:border-indigo-900:hover {
      --border-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--border-opacity));
    }
  
    .lg\:hover\:border-purple-100:hover {
      --border-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--border-opacity));
    }
  
    .lg\:hover\:border-purple-200:hover {
      --border-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--border-opacity));
    }
  
    .lg\:hover\:border-purple-300:hover {
      --border-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--border-opacity));
    }
  
    .lg\:hover\:border-purple-400:hover {
      --border-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--border-opacity));
    }
  
    .lg\:hover\:border-purple-500:hover {
      --border-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--border-opacity));
    }
  
    .lg\:hover\:border-purple-600:hover {
      --border-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--border-opacity));
    }
  
    .lg\:hover\:border-purple-700:hover {
      --border-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--border-opacity));
    }
  
    .lg\:hover\:border-purple-800:hover {
      --border-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--border-opacity));
    }
  
    .lg\:hover\:border-purple-900:hover {
      --border-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--border-opacity));
    }
  
    .lg\:hover\:border-pink-100:hover {
      --border-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--border-opacity));
    }
  
    .lg\:hover\:border-pink-200:hover {
      --border-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--border-opacity));
    }
  
    .lg\:hover\:border-pink-300:hover {
      --border-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--border-opacity));
    }
  
    .lg\:hover\:border-pink-400:hover {
      --border-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--border-opacity));
    }
  
    .lg\:hover\:border-pink-500:hover {
      --border-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--border-opacity));
    }
  
    .lg\:hover\:border-pink-600:hover {
      --border-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--border-opacity));
    }
  
    .lg\:hover\:border-pink-700:hover {
      --border-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--border-opacity));
    }
  
    .lg\:hover\:border-pink-800:hover {
      --border-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--border-opacity));
    }
  
    .lg\:hover\:border-pink-900:hover {
      --border-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, var(--border-opacity));
    }
  
    .lg\:focus\:border-transparent:focus {
      border-color: transparent;
    }
  
    .lg\:focus\:border-current:focus {
      border-color: currentColor;
    }
  
    .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-red-100:focus {
      --border-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--border-opacity));
    }
  
    .lg\:focus\:border-red-200:focus {
      --border-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--border-opacity));
    }
  
    .lg\:focus\:border-red-300:focus {
      --border-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--border-opacity));
    }
  
    .lg\:focus\:border-red-400:focus {
      --border-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--border-opacity));
    }
  
    .lg\:focus\:border-red-500:focus {
      --border-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--border-opacity));
    }
  
    .lg\:focus\:border-red-600:focus {
      --border-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--border-opacity));
    }
  
    .lg\:focus\:border-red-700:focus {
      --border-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--border-opacity));
    }
  
    .lg\:focus\:border-red-800:focus {
      --border-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--border-opacity));
    }
  
    .lg\:focus\:border-red-900:focus {
      --border-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--border-opacity));
    }
  
    .lg\:focus\:border-orange-100:focus {
      --border-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--border-opacity));
    }
  
    .lg\:focus\:border-orange-200:focus {
      --border-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--border-opacity));
    }
  
    .lg\:focus\:border-orange-300:focus {
      --border-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--border-opacity));
    }
  
    .lg\:focus\:border-orange-400:focus {
      --border-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--border-opacity));
    }
  
    .lg\:focus\:border-orange-500:focus {
      --border-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--border-opacity));
    }
  
    .lg\:focus\:border-orange-600:focus {
      --border-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--border-opacity));
    }
  
    .lg\:focus\:border-orange-700:focus {
      --border-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--border-opacity));
    }
  
    .lg\:focus\:border-orange-800:focus {
      --border-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--border-opacity));
    }
  
    .lg\:focus\:border-orange-900:focus {
      --border-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--border-opacity));
    }
  
    .lg\:focus\:border-yellow-100:focus {
      --border-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--border-opacity));
    }
  
    .lg\:focus\:border-yellow-200:focus {
      --border-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--border-opacity));
    }
  
    .lg\:focus\:border-yellow-300:focus {
      --border-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--border-opacity));
    }
  
    .lg\:focus\:border-yellow-400:focus {
      --border-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--border-opacity));
    }
  
    .lg\:focus\:border-yellow-500:focus {
      --border-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--border-opacity));
    }
  
    .lg\:focus\:border-yellow-600:focus {
      --border-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--border-opacity));
    }
  
    .lg\:focus\:border-yellow-700:focus {
      --border-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--border-opacity));
    }
  
    .lg\:focus\:border-yellow-800:focus {
      --border-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--border-opacity));
    }
  
    .lg\:focus\:border-yellow-900:focus {
      --border-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--border-opacity));
    }
  
    .lg\:focus\:border-green-100:focus {
      --border-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--border-opacity));
    }
  
    .lg\:focus\:border-green-200:focus {
      --border-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--border-opacity));
    }
  
    .lg\:focus\:border-green-300:focus {
      --border-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--border-opacity));
    }
  
    .lg\:focus\:border-green-400:focus {
      --border-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--border-opacity));
    }
  
    .lg\:focus\:border-green-500:focus {
      --border-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--border-opacity));
    }
  
    .lg\:focus\:border-green-600:focus {
      --border-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--border-opacity));
    }
  
    .lg\:focus\:border-green-700:focus {
      --border-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--border-opacity));
    }
  
    .lg\:focus\:border-green-800:focus {
      --border-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--border-opacity));
    }
  
    .lg\:focus\:border-green-900:focus {
      --border-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--border-opacity));
    }
  
    .lg\:focus\:border-teal-100:focus {
      --border-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--border-opacity));
    }
  
    .lg\:focus\:border-teal-200:focus {
      --border-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--border-opacity));
    }
  
    .lg\:focus\:border-teal-300:focus {
      --border-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--border-opacity));
    }
  
    .lg\:focus\:border-teal-400:focus {
      --border-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--border-opacity));
    }
  
    .lg\:focus\:border-teal-500:focus {
      --border-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--border-opacity));
    }
  
    .lg\:focus\:border-teal-600:focus {
      --border-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--border-opacity));
    }
  
    .lg\:focus\:border-teal-700:focus {
      --border-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--border-opacity));
    }
  
    .lg\:focus\:border-teal-800:focus {
      --border-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--border-opacity));
    }
  
    .lg\:focus\:border-teal-900:focus {
      --border-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--border-opacity));
    }
  
    .lg\:focus\:border-blue-100:focus {
      --border-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--border-opacity));
    }
  
    .lg\:focus\:border-blue-200:focus {
      --border-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--border-opacity));
    }
  
    .lg\:focus\:border-blue-300:focus {
      --border-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--border-opacity));
    }
  
    .lg\:focus\:border-blue-400:focus {
      --border-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--border-opacity));
    }
  
    .lg\:focus\:border-blue-500:focus {
      --border-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--border-opacity));
    }
  
    .lg\:focus\:border-blue-600:focus {
      --border-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--border-opacity));
    }
  
    .lg\:focus\:border-blue-700:focus {
      --border-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--border-opacity));
    }
  
    .lg\:focus\:border-blue-800:focus {
      --border-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--border-opacity));
    }
  
    .lg\:focus\:border-blue-900:focus {
      --border-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--border-opacity));
    }
  
    .lg\:focus\:border-indigo-100:focus {
      --border-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--border-opacity));
    }
  
    .lg\:focus\:border-indigo-200:focus {
      --border-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--border-opacity));
    }
  
    .lg\:focus\:border-indigo-300:focus {
      --border-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--border-opacity));
    }
  
    .lg\:focus\:border-indigo-400:focus {
      --border-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--border-opacity));
    }
  
    .lg\:focus\:border-indigo-500:focus {
      --border-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--border-opacity));
    }
  
    .lg\:focus\:border-indigo-600:focus {
      --border-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--border-opacity));
    }
  
    .lg\:focus\:border-indigo-700:focus {
      --border-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--border-opacity));
    }
  
    .lg\:focus\:border-indigo-800:focus {
      --border-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--border-opacity));
    }
  
    .lg\:focus\:border-indigo-900:focus {
      --border-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--border-opacity));
    }
  
    .lg\:focus\:border-purple-100:focus {
      --border-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--border-opacity));
    }
  
    .lg\:focus\:border-purple-200:focus {
      --border-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--border-opacity));
    }
  
    .lg\:focus\:border-purple-300:focus {
      --border-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--border-opacity));
    }
  
    .lg\:focus\:border-purple-400:focus {
      --border-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--border-opacity));
    }
  
    .lg\:focus\:border-purple-500:focus {
      --border-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--border-opacity));
    }
  
    .lg\:focus\:border-purple-600:focus {
      --border-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--border-opacity));
    }
  
    .lg\:focus\:border-purple-700:focus {
      --border-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--border-opacity));
    }
  
    .lg\:focus\:border-purple-800:focus {
      --border-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--border-opacity));
    }
  
    .lg\:focus\:border-purple-900:focus {
      --border-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--border-opacity));
    }
  
    .lg\:focus\:border-pink-100:focus {
      --border-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--border-opacity));
    }
  
    .lg\:focus\:border-pink-200:focus {
      --border-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--border-opacity));
    }
  
    .lg\:focus\:border-pink-300:focus {
      --border-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--border-opacity));
    }
  
    .lg\:focus\:border-pink-400:focus {
      --border-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--border-opacity));
    }
  
    .lg\:focus\:border-pink-500:focus {
      --border-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--border-opacity));
    }
  
    .lg\:focus\:border-pink-600:focus {
      --border-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--border-opacity));
    }
  
    .lg\:focus\:border-pink-700:focus {
      --border-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--border-opacity));
    }
  
    .lg\:focus\:border-pink-800:focus {
      --border-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--border-opacity));
    }
  
    .lg\:focus\:border-pink-900:focus {
      --border-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, 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-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-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-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\: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\: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-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\: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\: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-sans {
      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";
    }
  
    .lg\:font-serif {
      font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    }
  
    .lg\:font-mono {
      font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }
  
    .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: 0.75rem;
    }
  
    .lg\:text-sm {
      font-size: 0.875rem;
    }
  
    .lg\:text-base {
      font-size: 1rem;
    }
  
    .lg\:text-lg {
      font-size: 1.125rem;
    }
  
    .lg\:text-xl {
      font-size: 1.25rem;
    }
  
    .lg\:text-2xl {
      font-size: 1.5rem;
    }
  
    .lg\:text-3xl {
      font-size: 1.875rem;
    }
  
    .lg\:text-4xl {
      font-size: 2.25rem;
    }
  
    .lg\:text-5xl {
      font-size: 3rem;
    }
  
    .lg\:text-6xl {
      font-size: 4rem;
    }
  
    .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-ssm {
      max-width: 500px;
    }
  
    .lg\:max-w-screen-sm {
      max-width: 640px;
    }
  
    .lg\:max-w-screen-md {
      max-width: 768px;
    }
  
    .lg\:max-w-screen-lg {
      max-width: 1024px;
    }
  
    .lg\:max-w-screen-xl {
      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 {
      -o-object-fit: contain;
         object-fit: contain;
    }
  
    .lg\:object-cover {
      -o-object-fit: cover;
         object-fit: cover;
    }
  
    .lg\:object-fill {
      -o-object-fit: fill;
         object-fit: fill;
    }
  
    .lg\:object-none {
      -o-object-fit: none;
         object-fit: none;
    }
  
    .lg\:object-scale-down {
      -o-object-fit: scale-down;
         object-fit: scale-down;
    }
  
    .lg\:object-bottom {
      -o-object-position: bottom;
         object-position: bottom;
    }
  
    .lg\:object-center {
      -o-object-position: center;
         object-position: center;
    }
  
    .lg\:object-left {
      -o-object-position: left;
         object-position: left;
    }
  
    .lg\:object-left-bottom {
      -o-object-position: left bottom;
         object-position: left bottom;
    }
  
    .lg\:object-left-top {
      -o-object-position: left top;
         object-position: left top;
    }
  
    .lg\:object-right {
      -o-object-position: right;
         object-position: right;
    }
  
    .lg\:object-right-bottom {
      -o-object-position: right bottom;
         object-position: right bottom;
    }
  
    .lg\:object-right-top {
      -o-object-position: right top;
         object-position: right top;
    }
  
    .lg\:object-top {
      -o-object-position: 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: 0;
    }
  
    .lg\:focus\:outline-none:focus {
      outline: 0;
    }
  
    .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\: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\: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\:placeholder-transparent::-moz-placeholder {
      color: transparent;
    }
  
    .lg\:placeholder-transparent:-ms-input-placeholder {
      color: transparent;
    }
  
    .lg\:placeholder-transparent::placeholder {
      color: transparent;
    }
  
    .lg\:placeholder-current::-moz-placeholder {
      color: currentColor;
    }
  
    .lg\:placeholder-current:-ms-input-placeholder {
      color: currentColor;
    }
  
    .lg\:placeholder-current::placeholder {
      color: currentColor;
    }
  
    .lg\:placeholder-black::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--placeholder-opacity));
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, 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-red-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-100::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-200::placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-300::placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-400::placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-500::placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-600::placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-700::placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-800::placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-red-900::placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-100::placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-200::placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-300::placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-400::placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-500::placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-600::placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-700::placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-800::placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-orange-900::placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-100::placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-200::placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-300::placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-400::placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-500::placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-600::placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-700::placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-800::placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-yellow-900::placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-100::placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-200::placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-300::placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-400::placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-500::placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-600::placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-700::placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-800::placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-green-900::placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-100::placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-200::placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-300::placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-400::placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-500::placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-600::placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-700::placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-800::placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-teal-900::placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-100::placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-200::placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-300::placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-400::placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-500::placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-600::placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-700::placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-800::placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-blue-900::placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-100::placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-200::placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-300::placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-400::placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-500::placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-600::placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-700::placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-800::placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-indigo-900::placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-100::placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-200::placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-300::placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-400::placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-500::placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-600::placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-700::placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-800::placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-purple-900::placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-100::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-200::placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-300::placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-400::placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-500::placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-600::placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-700::placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-800::placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-pink-900::placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-transparent:focus::-moz-placeholder {
      color: transparent;
    }
  
    .lg\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
      color: transparent;
    }
  
    .lg\:focus\:placeholder-transparent:focus::placeholder {
      color: transparent;
    }
  
    .lg\:focus\:placeholder-current:focus::-moz-placeholder {
      color: currentColor;
    }
  
    .lg\:focus\:placeholder-current:focus:-ms-input-placeholder {
      color: currentColor;
    }
  
    .lg\:focus\:placeholder-current:focus::placeholder {
      color: currentColor;
    }
  
    .lg\:focus\:placeholder-black:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--placeholder-opacity));
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, 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-red-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-red-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-orange-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-yellow-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-green-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-teal-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-blue-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-indigo-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-purple-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .lg\:focus\:placeholder-pink-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .lg\:placeholder-opacity-0::-moz-placeholder {
      --placeholder-opacity: 0;
    }
  
    .lg\:placeholder-opacity-0:-ms-input-placeholder {
      --placeholder-opacity: 0;
    }
  
    .lg\:placeholder-opacity-0::placeholder {
      --placeholder-opacity: 0;
    }
  
    .lg\:placeholder-opacity-25::-moz-placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .lg\:placeholder-opacity-25:-ms-input-placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .lg\:placeholder-opacity-25::placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .lg\:placeholder-opacity-50::-moz-placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .lg\:placeholder-opacity-50:-ms-input-placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .lg\:placeholder-opacity-50::placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .lg\:placeholder-opacity-75::-moz-placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .lg\:placeholder-opacity-75:-ms-input-placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .lg\:placeholder-opacity-75::placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .lg\:placeholder-opacity-100::-moz-placeholder {
      --placeholder-opacity: 1;
    }
  
    .lg\:placeholder-opacity-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
    }
  
    .lg\:placeholder-opacity-100::placeholder {
      --placeholder-opacity: 1;
    }
  
    .lg\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
      --placeholder-opacity: 0;
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 1;
    }
  
    .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: -webkit-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-current {
      color: currentColor;
    }
  
    .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-red-100 {
      --text-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--text-opacity));
    }
  
    .lg\:text-red-200 {
      --text-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--text-opacity));
    }
  
    .lg\:text-red-300 {
      --text-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--text-opacity));
    }
  
    .lg\:text-red-400 {
      --text-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--text-opacity));
    }
  
    .lg\:text-red-500 {
      --text-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--text-opacity));
    }
  
    .lg\:text-red-600 {
      --text-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--text-opacity));
    }
  
    .lg\:text-red-700 {
      --text-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--text-opacity));
    }
  
    .lg\:text-red-800 {
      --text-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--text-opacity));
    }
  
    .lg\:text-red-900 {
      --text-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--text-opacity));
    }
  
    .lg\:text-orange-100 {
      --text-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--text-opacity));
    }
  
    .lg\:text-orange-200 {
      --text-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--text-opacity));
    }
  
    .lg\:text-orange-300 {
      --text-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--text-opacity));
    }
  
    .lg\:text-orange-400 {
      --text-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--text-opacity));
    }
  
    .lg\:text-orange-500 {
      --text-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--text-opacity));
    }
  
    .lg\:text-orange-600 {
      --text-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--text-opacity));
    }
  
    .lg\:text-orange-700 {
      --text-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--text-opacity));
    }
  
    .lg\:text-orange-800 {
      --text-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--text-opacity));
    }
  
    .lg\:text-orange-900 {
      --text-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--text-opacity));
    }
  
    .lg\:text-yellow-100 {
      --text-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--text-opacity));
    }
  
    .lg\:text-yellow-200 {
      --text-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--text-opacity));
    }
  
    .lg\:text-yellow-300 {
      --text-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--text-opacity));
    }
  
    .lg\:text-yellow-400 {
      --text-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--text-opacity));
    }
  
    .lg\:text-yellow-500 {
      --text-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--text-opacity));
    }
  
    .lg\:text-yellow-600 {
      --text-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--text-opacity));
    }
  
    .lg\:text-yellow-700 {
      --text-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--text-opacity));
    }
  
    .lg\:text-yellow-800 {
      --text-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--text-opacity));
    }
  
    .lg\:text-yellow-900 {
      --text-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--text-opacity));
    }
  
    .lg\:text-green-100 {
      --text-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--text-opacity));
    }
  
    .lg\:text-green-200 {
      --text-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--text-opacity));
    }
  
    .lg\:text-green-300 {
      --text-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--text-opacity));
    }
  
    .lg\:text-green-400 {
      --text-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--text-opacity));
    }
  
    .lg\:text-green-500 {
      --text-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--text-opacity));
    }
  
    .lg\:text-green-600 {
      --text-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--text-opacity));
    }
  
    .lg\:text-green-700 {
      --text-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--text-opacity));
    }
  
    .lg\:text-green-800 {
      --text-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--text-opacity));
    }
  
    .lg\:text-green-900 {
      --text-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--text-opacity));
    }
  
    .lg\:text-teal-100 {
      --text-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--text-opacity));
    }
  
    .lg\:text-teal-200 {
      --text-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--text-opacity));
    }
  
    .lg\:text-teal-300 {
      --text-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--text-opacity));
    }
  
    .lg\:text-teal-400 {
      --text-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--text-opacity));
    }
  
    .lg\:text-teal-500 {
      --text-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--text-opacity));
    }
  
    .lg\:text-teal-600 {
      --text-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--text-opacity));
    }
  
    .lg\:text-teal-700 {
      --text-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--text-opacity));
    }
  
    .lg\:text-teal-800 {
      --text-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--text-opacity));
    }
  
    .lg\:text-teal-900 {
      --text-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--text-opacity));
    }
  
    .lg\:text-blue-100 {
      --text-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--text-opacity));
    }
  
    .lg\:text-blue-200 {
      --text-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--text-opacity));
    }
  
    .lg\:text-blue-300 {
      --text-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--text-opacity));
    }
  
    .lg\:text-blue-400 {
      --text-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--text-opacity));
    }
  
    .lg\:text-blue-500 {
      --text-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--text-opacity));
    }
  
    .lg\:text-blue-600 {
      --text-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--text-opacity));
    }
  
    .lg\:text-blue-700 {
      --text-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--text-opacity));
    }
  
    .lg\:text-blue-800 {
      --text-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--text-opacity));
    }
  
    .lg\:text-blue-900 {
      --text-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--text-opacity));
    }
  
    .lg\:text-indigo-100 {
      --text-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--text-opacity));
    }
  
    .lg\:text-indigo-200 {
      --text-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--text-opacity));
    }
  
    .lg\:text-indigo-300 {
      --text-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--text-opacity));
    }
  
    .lg\:text-indigo-400 {
      --text-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--text-opacity));
    }
  
    .lg\:text-indigo-500 {
      --text-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--text-opacity));
    }
  
    .lg\:text-indigo-600 {
      --text-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--text-opacity));
    }
  
    .lg\:text-indigo-700 {
      --text-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--text-opacity));
    }
  
    .lg\:text-indigo-800 {
      --text-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--text-opacity));
    }
  
    .lg\:text-indigo-900 {
      --text-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--text-opacity));
    }
  
    .lg\:text-purple-100 {
      --text-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--text-opacity));
    }
  
    .lg\:text-purple-200 {
      --text-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--text-opacity));
    }
  
    .lg\:text-purple-300 {
      --text-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--text-opacity));
    }
  
    .lg\:text-purple-400 {
      --text-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--text-opacity));
    }
  
    .lg\:text-purple-500 {
      --text-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--text-opacity));
    }
  
    .lg\:text-purple-600 {
      --text-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--text-opacity));
    }
  
    .lg\:text-purple-700 {
      --text-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--text-opacity));
    }
  
    .lg\:text-purple-800 {
      --text-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--text-opacity));
    }
  
    .lg\:text-purple-900 {
      --text-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--text-opacity));
    }
  
    .lg\:text-pink-100 {
      --text-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--text-opacity));
    }
  
    .lg\:text-pink-200 {
      --text-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--text-opacity));
    }
  
    .lg\:text-pink-300 {
      --text-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--text-opacity));
    }
  
    .lg\:text-pink-400 {
      --text-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--text-opacity));
    }
  
    .lg\:text-pink-500 {
      --text-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--text-opacity));
    }
  
    .lg\:text-pink-600 {
      --text-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--text-opacity));
    }
  
    .lg\:text-pink-700 {
      --text-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--text-opacity));
    }
  
    .lg\:text-pink-800 {
      --text-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--text-opacity));
    }
  
    .lg\:text-pink-900 {
      --text-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--text-opacity));
    }
  
    .lg\:hover\:text-transparent:hover {
      color: transparent;
    }
  
    .lg\:hover\:text-current:hover {
      color: currentColor;
    }
  
    .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-red-100:hover {
      --text-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--text-opacity));
    }
  
    .lg\:hover\:text-red-200:hover {
      --text-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--text-opacity));
    }
  
    .lg\:hover\:text-red-300:hover {
      --text-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--text-opacity));
    }
  
    .lg\:hover\:text-red-400:hover {
      --text-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--text-opacity));
    }
  
    .lg\:hover\:text-red-500:hover {
      --text-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--text-opacity));
    }
  
    .lg\:hover\:text-red-600:hover {
      --text-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--text-opacity));
    }
  
    .lg\:hover\:text-red-700:hover {
      --text-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--text-opacity));
    }
  
    .lg\:hover\:text-red-800:hover {
      --text-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--text-opacity));
    }
  
    .lg\:hover\:text-red-900:hover {
      --text-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--text-opacity));
    }
  
    .lg\:hover\:text-orange-100:hover {
      --text-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--text-opacity));
    }
  
    .lg\:hover\:text-orange-200:hover {
      --text-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--text-opacity));
    }
  
    .lg\:hover\:text-orange-300:hover {
      --text-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--text-opacity));
    }
  
    .lg\:hover\:text-orange-400:hover {
      --text-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--text-opacity));
    }
  
    .lg\:hover\:text-orange-500:hover {
      --text-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--text-opacity));
    }
  
    .lg\:hover\:text-orange-600:hover {
      --text-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--text-opacity));
    }
  
    .lg\:hover\:text-orange-700:hover {
      --text-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--text-opacity));
    }
  
    .lg\:hover\:text-orange-800:hover {
      --text-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--text-opacity));
    }
  
    .lg\:hover\:text-orange-900:hover {
      --text-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--text-opacity));
    }
  
    .lg\:hover\:text-yellow-100:hover {
      --text-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--text-opacity));
    }
  
    .lg\:hover\:text-yellow-200:hover {
      --text-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--text-opacity));
    }
  
    .lg\:hover\:text-yellow-300:hover {
      --text-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--text-opacity));
    }
  
    .lg\:hover\:text-yellow-400:hover {
      --text-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--text-opacity));
    }
  
    .lg\:hover\:text-yellow-500:hover {
      --text-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--text-opacity));
    }
  
    .lg\:hover\:text-yellow-600:hover {
      --text-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--text-opacity));
    }
  
    .lg\:hover\:text-yellow-700:hover {
      --text-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--text-opacity));
    }
  
    .lg\:hover\:text-yellow-800:hover {
      --text-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--text-opacity));
    }
  
    .lg\:hover\:text-yellow-900:hover {
      --text-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--text-opacity));
    }
  
    .lg\:hover\:text-green-100:hover {
      --text-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--text-opacity));
    }
  
    .lg\:hover\:text-green-200:hover {
      --text-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--text-opacity));
    }
  
    .lg\:hover\:text-green-300:hover {
      --text-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--text-opacity));
    }
  
    .lg\:hover\:text-green-400:hover {
      --text-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--text-opacity));
    }
  
    .lg\:hover\:text-green-500:hover {
      --text-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--text-opacity));
    }
  
    .lg\:hover\:text-green-600:hover {
      --text-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--text-opacity));
    }
  
    .lg\:hover\:text-green-700:hover {
      --text-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--text-opacity));
    }
  
    .lg\:hover\:text-green-800:hover {
      --text-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--text-opacity));
    }
  
    .lg\:hover\:text-green-900:hover {
      --text-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--text-opacity));
    }
  
    .lg\:hover\:text-teal-100:hover {
      --text-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--text-opacity));
    }
  
    .lg\:hover\:text-teal-200:hover {
      --text-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--text-opacity));
    }
  
    .lg\:hover\:text-teal-300:hover {
      --text-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--text-opacity));
    }
  
    .lg\:hover\:text-teal-400:hover {
      --text-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--text-opacity));
    }
  
    .lg\:hover\:text-teal-500:hover {
      --text-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--text-opacity));
    }
  
    .lg\:hover\:text-teal-600:hover {
      --text-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--text-opacity));
    }
  
    .lg\:hover\:text-teal-700:hover {
      --text-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--text-opacity));
    }
  
    .lg\:hover\:text-teal-800:hover {
      --text-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--text-opacity));
    }
  
    .lg\:hover\:text-teal-900:hover {
      --text-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--text-opacity));
    }
  
    .lg\:hover\:text-blue-100:hover {
      --text-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--text-opacity));
    }
  
    .lg\:hover\:text-blue-200:hover {
      --text-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--text-opacity));
    }
  
    .lg\:hover\:text-blue-300:hover {
      --text-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--text-opacity));
    }
  
    .lg\:hover\:text-blue-400:hover {
      --text-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--text-opacity));
    }
  
    .lg\:hover\:text-blue-500:hover {
      --text-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--text-opacity));
    }
  
    .lg\:hover\:text-blue-600:hover {
      --text-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--text-opacity));
    }
  
    .lg\:hover\:text-blue-700:hover {
      --text-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--text-opacity));
    }
  
    .lg\:hover\:text-blue-800:hover {
      --text-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--text-opacity));
    }
  
    .lg\:hover\:text-blue-900:hover {
      --text-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--text-opacity));
    }
  
    .lg\:hover\:text-indigo-100:hover {
      --text-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--text-opacity));
    }
  
    .lg\:hover\:text-indigo-200:hover {
      --text-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--text-opacity));
    }
  
    .lg\:hover\:text-indigo-300:hover {
      --text-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--text-opacity));
    }
  
    .lg\:hover\:text-indigo-400:hover {
      --text-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--text-opacity));
    }
  
    .lg\:hover\:text-indigo-500:hover {
      --text-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--text-opacity));
    }
  
    .lg\:hover\:text-indigo-600:hover {
      --text-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--text-opacity));
    }
  
    .lg\:hover\:text-indigo-700:hover {
      --text-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--text-opacity));
    }
  
    .lg\:hover\:text-indigo-800:hover {
      --text-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--text-opacity));
    }
  
    .lg\:hover\:text-indigo-900:hover {
      --text-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--text-opacity));
    }
  
    .lg\:hover\:text-purple-100:hover {
      --text-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--text-opacity));
    }
  
    .lg\:hover\:text-purple-200:hover {
      --text-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--text-opacity));
    }
  
    .lg\:hover\:text-purple-300:hover {
      --text-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--text-opacity));
    }
  
    .lg\:hover\:text-purple-400:hover {
      --text-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--text-opacity));
    }
  
    .lg\:hover\:text-purple-500:hover {
      --text-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--text-opacity));
    }
  
    .lg\:hover\:text-purple-600:hover {
      --text-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--text-opacity));
    }
  
    .lg\:hover\:text-purple-700:hover {
      --text-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--text-opacity));
    }
  
    .lg\:hover\:text-purple-800:hover {
      --text-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--text-opacity));
    }
  
    .lg\:hover\:text-purple-900:hover {
      --text-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--text-opacity));
    }
  
    .lg\:hover\:text-pink-100:hover {
      --text-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--text-opacity));
    }
  
    .lg\:hover\:text-pink-200:hover {
      --text-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--text-opacity));
    }
  
    .lg\:hover\:text-pink-300:hover {
      --text-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--text-opacity));
    }
  
    .lg\:hover\:text-pink-400:hover {
      --text-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--text-opacity));
    }
  
    .lg\:hover\:text-pink-500:hover {
      --text-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--text-opacity));
    }
  
    .lg\:hover\:text-pink-600:hover {
      --text-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--text-opacity));
    }
  
    .lg\:hover\:text-pink-700:hover {
      --text-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--text-opacity));
    }
  
    .lg\:hover\:text-pink-800:hover {
      --text-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--text-opacity));
    }
  
    .lg\:hover\:text-pink-900:hover {
      --text-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--text-opacity));
    }
  
    .lg\:focus\:text-transparent:focus {
      color: transparent;
    }
  
    .lg\:focus\:text-current:focus {
      color: currentColor;
    }
  
    .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-red-100:focus {
      --text-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--text-opacity));
    }
  
    .lg\:focus\:text-red-200:focus {
      --text-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--text-opacity));
    }
  
    .lg\:focus\:text-red-300:focus {
      --text-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--text-opacity));
    }
  
    .lg\:focus\:text-red-400:focus {
      --text-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--text-opacity));
    }
  
    .lg\:focus\:text-red-500:focus {
      --text-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--text-opacity));
    }
  
    .lg\:focus\:text-red-600:focus {
      --text-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--text-opacity));
    }
  
    .lg\:focus\:text-red-700:focus {
      --text-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--text-opacity));
    }
  
    .lg\:focus\:text-red-800:focus {
      --text-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--text-opacity));
    }
  
    .lg\:focus\:text-red-900:focus {
      --text-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--text-opacity));
    }
  
    .lg\:focus\:text-orange-100:focus {
      --text-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--text-opacity));
    }
  
    .lg\:focus\:text-orange-200:focus {
      --text-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--text-opacity));
    }
  
    .lg\:focus\:text-orange-300:focus {
      --text-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--text-opacity));
    }
  
    .lg\:focus\:text-orange-400:focus {
      --text-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--text-opacity));
    }
  
    .lg\:focus\:text-orange-500:focus {
      --text-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--text-opacity));
    }
  
    .lg\:focus\:text-orange-600:focus {
      --text-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--text-opacity));
    }
  
    .lg\:focus\:text-orange-700:focus {
      --text-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--text-opacity));
    }
  
    .lg\:focus\:text-orange-800:focus {
      --text-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--text-opacity));
    }
  
    .lg\:focus\:text-orange-900:focus {
      --text-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--text-opacity));
    }
  
    .lg\:focus\:text-yellow-100:focus {
      --text-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--text-opacity));
    }
  
    .lg\:focus\:text-yellow-200:focus {
      --text-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--text-opacity));
    }
  
    .lg\:focus\:text-yellow-300:focus {
      --text-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--text-opacity));
    }
  
    .lg\:focus\:text-yellow-400:focus {
      --text-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--text-opacity));
    }
  
    .lg\:focus\:text-yellow-500:focus {
      --text-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--text-opacity));
    }
  
    .lg\:focus\:text-yellow-600:focus {
      --text-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--text-opacity));
    }
  
    .lg\:focus\:text-yellow-700:focus {
      --text-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--text-opacity));
    }
  
    .lg\:focus\:text-yellow-800:focus {
      --text-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--text-opacity));
    }
  
    .lg\:focus\:text-yellow-900:focus {
      --text-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--text-opacity));
    }
  
    .lg\:focus\:text-green-100:focus {
      --text-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--text-opacity));
    }
  
    .lg\:focus\:text-green-200:focus {
      --text-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--text-opacity));
    }
  
    .lg\:focus\:text-green-300:focus {
      --text-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--text-opacity));
    }
  
    .lg\:focus\:text-green-400:focus {
      --text-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--text-opacity));
    }
  
    .lg\:focus\:text-green-500:focus {
      --text-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--text-opacity));
    }
  
    .lg\:focus\:text-green-600:focus {
      --text-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--text-opacity));
    }
  
    .lg\:focus\:text-green-700:focus {
      --text-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--text-opacity));
    }
  
    .lg\:focus\:text-green-800:focus {
      --text-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--text-opacity));
    }
  
    .lg\:focus\:text-green-900:focus {
      --text-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--text-opacity));
    }
  
    .lg\:focus\:text-teal-100:focus {
      --text-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--text-opacity));
    }
  
    .lg\:focus\:text-teal-200:focus {
      --text-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--text-opacity));
    }
  
    .lg\:focus\:text-teal-300:focus {
      --text-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--text-opacity));
    }
  
    .lg\:focus\:text-teal-400:focus {
      --text-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--text-opacity));
    }
  
    .lg\:focus\:text-teal-500:focus {
      --text-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--text-opacity));
    }
  
    .lg\:focus\:text-teal-600:focus {
      --text-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--text-opacity));
    }
  
    .lg\:focus\:text-teal-700:focus {
      --text-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--text-opacity));
    }
  
    .lg\:focus\:text-teal-800:focus {
      --text-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--text-opacity));
    }
  
    .lg\:focus\:text-teal-900:focus {
      --text-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--text-opacity));
    }
  
    .lg\:focus\:text-blue-100:focus {
      --text-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--text-opacity));
    }
  
    .lg\:focus\:text-blue-200:focus {
      --text-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--text-opacity));
    }
  
    .lg\:focus\:text-blue-300:focus {
      --text-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--text-opacity));
    }
  
    .lg\:focus\:text-blue-400:focus {
      --text-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--text-opacity));
    }
  
    .lg\:focus\:text-blue-500:focus {
      --text-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--text-opacity));
    }
  
    .lg\:focus\:text-blue-600:focus {
      --text-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--text-opacity));
    }
  
    .lg\:focus\:text-blue-700:focus {
      --text-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--text-opacity));
    }
  
    .lg\:focus\:text-blue-800:focus {
      --text-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--text-opacity));
    }
  
    .lg\:focus\:text-blue-900:focus {
      --text-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--text-opacity));
    }
  
    .lg\:focus\:text-indigo-100:focus {
      --text-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--text-opacity));
    }
  
    .lg\:focus\:text-indigo-200:focus {
      --text-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--text-opacity));
    }
  
    .lg\:focus\:text-indigo-300:focus {
      --text-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--text-opacity));
    }
  
    .lg\:focus\:text-indigo-400:focus {
      --text-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--text-opacity));
    }
  
    .lg\:focus\:text-indigo-500:focus {
      --text-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--text-opacity));
    }
  
    .lg\:focus\:text-indigo-600:focus {
      --text-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--text-opacity));
    }
  
    .lg\:focus\:text-indigo-700:focus {
      --text-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--text-opacity));
    }
  
    .lg\:focus\:text-indigo-800:focus {
      --text-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--text-opacity));
    }
  
    .lg\:focus\:text-indigo-900:focus {
      --text-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--text-opacity));
    }
  
    .lg\:focus\:text-purple-100:focus {
      --text-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--text-opacity));
    }
  
    .lg\:focus\:text-purple-200:focus {
      --text-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--text-opacity));
    }
  
    .lg\:focus\:text-purple-300:focus {
      --text-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--text-opacity));
    }
  
    .lg\:focus\:text-purple-400:focus {
      --text-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--text-opacity));
    }
  
    .lg\:focus\:text-purple-500:focus {
      --text-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--text-opacity));
    }
  
    .lg\:focus\:text-purple-600:focus {
      --text-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--text-opacity));
    }
  
    .lg\:focus\:text-purple-700:focus {
      --text-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--text-opacity));
    }
  
    .lg\:focus\:text-purple-800:focus {
      --text-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--text-opacity));
    }
  
    .lg\:focus\:text-purple-900:focus {
      --text-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--text-opacity));
    }
  
    .lg\:focus\:text-pink-100:focus {
      --text-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--text-opacity));
    }
  
    .lg\:focus\:text-pink-200:focus {
      --text-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--text-opacity));
    }
  
    .lg\:focus\:text-pink-300:focus {
      --text-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--text-opacity));
    }
  
    .lg\:focus\:text-pink-400:focus {
      --text-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--text-opacity));
    }
  
    .lg\:focus\:text-pink-500:focus {
      --text-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--text-opacity));
    }
  
    .lg\:focus\:text-pink-600:focus {
      --text-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--text-opacity));
    }
  
    .lg\:focus\:text-pink-700:focus {
      --text-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--text-opacity));
    }
  
    .lg\:focus\:text-pink-800:focus {
      --text-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--text-opacity));
    }
  
    .lg\:focus\:text-pink-900:focus {
      --text-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, 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\: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;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
    }
  
    .lg\:select-text {
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text;
    }
  
    .lg\:select-all {
      -webkit-user-select: all;
         -moz-user-select: all;
          -ms-user-select: all;
              user-select: all;
    }
  
    .lg\:select-auto {
      -webkit-user-select: auto;
         -moz-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 {
      overflow-wrap: normal;
      word-break: normal;
    }
  
    .lg\:break-words {
      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;
      -moz-column-gap: 0;
           column-gap: 0;
    }
  
    .lg\:col-gap-1 {
      grid-column-gap: 0.25rem;
      -moz-column-gap: 0.25rem;
           column-gap: 0.25rem;
    }
  
    .lg\:col-gap-2 {
      grid-column-gap: 0.5rem;
      -moz-column-gap: 0.5rem;
           column-gap: 0.5rem;
    }
  
    .lg\:col-gap-3 {
      grid-column-gap: 0.75rem;
      -moz-column-gap: 0.75rem;
           column-gap: 0.75rem;
    }
  
    .lg\:col-gap-4 {
      grid-column-gap: 1rem;
      -moz-column-gap: 1rem;
           column-gap: 1rem;
    }
  
    .lg\:col-gap-5 {
      grid-column-gap: 1.25rem;
      -moz-column-gap: 1.25rem;
           column-gap: 1.25rem;
    }
  
    .lg\:col-gap-6 {
      grid-column-gap: 1.5rem;
      -moz-column-gap: 1.5rem;
           column-gap: 1.5rem;
    }
  
    .lg\:col-gap-8 {
      grid-column-gap: 2rem;
      -moz-column-gap: 2rem;
           column-gap: 2rem;
    }
  
    .lg\:col-gap-10 {
      grid-column-gap: 2.5rem;
      -moz-column-gap: 2.5rem;
           column-gap: 2.5rem;
    }
  
    .lg\:col-gap-12 {
      grid-column-gap: 3rem;
      -moz-column-gap: 3rem;
           column-gap: 3rem;
    }
  
    .lg\:col-gap-16 {
      grid-column-gap: 4rem;
      -moz-column-gap: 4rem;
           column-gap: 4rem;
    }
  
    .lg\:col-gap-20 {
      grid-column-gap: 5rem;
      -moz-column-gap: 5rem;
           column-gap: 5rem;
    }
  
    .lg\:col-gap-24 {
      grid-column-gap: 6rem;
      -moz-column-gap: 6rem;
           column-gap: 6rem;
    }
  
    .lg\:col-gap-32 {
      grid-column-gap: 8rem;
      -moz-column-gap: 8rem;
           column-gap: 8rem;
    }
  
    .lg\:col-gap-40 {
      grid-column-gap: 10rem;
      -moz-column-gap: 10rem;
           column-gap: 10rem;
    }
  
    .lg\:col-gap-48 {
      grid-column-gap: 12rem;
      -moz-column-gap: 12rem;
           column-gap: 12rem;
    }
  
    .lg\:col-gap-56 {
      grid-column-gap: 14rem;
      -moz-column-gap: 14rem;
           column-gap: 14rem;
    }
  
    .lg\:col-gap-64 {
      grid-column-gap: 16rem;
      -moz-column-gap: 16rem;
           column-gap: 16rem;
    }
  
    .lg\:col-gap-px {
      grid-column-gap: 1px;
      -moz-column-gap: 1px;
           column-gap: 1px;
    }
  
    .lg\:gap-x-0 {
      grid-column-gap: 0;
      -moz-column-gap: 0;
           column-gap: 0;
    }
  
    .lg\:gap-x-1 {
      grid-column-gap: 0.25rem;
      -moz-column-gap: 0.25rem;
           column-gap: 0.25rem;
    }
  
    .lg\:gap-x-2 {
      grid-column-gap: 0.5rem;
      -moz-column-gap: 0.5rem;
           column-gap: 0.5rem;
    }
  
    .lg\:gap-x-3 {
      grid-column-gap: 0.75rem;
      -moz-column-gap: 0.75rem;
           column-gap: 0.75rem;
    }
  
    .lg\:gap-x-4 {
      grid-column-gap: 1rem;
      -moz-column-gap: 1rem;
           column-gap: 1rem;
    }
  
    .lg\:gap-x-5 {
      grid-column-gap: 1.25rem;
      -moz-column-gap: 1.25rem;
           column-gap: 1.25rem;
    }
  
    .lg\:gap-x-6 {
      grid-column-gap: 1.5rem;
      -moz-column-gap: 1.5rem;
           column-gap: 1.5rem;
    }
  
    .lg\:gap-x-8 {
      grid-column-gap: 2rem;
      -moz-column-gap: 2rem;
           column-gap: 2rem;
    }
  
    .lg\:gap-x-10 {
      grid-column-gap: 2.5rem;
      -moz-column-gap: 2.5rem;
           column-gap: 2.5rem;
    }
  
    .lg\:gap-x-12 {
      grid-column-gap: 3rem;
      -moz-column-gap: 3rem;
           column-gap: 3rem;
    }
  
    .lg\:gap-x-16 {
      grid-column-gap: 4rem;
      -moz-column-gap: 4rem;
           column-gap: 4rem;
    }
  
    .lg\:gap-x-20 {
      grid-column-gap: 5rem;
      -moz-column-gap: 5rem;
           column-gap: 5rem;
    }
  
    .lg\:gap-x-24 {
      grid-column-gap: 6rem;
      -moz-column-gap: 6rem;
           column-gap: 6rem;
    }
  
    .lg\:gap-x-32 {
      grid-column-gap: 8rem;
      -moz-column-gap: 8rem;
           column-gap: 8rem;
    }
  
    .lg\:gap-x-40 {
      grid-column-gap: 10rem;
      -moz-column-gap: 10rem;
           column-gap: 10rem;
    }
  
    .lg\:gap-x-48 {
      grid-column-gap: 12rem;
      -moz-column-gap: 12rem;
           column-gap: 12rem;
    }
  
    .lg\:gap-x-56 {
      grid-column-gap: 14rem;
      -moz-column-gap: 14rem;
           column-gap: 14rem;
    }
  
    .lg\:gap-x-64 {
      grid-column-gap: 16rem;
      -moz-column-gap: 16rem;
           column-gap: 16rem;
    }
  
    .lg\:gap-x-px {
      grid-column-gap: 1px;
      -moz-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\: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-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\: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-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-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\:hover\:rotate-0:hover {
      --transform-rotate: 0;
    }
  
    .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\:focus\:rotate-0:focus {
      --transform-rotate: 0;
    }
  
    .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\: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-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-y-0 {
      --transform-skew-y: 0;
    }
  
    .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\:hover\:skew-x-0:hover {
      --transform-skew-x: 0;
    }
  
    .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-y-0:hover {
      --transform-skew-y: 0;
    }
  
    .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\:focus\:skew-x-0:focus {
      --transform-skew-x: 0;
    }
  
    .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-y-0:focus {
      --transform-skew-y: 0;
    }
  
    .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\: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 {
      -webkit-animation: none;
              animation: none;
    }
  
    .lg\:animate-spin {
      -webkit-animation: spin 1s linear infinite;
              animation: spin 1s linear infinite;
    }
  
    .lg\:animate-ping {
      -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
              animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    }
  
    .lg\:animate-pulse {
      -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
              animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }
  
    .lg\:animate-bounce {
      -webkit-animation: bounce 1s infinite;
              animation: bounce 1s infinite;
    }
  }
  
  @media (min-width: 1280px) {
    .xl\:container {
      width: 100%;
    }
  
    @media (min-width: 500px) {
      .xl\:container {
        max-width: 500px;
      }
    }
  
    @media (min-width: 640px) {
      .xl\:container {
        max-width: 640px;
      }
    }
  
    @media (min-width: 768px) {
      .xl\:container {
        max-width: 768px;
      }
    }
  
    @media (min-width: 1024px) {
      .xl\:container {
        max-width: 1024px;
      }
    }
  
    @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-current > :not(template) ~ :not(template) {
      border-color: currentColor;
    }
  
    .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-red-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--divide-opacity));
    }
  
    .xl\:divide-red-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--divide-opacity));
    }
  
    .xl\:divide-red-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--divide-opacity));
    }
  
    .xl\:divide-red-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--divide-opacity));
    }
  
    .xl\:divide-red-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--divide-opacity));
    }
  
    .xl\:divide-red-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--divide-opacity));
    }
  
    .xl\:divide-red-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--divide-opacity));
    }
  
    .xl\:divide-red-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--divide-opacity));
    }
  
    .xl\:divide-red-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--divide-opacity));
    }
  
    .xl\:divide-orange-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--divide-opacity));
    }
  
    .xl\:divide-orange-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--divide-opacity));
    }
  
    .xl\:divide-orange-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--divide-opacity));
    }
  
    .xl\:divide-orange-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--divide-opacity));
    }
  
    .xl\:divide-orange-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--divide-opacity));
    }
  
    .xl\:divide-orange-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--divide-opacity));
    }
  
    .xl\:divide-orange-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--divide-opacity));
    }
  
    .xl\:divide-orange-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--divide-opacity));
    }
  
    .xl\:divide-orange-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--divide-opacity));
    }
  
    .xl\:divide-yellow-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--divide-opacity));
    }
  
    .xl\:divide-yellow-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--divide-opacity));
    }
  
    .xl\:divide-yellow-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--divide-opacity));
    }
  
    .xl\:divide-yellow-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--divide-opacity));
    }
  
    .xl\:divide-yellow-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--divide-opacity));
    }
  
    .xl\:divide-yellow-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--divide-opacity));
    }
  
    .xl\:divide-yellow-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--divide-opacity));
    }
  
    .xl\:divide-yellow-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--divide-opacity));
    }
  
    .xl\:divide-yellow-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--divide-opacity));
    }
  
    .xl\:divide-green-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--divide-opacity));
    }
  
    .xl\:divide-green-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--divide-opacity));
    }
  
    .xl\:divide-green-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--divide-opacity));
    }
  
    .xl\:divide-green-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--divide-opacity));
    }
  
    .xl\:divide-green-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--divide-opacity));
    }
  
    .xl\:divide-green-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--divide-opacity));
    }
  
    .xl\:divide-green-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--divide-opacity));
    }
  
    .xl\:divide-green-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--divide-opacity));
    }
  
    .xl\:divide-green-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--divide-opacity));
    }
  
    .xl\:divide-teal-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--divide-opacity));
    }
  
    .xl\:divide-teal-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--divide-opacity));
    }
  
    .xl\:divide-teal-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--divide-opacity));
    }
  
    .xl\:divide-teal-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--divide-opacity));
    }
  
    .xl\:divide-teal-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--divide-opacity));
    }
  
    .xl\:divide-teal-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--divide-opacity));
    }
  
    .xl\:divide-teal-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--divide-opacity));
    }
  
    .xl\:divide-teal-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--divide-opacity));
    }
  
    .xl\:divide-teal-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--divide-opacity));
    }
  
    .xl\:divide-blue-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--divide-opacity));
    }
  
    .xl\:divide-blue-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--divide-opacity));
    }
  
    .xl\:divide-blue-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--divide-opacity));
    }
  
    .xl\:divide-blue-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--divide-opacity));
    }
  
    .xl\:divide-blue-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--divide-opacity));
    }
  
    .xl\:divide-blue-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--divide-opacity));
    }
  
    .xl\:divide-blue-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--divide-opacity));
    }
  
    .xl\:divide-blue-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--divide-opacity));
    }
  
    .xl\:divide-blue-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--divide-opacity));
    }
  
    .xl\:divide-indigo-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--divide-opacity));
    }
  
    .xl\:divide-indigo-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--divide-opacity));
    }
  
    .xl\:divide-indigo-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--divide-opacity));
    }
  
    .xl\:divide-indigo-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--divide-opacity));
    }
  
    .xl\:divide-indigo-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--divide-opacity));
    }
  
    .xl\:divide-indigo-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--divide-opacity));
    }
  
    .xl\:divide-indigo-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--divide-opacity));
    }
  
    .xl\:divide-indigo-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--divide-opacity));
    }
  
    .xl\:divide-indigo-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--divide-opacity));
    }
  
    .xl\:divide-purple-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--divide-opacity));
    }
  
    .xl\:divide-purple-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--divide-opacity));
    }
  
    .xl\:divide-purple-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--divide-opacity));
    }
  
    .xl\:divide-purple-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--divide-opacity));
    }
  
    .xl\:divide-purple-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--divide-opacity));
    }
  
    .xl\:divide-purple-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--divide-opacity));
    }
  
    .xl\:divide-purple-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--divide-opacity));
    }
  
    .xl\:divide-purple-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--divide-opacity));
    }
  
    .xl\:divide-purple-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--divide-opacity));
    }
  
    .xl\:divide-pink-100 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--divide-opacity));
    }
  
    .xl\:divide-pink-200 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--divide-opacity));
    }
  
    .xl\:divide-pink-300 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--divide-opacity));
    }
  
    .xl\:divide-pink-400 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--divide-opacity));
    }
  
    .xl\:divide-pink-500 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--divide-opacity));
    }
  
    .xl\:divide-pink-600 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--divide-opacity));
    }
  
    .xl\:divide-pink-700 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--divide-opacity));
    }
  
    .xl\:divide-pink-800 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--divide-opacity));
    }
  
    .xl\:divide-pink-900 > :not(template) ~ :not(template) {
      --divide-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, 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;
         -moz-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-current {
      background-color: currentColor;
    }
  
    .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-red-100 {
      --bg-opacity: 1;
      background-color: #fff5f5;
      background-color: rgba(255, 245, 245, var(--bg-opacity));
    }
  
    .xl\:bg-red-200 {
      --bg-opacity: 1;
      background-color: #fed7d7;
      background-color: rgba(254, 215, 215, var(--bg-opacity));
    }
  
    .xl\:bg-red-300 {
      --bg-opacity: 1;
      background-color: #feb2b2;
      background-color: rgba(254, 178, 178, var(--bg-opacity));
    }
  
    .xl\:bg-red-400 {
      --bg-opacity: 1;
      background-color: #fc8181;
      background-color: rgba(252, 129, 129, var(--bg-opacity));
    }
  
    .xl\:bg-red-500 {
      --bg-opacity: 1;
      background-color: #f56565;
      background-color: rgba(245, 101, 101, var(--bg-opacity));
    }
  
    .xl\:bg-red-600 {
      --bg-opacity: 1;
      background-color: #e53e3e;
      background-color: rgba(229, 62, 62, var(--bg-opacity));
    }
  
    .xl\:bg-red-700 {
      --bg-opacity: 1;
      background-color: #c53030;
      background-color: rgba(197, 48, 48, var(--bg-opacity));
    }
  
    .xl\:bg-red-800 {
      --bg-opacity: 1;
      background-color: #9b2c2c;
      background-color: rgba(155, 44, 44, var(--bg-opacity));
    }
  
    .xl\:bg-red-900 {
      --bg-opacity: 1;
      background-color: #742a2a;
      background-color: rgba(116, 42, 42, var(--bg-opacity));
    }
  
    .xl\:bg-orange-100 {
      --bg-opacity: 1;
      background-color: #fffaf0;
      background-color: rgba(255, 250, 240, var(--bg-opacity));
    }
  
    .xl\:bg-orange-200 {
      --bg-opacity: 1;
      background-color: #feebc8;
      background-color: rgba(254, 235, 200, var(--bg-opacity));
    }
  
    .xl\:bg-orange-300 {
      --bg-opacity: 1;
      background-color: #fbd38d;
      background-color: rgba(251, 211, 141, var(--bg-opacity));
    }
  
    .xl\:bg-orange-400 {
      --bg-opacity: 1;
      background-color: #f6ad55;
      background-color: rgba(246, 173, 85, var(--bg-opacity));
    }
  
    .xl\:bg-orange-500 {
      --bg-opacity: 1;
      background-color: #ed8936;
      background-color: rgba(237, 137, 54, var(--bg-opacity));
    }
  
    .xl\:bg-orange-600 {
      --bg-opacity: 1;
      background-color: #dd6b20;
      background-color: rgba(221, 107, 32, var(--bg-opacity));
    }
  
    .xl\:bg-orange-700 {
      --bg-opacity: 1;
      background-color: #c05621;
      background-color: rgba(192, 86, 33, var(--bg-opacity));
    }
  
    .xl\:bg-orange-800 {
      --bg-opacity: 1;
      background-color: #9c4221;
      background-color: rgba(156, 66, 33, var(--bg-opacity));
    }
  
    .xl\:bg-orange-900 {
      --bg-opacity: 1;
      background-color: #7b341e;
      background-color: rgba(123, 52, 30, var(--bg-opacity));
    }
  
    .xl\:bg-yellow-100 {
      --bg-opacity: 1;
      background-color: #fffff0;
      background-color: rgba(255, 255, 240, var(--bg-opacity));
    }
  
    .xl\:bg-yellow-200 {
      --bg-opacity: 1;
      background-color: #fefcbf;
      background-color: rgba(254, 252, 191, var(--bg-opacity));
    }
  
    .xl\:bg-yellow-300 {
      --bg-opacity: 1;
      background-color: #faf089;
      background-color: rgba(250, 240, 137, var(--bg-opacity));
    }
  
    .xl\:bg-yellow-400 {
      --bg-opacity: 1;
      background-color: #f6e05e;
      background-color: rgba(246, 224, 94, var(--bg-opacity));
    }
  
    .xl\:bg-yellow-500 {
      --bg-opacity: 1;
      background-color: #ecc94b;
      background-color: rgba(236, 201, 75, var(--bg-opacity));
    }
  
    .xl\:bg-yellow-600 {
      --bg-opacity: 1;
      background-color: #d69e2e;
      background-color: rgba(214, 158, 46, var(--bg-opacity));
    }
  
    .xl\:bg-yellow-700 {
      --bg-opacity: 1;
      background-color: #b7791f;
      background-color: rgba(183, 121, 31, var(--bg-opacity));
    }
  
    .xl\:bg-yellow-800 {
      --bg-opacity: 1;
      background-color: #975a16;
      background-color: rgba(151, 90, 22, var(--bg-opacity));
    }
  
    .xl\:bg-yellow-900 {
      --bg-opacity: 1;
      background-color: #744210;
      background-color: rgba(116, 66, 16, var(--bg-opacity));
    }
  
    .xl\:bg-green-100 {
      --bg-opacity: 1;
      background-color: #f0fff4;
      background-color: rgba(240, 255, 244, var(--bg-opacity));
    }
  
    .xl\:bg-green-200 {
      --bg-opacity: 1;
      background-color: #c6f6d5;
      background-color: rgba(198, 246, 213, var(--bg-opacity));
    }
  
    .xl\:bg-green-300 {
      --bg-opacity: 1;
      background-color: #9ae6b4;
      background-color: rgba(154, 230, 180, var(--bg-opacity));
    }
  
    .xl\:bg-green-400 {
      --bg-opacity: 1;
      background-color: #68d391;
      background-color: rgba(104, 211, 145, var(--bg-opacity));
    }
  
    .xl\:bg-green-500 {
      --bg-opacity: 1;
      background-color: #48bb78;
      background-color: rgba(72, 187, 120, var(--bg-opacity));
    }
  
    .xl\:bg-green-600 {
      --bg-opacity: 1;
      background-color: #38a169;
      background-color: rgba(56, 161, 105, var(--bg-opacity));
    }
  
    .xl\:bg-green-700 {
      --bg-opacity: 1;
      background-color: #2f855a;
      background-color: rgba(47, 133, 90, var(--bg-opacity));
    }
  
    .xl\:bg-green-800 {
      --bg-opacity: 1;
      background-color: #276749;
      background-color: rgba(39, 103, 73, var(--bg-opacity));
    }
  
    .xl\:bg-green-900 {
      --bg-opacity: 1;
      background-color: #22543d;
      background-color: rgba(34, 84, 61, var(--bg-opacity));
    }
  
    .xl\:bg-teal-100 {
      --bg-opacity: 1;
      background-color: #e6fffa;
      background-color: rgba(230, 255, 250, var(--bg-opacity));
    }
  
    .xl\:bg-teal-200 {
      --bg-opacity: 1;
      background-color: #b2f5ea;
      background-color: rgba(178, 245, 234, var(--bg-opacity));
    }
  
    .xl\:bg-teal-300 {
      --bg-opacity: 1;
      background-color: #81e6d9;
      background-color: rgba(129, 230, 217, var(--bg-opacity));
    }
  
    .xl\:bg-teal-400 {
      --bg-opacity: 1;
      background-color: #4fd1c5;
      background-color: rgba(79, 209, 197, var(--bg-opacity));
    }
  
    .xl\:bg-teal-500 {
      --bg-opacity: 1;
      background-color: #38b2ac;
      background-color: rgba(56, 178, 172, var(--bg-opacity));
    }
  
    .xl\:bg-teal-600 {
      --bg-opacity: 1;
      background-color: #319795;
      background-color: rgba(49, 151, 149, var(--bg-opacity));
    }
  
    .xl\:bg-teal-700 {
      --bg-opacity: 1;
      background-color: #2c7a7b;
      background-color: rgba(44, 122, 123, var(--bg-opacity));
    }
  
    .xl\:bg-teal-800 {
      --bg-opacity: 1;
      background-color: #285e61;
      background-color: rgba(40, 94, 97, var(--bg-opacity));
    }
  
    .xl\:bg-teal-900 {
      --bg-opacity: 1;
      background-color: #234e52;
      background-color: rgba(35, 78, 82, var(--bg-opacity));
    }
  
    .xl\:bg-blue-100 {
      --bg-opacity: 1;
      background-color: #ebf8ff;
      background-color: rgba(235, 248, 255, var(--bg-opacity));
    }
  
    .xl\:bg-blue-200 {
      --bg-opacity: 1;
      background-color: #bee3f8;
      background-color: rgba(190, 227, 248, var(--bg-opacity));
    }
  
    .xl\:bg-blue-300 {
      --bg-opacity: 1;
      background-color: #90cdf4;
      background-color: rgba(144, 205, 244, var(--bg-opacity));
    }
  
    .xl\:bg-blue-400 {
      --bg-opacity: 1;
      background-color: #63b3ed;
      background-color: rgba(99, 179, 237, var(--bg-opacity));
    }
  
    .xl\:bg-blue-500 {
      --bg-opacity: 1;
      background-color: #4299e1;
      background-color: rgba(66, 153, 225, var(--bg-opacity));
    }
  
    .xl\:bg-blue-600 {
      --bg-opacity: 1;
      background-color: #3182ce;
      background-color: rgba(49, 130, 206, var(--bg-opacity));
    }
  
    .xl\:bg-blue-700 {
      --bg-opacity: 1;
      background-color: #2b6cb0;
      background-color: rgba(43, 108, 176, var(--bg-opacity));
    }
  
    .xl\:bg-blue-800 {
      --bg-opacity: 1;
      background-color: #2c5282;
      background-color: rgba(44, 82, 130, var(--bg-opacity));
    }
  
    .xl\:bg-blue-900 {
      --bg-opacity: 1;
      background-color: #2a4365;
      background-color: rgba(42, 67, 101, var(--bg-opacity));
    }
  
    .xl\:bg-indigo-100 {
      --bg-opacity: 1;
      background-color: #ebf4ff;
      background-color: rgba(235, 244, 255, var(--bg-opacity));
    }
  
    .xl\:bg-indigo-200 {
      --bg-opacity: 1;
      background-color: #c3dafe;
      background-color: rgba(195, 218, 254, var(--bg-opacity));
    }
  
    .xl\:bg-indigo-300 {
      --bg-opacity: 1;
      background-color: #a3bffa;
      background-color: rgba(163, 191, 250, var(--bg-opacity));
    }
  
    .xl\:bg-indigo-400 {
      --bg-opacity: 1;
      background-color: #7f9cf5;
      background-color: rgba(127, 156, 245, var(--bg-opacity));
    }
  
    .xl\:bg-indigo-500 {
      --bg-opacity: 1;
      background-color: #667eea;
      background-color: rgba(102, 126, 234, var(--bg-opacity));
    }
  
    .xl\:bg-indigo-600 {
      --bg-opacity: 1;
      background-color: #5a67d8;
      background-color: rgba(90, 103, 216, var(--bg-opacity));
    }
  
    .xl\:bg-indigo-700 {
      --bg-opacity: 1;
      background-color: #4c51bf;
      background-color: rgba(76, 81, 191, var(--bg-opacity));
    }
  
    .xl\:bg-indigo-800 {
      --bg-opacity: 1;
      background-color: #434190;
      background-color: rgba(67, 65, 144, var(--bg-opacity));
    }
  
    .xl\:bg-indigo-900 {
      --bg-opacity: 1;
      background-color: #3c366b;
      background-color: rgba(60, 54, 107, var(--bg-opacity));
    }
  
    .xl\:bg-purple-100 {
      --bg-opacity: 1;
      background-color: #faf5ff;
      background-color: rgba(250, 245, 255, var(--bg-opacity));
    }
  
    .xl\:bg-purple-200 {
      --bg-opacity: 1;
      background-color: #e9d8fd;
      background-color: rgba(233, 216, 253, var(--bg-opacity));
    }
  
    .xl\:bg-purple-300 {
      --bg-opacity: 1;
      background-color: #d6bcfa;
      background-color: rgba(214, 188, 250, var(--bg-opacity));
    }
  
    .xl\:bg-purple-400 {
      --bg-opacity: 1;
      background-color: #b794f4;
      background-color: rgba(183, 148, 244, var(--bg-opacity));
    }
  
    .xl\:bg-purple-500 {
      --bg-opacity: 1;
      background-color: #9f7aea;
      background-color: rgba(159, 122, 234, var(--bg-opacity));
    }
  
    .xl\:bg-purple-600 {
      --bg-opacity: 1;
      background-color: #805ad5;
      background-color: rgba(128, 90, 213, var(--bg-opacity));
    }
  
    .xl\:bg-purple-700 {
      --bg-opacity: 1;
      background-color: #6b46c1;
      background-color: rgba(107, 70, 193, var(--bg-opacity));
    }
  
    .xl\:bg-purple-800 {
      --bg-opacity: 1;
      background-color: #553c9a;
      background-color: rgba(85, 60, 154, var(--bg-opacity));
    }
  
    .xl\:bg-purple-900 {
      --bg-opacity: 1;
      background-color: #44337a;
      background-color: rgba(68, 51, 122, var(--bg-opacity));
    }
  
    .xl\:bg-pink-100 {
      --bg-opacity: 1;
      background-color: #fff5f7;
      background-color: rgba(255, 245, 247, var(--bg-opacity));
    }
  
    .xl\:bg-pink-200 {
      --bg-opacity: 1;
      background-color: #fed7e2;
      background-color: rgba(254, 215, 226, var(--bg-opacity));
    }
  
    .xl\:bg-pink-300 {
      --bg-opacity: 1;
      background-color: #fbb6ce;
      background-color: rgba(251, 182, 206, var(--bg-opacity));
    }
  
    .xl\:bg-pink-400 {
      --bg-opacity: 1;
      background-color: #f687b3;
      background-color: rgba(246, 135, 179, var(--bg-opacity));
    }
  
    .xl\:bg-pink-500 {
      --bg-opacity: 1;
      background-color: #ed64a6;
      background-color: rgba(237, 100, 166, var(--bg-opacity));
    }
  
    .xl\:bg-pink-600 {
      --bg-opacity: 1;
      background-color: #d53f8c;
      background-color: rgba(213, 63, 140, var(--bg-opacity));
    }
  
    .xl\:bg-pink-700 {
      --bg-opacity: 1;
      background-color: #b83280;
      background-color: rgba(184, 50, 128, var(--bg-opacity));
    }
  
    .xl\:bg-pink-800 {
      --bg-opacity: 1;
      background-color: #97266d;
      background-color: rgba(151, 38, 109, var(--bg-opacity));
    }
  
    .xl\:bg-pink-900 {
      --bg-opacity: 1;
      background-color: #702459;
      background-color: rgba(112, 36, 89, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-transparent:hover {
      background-color: transparent;
    }
  
    .xl\:hover\:bg-current:hover {
      background-color: currentColor;
    }
  
    .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-red-100:hover {
      --bg-opacity: 1;
      background-color: #fff5f5;
      background-color: rgba(255, 245, 245, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-red-200:hover {
      --bg-opacity: 1;
      background-color: #fed7d7;
      background-color: rgba(254, 215, 215, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-red-300:hover {
      --bg-opacity: 1;
      background-color: #feb2b2;
      background-color: rgba(254, 178, 178, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-red-400:hover {
      --bg-opacity: 1;
      background-color: #fc8181;
      background-color: rgba(252, 129, 129, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-red-500:hover {
      --bg-opacity: 1;
      background-color: #f56565;
      background-color: rgba(245, 101, 101, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-red-600:hover {
      --bg-opacity: 1;
      background-color: #e53e3e;
      background-color: rgba(229, 62, 62, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-red-700:hover {
      --bg-opacity: 1;
      background-color: #c53030;
      background-color: rgba(197, 48, 48, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-red-800:hover {
      --bg-opacity: 1;
      background-color: #9b2c2c;
      background-color: rgba(155, 44, 44, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-red-900:hover {
      --bg-opacity: 1;
      background-color: #742a2a;
      background-color: rgba(116, 42, 42, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-orange-100:hover {
      --bg-opacity: 1;
      background-color: #fffaf0;
      background-color: rgba(255, 250, 240, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-orange-200:hover {
      --bg-opacity: 1;
      background-color: #feebc8;
      background-color: rgba(254, 235, 200, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-orange-300:hover {
      --bg-opacity: 1;
      background-color: #fbd38d;
      background-color: rgba(251, 211, 141, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-orange-400:hover {
      --bg-opacity: 1;
      background-color: #f6ad55;
      background-color: rgba(246, 173, 85, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-orange-500:hover {
      --bg-opacity: 1;
      background-color: #ed8936;
      background-color: rgba(237, 137, 54, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-orange-600:hover {
      --bg-opacity: 1;
      background-color: #dd6b20;
      background-color: rgba(221, 107, 32, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-orange-700:hover {
      --bg-opacity: 1;
      background-color: #c05621;
      background-color: rgba(192, 86, 33, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-orange-800:hover {
      --bg-opacity: 1;
      background-color: #9c4221;
      background-color: rgba(156, 66, 33, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-orange-900:hover {
      --bg-opacity: 1;
      background-color: #7b341e;
      background-color: rgba(123, 52, 30, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-yellow-100:hover {
      --bg-opacity: 1;
      background-color: #fffff0;
      background-color: rgba(255, 255, 240, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-yellow-200:hover {
      --bg-opacity: 1;
      background-color: #fefcbf;
      background-color: rgba(254, 252, 191, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-yellow-300:hover {
      --bg-opacity: 1;
      background-color: #faf089;
      background-color: rgba(250, 240, 137, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-yellow-400:hover {
      --bg-opacity: 1;
      background-color: #f6e05e;
      background-color: rgba(246, 224, 94, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-yellow-500:hover {
      --bg-opacity: 1;
      background-color: #ecc94b;
      background-color: rgba(236, 201, 75, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-yellow-600:hover {
      --bg-opacity: 1;
      background-color: #d69e2e;
      background-color: rgba(214, 158, 46, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-yellow-700:hover {
      --bg-opacity: 1;
      background-color: #b7791f;
      background-color: rgba(183, 121, 31, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-yellow-800:hover {
      --bg-opacity: 1;
      background-color: #975a16;
      background-color: rgba(151, 90, 22, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-yellow-900:hover {
      --bg-opacity: 1;
      background-color: #744210;
      background-color: rgba(116, 66, 16, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-green-100:hover {
      --bg-opacity: 1;
      background-color: #f0fff4;
      background-color: rgba(240, 255, 244, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-green-200:hover {
      --bg-opacity: 1;
      background-color: #c6f6d5;
      background-color: rgba(198, 246, 213, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-green-300:hover {
      --bg-opacity: 1;
      background-color: #9ae6b4;
      background-color: rgba(154, 230, 180, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-green-400:hover {
      --bg-opacity: 1;
      background-color: #68d391;
      background-color: rgba(104, 211, 145, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-green-500:hover {
      --bg-opacity: 1;
      background-color: #48bb78;
      background-color: rgba(72, 187, 120, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-green-600:hover {
      --bg-opacity: 1;
      background-color: #38a169;
      background-color: rgba(56, 161, 105, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-green-700:hover {
      --bg-opacity: 1;
      background-color: #2f855a;
      background-color: rgba(47, 133, 90, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-green-800:hover {
      --bg-opacity: 1;
      background-color: #276749;
      background-color: rgba(39, 103, 73, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-green-900:hover {
      --bg-opacity: 1;
      background-color: #22543d;
      background-color: rgba(34, 84, 61, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-teal-100:hover {
      --bg-opacity: 1;
      background-color: #e6fffa;
      background-color: rgba(230, 255, 250, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-teal-200:hover {
      --bg-opacity: 1;
      background-color: #b2f5ea;
      background-color: rgba(178, 245, 234, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-teal-300:hover {
      --bg-opacity: 1;
      background-color: #81e6d9;
      background-color: rgba(129, 230, 217, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-teal-400:hover {
      --bg-opacity: 1;
      background-color: #4fd1c5;
      background-color: rgba(79, 209, 197, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-teal-500:hover {
      --bg-opacity: 1;
      background-color: #38b2ac;
      background-color: rgba(56, 178, 172, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-teal-600:hover {
      --bg-opacity: 1;
      background-color: #319795;
      background-color: rgba(49, 151, 149, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-teal-700:hover {
      --bg-opacity: 1;
      background-color: #2c7a7b;
      background-color: rgba(44, 122, 123, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-teal-800:hover {
      --bg-opacity: 1;
      background-color: #285e61;
      background-color: rgba(40, 94, 97, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-teal-900:hover {
      --bg-opacity: 1;
      background-color: #234e52;
      background-color: rgba(35, 78, 82, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-blue-100:hover {
      --bg-opacity: 1;
      background-color: #ebf8ff;
      background-color: rgba(235, 248, 255, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-blue-200:hover {
      --bg-opacity: 1;
      background-color: #bee3f8;
      background-color: rgba(190, 227, 248, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-blue-300:hover {
      --bg-opacity: 1;
      background-color: #90cdf4;
      background-color: rgba(144, 205, 244, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-blue-400:hover {
      --bg-opacity: 1;
      background-color: #63b3ed;
      background-color: rgba(99, 179, 237, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-blue-500:hover {
      --bg-opacity: 1;
      background-color: #4299e1;
      background-color: rgba(66, 153, 225, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-blue-600:hover {
      --bg-opacity: 1;
      background-color: #3182ce;
      background-color: rgba(49, 130, 206, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-blue-700:hover {
      --bg-opacity: 1;
      background-color: #2b6cb0;
      background-color: rgba(43, 108, 176, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-blue-800:hover {
      --bg-opacity: 1;
      background-color: #2c5282;
      background-color: rgba(44, 82, 130, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-blue-900:hover {
      --bg-opacity: 1;
      background-color: #2a4365;
      background-color: rgba(42, 67, 101, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-indigo-100:hover {
      --bg-opacity: 1;
      background-color: #ebf4ff;
      background-color: rgba(235, 244, 255, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-indigo-200:hover {
      --bg-opacity: 1;
      background-color: #c3dafe;
      background-color: rgba(195, 218, 254, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-indigo-300:hover {
      --bg-opacity: 1;
      background-color: #a3bffa;
      background-color: rgba(163, 191, 250, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-indigo-400:hover {
      --bg-opacity: 1;
      background-color: #7f9cf5;
      background-color: rgba(127, 156, 245, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-indigo-500:hover {
      --bg-opacity: 1;
      background-color: #667eea;
      background-color: rgba(102, 126, 234, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-indigo-600:hover {
      --bg-opacity: 1;
      background-color: #5a67d8;
      background-color: rgba(90, 103, 216, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-indigo-700:hover {
      --bg-opacity: 1;
      background-color: #4c51bf;
      background-color: rgba(76, 81, 191, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-indigo-800:hover {
      --bg-opacity: 1;
      background-color: #434190;
      background-color: rgba(67, 65, 144, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-indigo-900:hover {
      --bg-opacity: 1;
      background-color: #3c366b;
      background-color: rgba(60, 54, 107, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-purple-100:hover {
      --bg-opacity: 1;
      background-color: #faf5ff;
      background-color: rgba(250, 245, 255, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-purple-200:hover {
      --bg-opacity: 1;
      background-color: #e9d8fd;
      background-color: rgba(233, 216, 253, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-purple-300:hover {
      --bg-opacity: 1;
      background-color: #d6bcfa;
      background-color: rgba(214, 188, 250, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-purple-400:hover {
      --bg-opacity: 1;
      background-color: #b794f4;
      background-color: rgba(183, 148, 244, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-purple-500:hover {
      --bg-opacity: 1;
      background-color: #9f7aea;
      background-color: rgba(159, 122, 234, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-purple-600:hover {
      --bg-opacity: 1;
      background-color: #805ad5;
      background-color: rgba(128, 90, 213, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-purple-700:hover {
      --bg-opacity: 1;
      background-color: #6b46c1;
      background-color: rgba(107, 70, 193, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-purple-800:hover {
      --bg-opacity: 1;
      background-color: #553c9a;
      background-color: rgba(85, 60, 154, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-purple-900:hover {
      --bg-opacity: 1;
      background-color: #44337a;
      background-color: rgba(68, 51, 122, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-pink-100:hover {
      --bg-opacity: 1;
      background-color: #fff5f7;
      background-color: rgba(255, 245, 247, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-pink-200:hover {
      --bg-opacity: 1;
      background-color: #fed7e2;
      background-color: rgba(254, 215, 226, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-pink-300:hover {
      --bg-opacity: 1;
      background-color: #fbb6ce;
      background-color: rgba(251, 182, 206, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-pink-400:hover {
      --bg-opacity: 1;
      background-color: #f687b3;
      background-color: rgba(246, 135, 179, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-pink-500:hover {
      --bg-opacity: 1;
      background-color: #ed64a6;
      background-color: rgba(237, 100, 166, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-pink-600:hover {
      --bg-opacity: 1;
      background-color: #d53f8c;
      background-color: rgba(213, 63, 140, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-pink-700:hover {
      --bg-opacity: 1;
      background-color: #b83280;
      background-color: rgba(184, 50, 128, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-pink-800:hover {
      --bg-opacity: 1;
      background-color: #97266d;
      background-color: rgba(151, 38, 109, var(--bg-opacity));
    }
  
    .xl\:hover\:bg-pink-900:hover {
      --bg-opacity: 1;
      background-color: #702459;
      background-color: rgba(112, 36, 89, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-transparent:focus {
      background-color: transparent;
    }
  
    .xl\:focus\:bg-current:focus {
      background-color: currentColor;
    }
  
    .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-red-100:focus {
      --bg-opacity: 1;
      background-color: #fff5f5;
      background-color: rgba(255, 245, 245, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-red-200:focus {
      --bg-opacity: 1;
      background-color: #fed7d7;
      background-color: rgba(254, 215, 215, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-red-300:focus {
      --bg-opacity: 1;
      background-color: #feb2b2;
      background-color: rgba(254, 178, 178, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-red-400:focus {
      --bg-opacity: 1;
      background-color: #fc8181;
      background-color: rgba(252, 129, 129, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-red-500:focus {
      --bg-opacity: 1;
      background-color: #f56565;
      background-color: rgba(245, 101, 101, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-red-600:focus {
      --bg-opacity: 1;
      background-color: #e53e3e;
      background-color: rgba(229, 62, 62, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-red-700:focus {
      --bg-opacity: 1;
      background-color: #c53030;
      background-color: rgba(197, 48, 48, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-red-800:focus {
      --bg-opacity: 1;
      background-color: #9b2c2c;
      background-color: rgba(155, 44, 44, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-red-900:focus {
      --bg-opacity: 1;
      background-color: #742a2a;
      background-color: rgba(116, 42, 42, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-orange-100:focus {
      --bg-opacity: 1;
      background-color: #fffaf0;
      background-color: rgba(255, 250, 240, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-orange-200:focus {
      --bg-opacity: 1;
      background-color: #feebc8;
      background-color: rgba(254, 235, 200, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-orange-300:focus {
      --bg-opacity: 1;
      background-color: #fbd38d;
      background-color: rgba(251, 211, 141, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-orange-400:focus {
      --bg-opacity: 1;
      background-color: #f6ad55;
      background-color: rgba(246, 173, 85, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-orange-500:focus {
      --bg-opacity: 1;
      background-color: #ed8936;
      background-color: rgba(237, 137, 54, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-orange-600:focus {
      --bg-opacity: 1;
      background-color: #dd6b20;
      background-color: rgba(221, 107, 32, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-orange-700:focus {
      --bg-opacity: 1;
      background-color: #c05621;
      background-color: rgba(192, 86, 33, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-orange-800:focus {
      --bg-opacity: 1;
      background-color: #9c4221;
      background-color: rgba(156, 66, 33, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-orange-900:focus {
      --bg-opacity: 1;
      background-color: #7b341e;
      background-color: rgba(123, 52, 30, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-yellow-100:focus {
      --bg-opacity: 1;
      background-color: #fffff0;
      background-color: rgba(255, 255, 240, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-yellow-200:focus {
      --bg-opacity: 1;
      background-color: #fefcbf;
      background-color: rgba(254, 252, 191, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-yellow-300:focus {
      --bg-opacity: 1;
      background-color: #faf089;
      background-color: rgba(250, 240, 137, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-yellow-400:focus {
      --bg-opacity: 1;
      background-color: #f6e05e;
      background-color: rgba(246, 224, 94, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-yellow-500:focus {
      --bg-opacity: 1;
      background-color: #ecc94b;
      background-color: rgba(236, 201, 75, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-yellow-600:focus {
      --bg-opacity: 1;
      background-color: #d69e2e;
      background-color: rgba(214, 158, 46, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-yellow-700:focus {
      --bg-opacity: 1;
      background-color: #b7791f;
      background-color: rgba(183, 121, 31, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-yellow-800:focus {
      --bg-opacity: 1;
      background-color: #975a16;
      background-color: rgba(151, 90, 22, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-yellow-900:focus {
      --bg-opacity: 1;
      background-color: #744210;
      background-color: rgba(116, 66, 16, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-green-100:focus {
      --bg-opacity: 1;
      background-color: #f0fff4;
      background-color: rgba(240, 255, 244, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-green-200:focus {
      --bg-opacity: 1;
      background-color: #c6f6d5;
      background-color: rgba(198, 246, 213, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-green-300:focus {
      --bg-opacity: 1;
      background-color: #9ae6b4;
      background-color: rgba(154, 230, 180, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-green-400:focus {
      --bg-opacity: 1;
      background-color: #68d391;
      background-color: rgba(104, 211, 145, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-green-500:focus {
      --bg-opacity: 1;
      background-color: #48bb78;
      background-color: rgba(72, 187, 120, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-green-600:focus {
      --bg-opacity: 1;
      background-color: #38a169;
      background-color: rgba(56, 161, 105, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-green-700:focus {
      --bg-opacity: 1;
      background-color: #2f855a;
      background-color: rgba(47, 133, 90, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-green-800:focus {
      --bg-opacity: 1;
      background-color: #276749;
      background-color: rgba(39, 103, 73, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-green-900:focus {
      --bg-opacity: 1;
      background-color: #22543d;
      background-color: rgba(34, 84, 61, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-teal-100:focus {
      --bg-opacity: 1;
      background-color: #e6fffa;
      background-color: rgba(230, 255, 250, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-teal-200:focus {
      --bg-opacity: 1;
      background-color: #b2f5ea;
      background-color: rgba(178, 245, 234, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-teal-300:focus {
      --bg-opacity: 1;
      background-color: #81e6d9;
      background-color: rgba(129, 230, 217, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-teal-400:focus {
      --bg-opacity: 1;
      background-color: #4fd1c5;
      background-color: rgba(79, 209, 197, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-teal-500:focus {
      --bg-opacity: 1;
      background-color: #38b2ac;
      background-color: rgba(56, 178, 172, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-teal-600:focus {
      --bg-opacity: 1;
      background-color: #319795;
      background-color: rgba(49, 151, 149, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-teal-700:focus {
      --bg-opacity: 1;
      background-color: #2c7a7b;
      background-color: rgba(44, 122, 123, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-teal-800:focus {
      --bg-opacity: 1;
      background-color: #285e61;
      background-color: rgba(40, 94, 97, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-teal-900:focus {
      --bg-opacity: 1;
      background-color: #234e52;
      background-color: rgba(35, 78, 82, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-blue-100:focus {
      --bg-opacity: 1;
      background-color: #ebf8ff;
      background-color: rgba(235, 248, 255, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-blue-200:focus {
      --bg-opacity: 1;
      background-color: #bee3f8;
      background-color: rgba(190, 227, 248, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-blue-300:focus {
      --bg-opacity: 1;
      background-color: #90cdf4;
      background-color: rgba(144, 205, 244, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-blue-400:focus {
      --bg-opacity: 1;
      background-color: #63b3ed;
      background-color: rgba(99, 179, 237, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-blue-500:focus {
      --bg-opacity: 1;
      background-color: #4299e1;
      background-color: rgba(66, 153, 225, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-blue-600:focus {
      --bg-opacity: 1;
      background-color: #3182ce;
      background-color: rgba(49, 130, 206, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-blue-700:focus {
      --bg-opacity: 1;
      background-color: #2b6cb0;
      background-color: rgba(43, 108, 176, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-blue-800:focus {
      --bg-opacity: 1;
      background-color: #2c5282;
      background-color: rgba(44, 82, 130, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-blue-900:focus {
      --bg-opacity: 1;
      background-color: #2a4365;
      background-color: rgba(42, 67, 101, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-indigo-100:focus {
      --bg-opacity: 1;
      background-color: #ebf4ff;
      background-color: rgba(235, 244, 255, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-indigo-200:focus {
      --bg-opacity: 1;
      background-color: #c3dafe;
      background-color: rgba(195, 218, 254, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-indigo-300:focus {
      --bg-opacity: 1;
      background-color: #a3bffa;
      background-color: rgba(163, 191, 250, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-indigo-400:focus {
      --bg-opacity: 1;
      background-color: #7f9cf5;
      background-color: rgba(127, 156, 245, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-indigo-500:focus {
      --bg-opacity: 1;
      background-color: #667eea;
      background-color: rgba(102, 126, 234, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-indigo-600:focus {
      --bg-opacity: 1;
      background-color: #5a67d8;
      background-color: rgba(90, 103, 216, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-indigo-700:focus {
      --bg-opacity: 1;
      background-color: #4c51bf;
      background-color: rgba(76, 81, 191, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-indigo-800:focus {
      --bg-opacity: 1;
      background-color: #434190;
      background-color: rgba(67, 65, 144, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-indigo-900:focus {
      --bg-opacity: 1;
      background-color: #3c366b;
      background-color: rgba(60, 54, 107, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-purple-100:focus {
      --bg-opacity: 1;
      background-color: #faf5ff;
      background-color: rgba(250, 245, 255, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-purple-200:focus {
      --bg-opacity: 1;
      background-color: #e9d8fd;
      background-color: rgba(233, 216, 253, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-purple-300:focus {
      --bg-opacity: 1;
      background-color: #d6bcfa;
      background-color: rgba(214, 188, 250, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-purple-400:focus {
      --bg-opacity: 1;
      background-color: #b794f4;
      background-color: rgba(183, 148, 244, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-purple-500:focus {
      --bg-opacity: 1;
      background-color: #9f7aea;
      background-color: rgba(159, 122, 234, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-purple-600:focus {
      --bg-opacity: 1;
      background-color: #805ad5;
      background-color: rgba(128, 90, 213, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-purple-700:focus {
      --bg-opacity: 1;
      background-color: #6b46c1;
      background-color: rgba(107, 70, 193, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-purple-800:focus {
      --bg-opacity: 1;
      background-color: #553c9a;
      background-color: rgba(85, 60, 154, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-purple-900:focus {
      --bg-opacity: 1;
      background-color: #44337a;
      background-color: rgba(68, 51, 122, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-pink-100:focus {
      --bg-opacity: 1;
      background-color: #fff5f7;
      background-color: rgba(255, 245, 247, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-pink-200:focus {
      --bg-opacity: 1;
      background-color: #fed7e2;
      background-color: rgba(254, 215, 226, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-pink-300:focus {
      --bg-opacity: 1;
      background-color: #fbb6ce;
      background-color: rgba(251, 182, 206, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-pink-400:focus {
      --bg-opacity: 1;
      background-color: #f687b3;
      background-color: rgba(246, 135, 179, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-pink-500:focus {
      --bg-opacity: 1;
      background-color: #ed64a6;
      background-color: rgba(237, 100, 166, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-pink-600:focus {
      --bg-opacity: 1;
      background-color: #d53f8c;
      background-color: rgba(213, 63, 140, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-pink-700:focus {
      --bg-opacity: 1;
      background-color: #b83280;
      background-color: rgba(184, 50, 128, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-pink-800:focus {
      --bg-opacity: 1;
      background-color: #97266d;
      background-color: rgba(151, 38, 109, var(--bg-opacity));
    }
  
    .xl\:focus\:bg-pink-900:focus {
      --bg-opacity: 1;
      background-color: #702459;
      background-color: rgba(112, 36, 89, 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-current {
      --gradient-from-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100 {
      --gradient-from-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .xl\:from-red-200 {
      --gradient-from-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .xl\:from-red-300 {
      --gradient-from-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .xl\:from-red-400 {
      --gradient-from-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .xl\:from-red-500 {
      --gradient-from-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .xl\:from-red-600 {
      --gradient-from-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .xl\:from-red-700 {
      --gradient-from-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .xl\:from-red-800 {
      --gradient-from-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .xl\:from-red-900 {
      --gradient-from-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .xl\:from-orange-100 {
      --gradient-from-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .xl\:from-orange-200 {
      --gradient-from-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .xl\:from-orange-300 {
      --gradient-from-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .xl\:from-orange-400 {
      --gradient-from-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .xl\:from-orange-500 {
      --gradient-from-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .xl\:from-orange-600 {
      --gradient-from-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .xl\:from-orange-700 {
      --gradient-from-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .xl\:from-orange-800 {
      --gradient-from-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .xl\:from-orange-900 {
      --gradient-from-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .xl\:from-yellow-100 {
      --gradient-from-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .xl\:from-yellow-200 {
      --gradient-from-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .xl\:from-yellow-300 {
      --gradient-from-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .xl\:from-yellow-400 {
      --gradient-from-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .xl\:from-yellow-500 {
      --gradient-from-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .xl\:from-yellow-600 {
      --gradient-from-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .xl\:from-yellow-700 {
      --gradient-from-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .xl\:from-yellow-800 {
      --gradient-from-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .xl\:from-yellow-900 {
      --gradient-from-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .xl\:from-green-100 {
      --gradient-from-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .xl\:from-green-200 {
      --gradient-from-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .xl\:from-green-300 {
      --gradient-from-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .xl\:from-green-400 {
      --gradient-from-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .xl\:from-green-500 {
      --gradient-from-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .xl\:from-green-600 {
      --gradient-from-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .xl\:from-green-700 {
      --gradient-from-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .xl\:from-green-800 {
      --gradient-from-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .xl\:from-green-900 {
      --gradient-from-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .xl\:from-teal-100 {
      --gradient-from-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .xl\:from-teal-200 {
      --gradient-from-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .xl\:from-teal-300 {
      --gradient-from-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .xl\:from-teal-400 {
      --gradient-from-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .xl\:from-teal-500 {
      --gradient-from-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .xl\:from-teal-600 {
      --gradient-from-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .xl\:from-teal-700 {
      --gradient-from-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .xl\:from-teal-800 {
      --gradient-from-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .xl\:from-teal-900 {
      --gradient-from-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .xl\:from-blue-100 {
      --gradient-from-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .xl\:from-blue-200 {
      --gradient-from-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .xl\:from-blue-300 {
      --gradient-from-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .xl\:from-blue-400 {
      --gradient-from-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .xl\:from-blue-500 {
      --gradient-from-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .xl\:from-blue-600 {
      --gradient-from-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .xl\:from-blue-700 {
      --gradient-from-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .xl\:from-blue-800 {
      --gradient-from-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .xl\:from-blue-900 {
      --gradient-from-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .xl\:from-indigo-100 {
      --gradient-from-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .xl\:from-indigo-200 {
      --gradient-from-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .xl\:from-indigo-300 {
      --gradient-from-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .xl\:from-indigo-400 {
      --gradient-from-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .xl\:from-indigo-500 {
      --gradient-from-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .xl\:from-indigo-600 {
      --gradient-from-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .xl\:from-indigo-700 {
      --gradient-from-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .xl\:from-indigo-800 {
      --gradient-from-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .xl\:from-indigo-900 {
      --gradient-from-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .xl\:from-purple-100 {
      --gradient-from-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .xl\:from-purple-200 {
      --gradient-from-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .xl\:from-purple-300 {
      --gradient-from-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .xl\:from-purple-400 {
      --gradient-from-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .xl\:from-purple-500 {
      --gradient-from-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .xl\:from-purple-600 {
      --gradient-from-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .xl\:from-purple-700 {
      --gradient-from-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .xl\:from-purple-800 {
      --gradient-from-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .xl\:from-purple-900 {
      --gradient-from-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .xl\:from-pink-100 {
      --gradient-from-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .xl\:from-pink-200 {
      --gradient-from-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .xl\:from-pink-300 {
      --gradient-from-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .xl\:from-pink-400 {
      --gradient-from-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .xl\:from-pink-500 {
      --gradient-from-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .xl\:from-pink-600 {
      --gradient-from-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .xl\:from-pink-700 {
      --gradient-from-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .xl\:from-pink-800 {
      --gradient-from-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .xl\:from-pink-900 {
      --gradient-from-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 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-current {
      --gradient-via-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100 {
      --gradient-via-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .xl\:via-red-200 {
      --gradient-via-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .xl\:via-red-300 {
      --gradient-via-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .xl\:via-red-400 {
      --gradient-via-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .xl\:via-red-500 {
      --gradient-via-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .xl\:via-red-600 {
      --gradient-via-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .xl\:via-red-700 {
      --gradient-via-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .xl\:via-red-800 {
      --gradient-via-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .xl\:via-red-900 {
      --gradient-via-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .xl\:via-orange-100 {
      --gradient-via-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .xl\:via-orange-200 {
      --gradient-via-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .xl\:via-orange-300 {
      --gradient-via-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .xl\:via-orange-400 {
      --gradient-via-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .xl\:via-orange-500 {
      --gradient-via-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .xl\:via-orange-600 {
      --gradient-via-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .xl\:via-orange-700 {
      --gradient-via-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .xl\:via-orange-800 {
      --gradient-via-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .xl\:via-orange-900 {
      --gradient-via-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .xl\:via-yellow-100 {
      --gradient-via-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .xl\:via-yellow-200 {
      --gradient-via-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .xl\:via-yellow-300 {
      --gradient-via-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .xl\:via-yellow-400 {
      --gradient-via-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .xl\:via-yellow-500 {
      --gradient-via-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .xl\:via-yellow-600 {
      --gradient-via-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .xl\:via-yellow-700 {
      --gradient-via-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .xl\:via-yellow-800 {
      --gradient-via-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .xl\:via-yellow-900 {
      --gradient-via-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .xl\:via-green-100 {
      --gradient-via-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .xl\:via-green-200 {
      --gradient-via-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .xl\:via-green-300 {
      --gradient-via-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .xl\:via-green-400 {
      --gradient-via-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .xl\:via-green-500 {
      --gradient-via-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .xl\:via-green-600 {
      --gradient-via-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .xl\:via-green-700 {
      --gradient-via-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .xl\:via-green-800 {
      --gradient-via-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .xl\:via-green-900 {
      --gradient-via-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .xl\:via-teal-100 {
      --gradient-via-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .xl\:via-teal-200 {
      --gradient-via-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .xl\:via-teal-300 {
      --gradient-via-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .xl\:via-teal-400 {
      --gradient-via-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .xl\:via-teal-500 {
      --gradient-via-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .xl\:via-teal-600 {
      --gradient-via-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .xl\:via-teal-700 {
      --gradient-via-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .xl\:via-teal-800 {
      --gradient-via-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .xl\:via-teal-900 {
      --gradient-via-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .xl\:via-blue-100 {
      --gradient-via-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .xl\:via-blue-200 {
      --gradient-via-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .xl\:via-blue-300 {
      --gradient-via-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .xl\:via-blue-400 {
      --gradient-via-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .xl\:via-blue-500 {
      --gradient-via-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .xl\:via-blue-600 {
      --gradient-via-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .xl\:via-blue-700 {
      --gradient-via-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .xl\:via-blue-800 {
      --gradient-via-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .xl\:via-blue-900 {
      --gradient-via-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .xl\:via-indigo-100 {
      --gradient-via-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .xl\:via-indigo-200 {
      --gradient-via-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .xl\:via-indigo-300 {
      --gradient-via-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .xl\:via-indigo-400 {
      --gradient-via-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .xl\:via-indigo-500 {
      --gradient-via-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .xl\:via-indigo-600 {
      --gradient-via-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .xl\:via-indigo-700 {
      --gradient-via-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .xl\:via-indigo-800 {
      --gradient-via-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .xl\:via-indigo-900 {
      --gradient-via-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .xl\:via-purple-100 {
      --gradient-via-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .xl\:via-purple-200 {
      --gradient-via-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .xl\:via-purple-300 {
      --gradient-via-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .xl\:via-purple-400 {
      --gradient-via-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .xl\:via-purple-500 {
      --gradient-via-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .xl\:via-purple-600 {
      --gradient-via-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .xl\:via-purple-700 {
      --gradient-via-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .xl\:via-purple-800 {
      --gradient-via-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .xl\:via-purple-900 {
      --gradient-via-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .xl\:via-pink-100 {
      --gradient-via-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .xl\:via-pink-200 {
      --gradient-via-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .xl\:via-pink-300 {
      --gradient-via-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .xl\:via-pink-400 {
      --gradient-via-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .xl\:via-pink-500 {
      --gradient-via-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .xl\:via-pink-600 {
      --gradient-via-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .xl\:via-pink-700 {
      --gradient-via-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .xl\:via-pink-800 {
      --gradient-via-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .xl\:via-pink-900 {
      --gradient-via-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .xl\:to-transparent {
      --gradient-to-color: transparent;
    }
  
    .xl\:to-current {
      --gradient-to-color: currentColor;
    }
  
    .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-red-100 {
      --gradient-to-color: #fff5f5;
    }
  
    .xl\:to-red-200 {
      --gradient-to-color: #fed7d7;
    }
  
    .xl\:to-red-300 {
      --gradient-to-color: #feb2b2;
    }
  
    .xl\:to-red-400 {
      --gradient-to-color: #fc8181;
    }
  
    .xl\:to-red-500 {
      --gradient-to-color: #f56565;
    }
  
    .xl\:to-red-600 {
      --gradient-to-color: #e53e3e;
    }
  
    .xl\:to-red-700 {
      --gradient-to-color: #c53030;
    }
  
    .xl\:to-red-800 {
      --gradient-to-color: #9b2c2c;
    }
  
    .xl\:to-red-900 {
      --gradient-to-color: #742a2a;
    }
  
    .xl\:to-orange-100 {
      --gradient-to-color: #fffaf0;
    }
  
    .xl\:to-orange-200 {
      --gradient-to-color: #feebc8;
    }
  
    .xl\:to-orange-300 {
      --gradient-to-color: #fbd38d;
    }
  
    .xl\:to-orange-400 {
      --gradient-to-color: #f6ad55;
    }
  
    .xl\:to-orange-500 {
      --gradient-to-color: #ed8936;
    }
  
    .xl\:to-orange-600 {
      --gradient-to-color: #dd6b20;
    }
  
    .xl\:to-orange-700 {
      --gradient-to-color: #c05621;
    }
  
    .xl\:to-orange-800 {
      --gradient-to-color: #9c4221;
    }
  
    .xl\:to-orange-900 {
      --gradient-to-color: #7b341e;
    }
  
    .xl\:to-yellow-100 {
      --gradient-to-color: #fffff0;
    }
  
    .xl\:to-yellow-200 {
      --gradient-to-color: #fefcbf;
    }
  
    .xl\:to-yellow-300 {
      --gradient-to-color: #faf089;
    }
  
    .xl\:to-yellow-400 {
      --gradient-to-color: #f6e05e;
    }
  
    .xl\:to-yellow-500 {
      --gradient-to-color: #ecc94b;
    }
  
    .xl\:to-yellow-600 {
      --gradient-to-color: #d69e2e;
    }
  
    .xl\:to-yellow-700 {
      --gradient-to-color: #b7791f;
    }
  
    .xl\:to-yellow-800 {
      --gradient-to-color: #975a16;
    }
  
    .xl\:to-yellow-900 {
      --gradient-to-color: #744210;
    }
  
    .xl\:to-green-100 {
      --gradient-to-color: #f0fff4;
    }
  
    .xl\:to-green-200 {
      --gradient-to-color: #c6f6d5;
    }
  
    .xl\:to-green-300 {
      --gradient-to-color: #9ae6b4;
    }
  
    .xl\:to-green-400 {
      --gradient-to-color: #68d391;
    }
  
    .xl\:to-green-500 {
      --gradient-to-color: #48bb78;
    }
  
    .xl\:to-green-600 {
      --gradient-to-color: #38a169;
    }
  
    .xl\:to-green-700 {
      --gradient-to-color: #2f855a;
    }
  
    .xl\:to-green-800 {
      --gradient-to-color: #276749;
    }
  
    .xl\:to-green-900 {
      --gradient-to-color: #22543d;
    }
  
    .xl\:to-teal-100 {
      --gradient-to-color: #e6fffa;
    }
  
    .xl\:to-teal-200 {
      --gradient-to-color: #b2f5ea;
    }
  
    .xl\:to-teal-300 {
      --gradient-to-color: #81e6d9;
    }
  
    .xl\:to-teal-400 {
      --gradient-to-color: #4fd1c5;
    }
  
    .xl\:to-teal-500 {
      --gradient-to-color: #38b2ac;
    }
  
    .xl\:to-teal-600 {
      --gradient-to-color: #319795;
    }
  
    .xl\:to-teal-700 {
      --gradient-to-color: #2c7a7b;
    }
  
    .xl\:to-teal-800 {
      --gradient-to-color: #285e61;
    }
  
    .xl\:to-teal-900 {
      --gradient-to-color: #234e52;
    }
  
    .xl\:to-blue-100 {
      --gradient-to-color: #ebf8ff;
    }
  
    .xl\:to-blue-200 {
      --gradient-to-color: #bee3f8;
    }
  
    .xl\:to-blue-300 {
      --gradient-to-color: #90cdf4;
    }
  
    .xl\:to-blue-400 {
      --gradient-to-color: #63b3ed;
    }
  
    .xl\:to-blue-500 {
      --gradient-to-color: #4299e1;
    }
  
    .xl\:to-blue-600 {
      --gradient-to-color: #3182ce;
    }
  
    .xl\:to-blue-700 {
      --gradient-to-color: #2b6cb0;
    }
  
    .xl\:to-blue-800 {
      --gradient-to-color: #2c5282;
    }
  
    .xl\:to-blue-900 {
      --gradient-to-color: #2a4365;
    }
  
    .xl\:to-indigo-100 {
      --gradient-to-color: #ebf4ff;
    }
  
    .xl\:to-indigo-200 {
      --gradient-to-color: #c3dafe;
    }
  
    .xl\:to-indigo-300 {
      --gradient-to-color: #a3bffa;
    }
  
    .xl\:to-indigo-400 {
      --gradient-to-color: #7f9cf5;
    }
  
    .xl\:to-indigo-500 {
      --gradient-to-color: #667eea;
    }
  
    .xl\:to-indigo-600 {
      --gradient-to-color: #5a67d8;
    }
  
    .xl\:to-indigo-700 {
      --gradient-to-color: #4c51bf;
    }
  
    .xl\:to-indigo-800 {
      --gradient-to-color: #434190;
    }
  
    .xl\:to-indigo-900 {
      --gradient-to-color: #3c366b;
    }
  
    .xl\:to-purple-100 {
      --gradient-to-color: #faf5ff;
    }
  
    .xl\:to-purple-200 {
      --gradient-to-color: #e9d8fd;
    }
  
    .xl\:to-purple-300 {
      --gradient-to-color: #d6bcfa;
    }
  
    .xl\:to-purple-400 {
      --gradient-to-color: #b794f4;
    }
  
    .xl\:to-purple-500 {
      --gradient-to-color: #9f7aea;
    }
  
    .xl\:to-purple-600 {
      --gradient-to-color: #805ad5;
    }
  
    .xl\:to-purple-700 {
      --gradient-to-color: #6b46c1;
    }
  
    .xl\:to-purple-800 {
      --gradient-to-color: #553c9a;
    }
  
    .xl\:to-purple-900 {
      --gradient-to-color: #44337a;
    }
  
    .xl\:to-pink-100 {
      --gradient-to-color: #fff5f7;
    }
  
    .xl\:to-pink-200 {
      --gradient-to-color: #fed7e2;
    }
  
    .xl\:to-pink-300 {
      --gradient-to-color: #fbb6ce;
    }
  
    .xl\:to-pink-400 {
      --gradient-to-color: #f687b3;
    }
  
    .xl\:to-pink-500 {
      --gradient-to-color: #ed64a6;
    }
  
    .xl\:to-pink-600 {
      --gradient-to-color: #d53f8c;
    }
  
    .xl\:to-pink-700 {
      --gradient-to-color: #b83280;
    }
  
    .xl\:to-pink-800 {
      --gradient-to-color: #97266d;
    }
  
    .xl\:to-pink-900 {
      --gradient-to-color: #702459;
    }
  
    .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-current:hover {
      --gradient-from-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:hover {
      --gradient-from-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .xl\:hover\:from-red-200:hover {
      --gradient-from-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .xl\:hover\:from-red-300:hover {
      --gradient-from-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .xl\:hover\:from-red-400:hover {
      --gradient-from-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .xl\:hover\:from-red-500:hover {
      --gradient-from-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .xl\:hover\:from-red-600:hover {
      --gradient-from-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .xl\:hover\:from-red-700:hover {
      --gradient-from-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .xl\:hover\:from-red-800:hover {
      --gradient-from-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .xl\:hover\:from-red-900:hover {
      --gradient-from-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .xl\:hover\:from-orange-100:hover {
      --gradient-from-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .xl\:hover\:from-orange-200:hover {
      --gradient-from-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .xl\:hover\:from-orange-300:hover {
      --gradient-from-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .xl\:hover\:from-orange-400:hover {
      --gradient-from-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .xl\:hover\:from-orange-500:hover {
      --gradient-from-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .xl\:hover\:from-orange-600:hover {
      --gradient-from-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .xl\:hover\:from-orange-700:hover {
      --gradient-from-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .xl\:hover\:from-orange-800:hover {
      --gradient-from-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .xl\:hover\:from-orange-900:hover {
      --gradient-from-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .xl\:hover\:from-yellow-100:hover {
      --gradient-from-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .xl\:hover\:from-yellow-200:hover {
      --gradient-from-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .xl\:hover\:from-yellow-300:hover {
      --gradient-from-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .xl\:hover\:from-yellow-400:hover {
      --gradient-from-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .xl\:hover\:from-yellow-500:hover {
      --gradient-from-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .xl\:hover\:from-yellow-600:hover {
      --gradient-from-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .xl\:hover\:from-yellow-700:hover {
      --gradient-from-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .xl\:hover\:from-yellow-800:hover {
      --gradient-from-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .xl\:hover\:from-yellow-900:hover {
      --gradient-from-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .xl\:hover\:from-green-100:hover {
      --gradient-from-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .xl\:hover\:from-green-200:hover {
      --gradient-from-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .xl\:hover\:from-green-300:hover {
      --gradient-from-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .xl\:hover\:from-green-400:hover {
      --gradient-from-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .xl\:hover\:from-green-500:hover {
      --gradient-from-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .xl\:hover\:from-green-600:hover {
      --gradient-from-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .xl\:hover\:from-green-700:hover {
      --gradient-from-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .xl\:hover\:from-green-800:hover {
      --gradient-from-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .xl\:hover\:from-green-900:hover {
      --gradient-from-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .xl\:hover\:from-teal-100:hover {
      --gradient-from-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .xl\:hover\:from-teal-200:hover {
      --gradient-from-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .xl\:hover\:from-teal-300:hover {
      --gradient-from-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .xl\:hover\:from-teal-400:hover {
      --gradient-from-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .xl\:hover\:from-teal-500:hover {
      --gradient-from-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .xl\:hover\:from-teal-600:hover {
      --gradient-from-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .xl\:hover\:from-teal-700:hover {
      --gradient-from-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .xl\:hover\:from-teal-800:hover {
      --gradient-from-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .xl\:hover\:from-teal-900:hover {
      --gradient-from-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .xl\:hover\:from-blue-100:hover {
      --gradient-from-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .xl\:hover\:from-blue-200:hover {
      --gradient-from-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .xl\:hover\:from-blue-300:hover {
      --gradient-from-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .xl\:hover\:from-blue-400:hover {
      --gradient-from-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .xl\:hover\:from-blue-500:hover {
      --gradient-from-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .xl\:hover\:from-blue-600:hover {
      --gradient-from-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .xl\:hover\:from-blue-700:hover {
      --gradient-from-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .xl\:hover\:from-blue-800:hover {
      --gradient-from-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .xl\:hover\:from-blue-900:hover {
      --gradient-from-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .xl\:hover\:from-indigo-100:hover {
      --gradient-from-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .xl\:hover\:from-indigo-200:hover {
      --gradient-from-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .xl\:hover\:from-indigo-300:hover {
      --gradient-from-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .xl\:hover\:from-indigo-400:hover {
      --gradient-from-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .xl\:hover\:from-indigo-500:hover {
      --gradient-from-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .xl\:hover\:from-indigo-600:hover {
      --gradient-from-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .xl\:hover\:from-indigo-700:hover {
      --gradient-from-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .xl\:hover\:from-indigo-800:hover {
      --gradient-from-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .xl\:hover\:from-indigo-900:hover {
      --gradient-from-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .xl\:hover\:from-purple-100:hover {
      --gradient-from-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .xl\:hover\:from-purple-200:hover {
      --gradient-from-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .xl\:hover\:from-purple-300:hover {
      --gradient-from-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .xl\:hover\:from-purple-400:hover {
      --gradient-from-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .xl\:hover\:from-purple-500:hover {
      --gradient-from-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .xl\:hover\:from-purple-600:hover {
      --gradient-from-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .xl\:hover\:from-purple-700:hover {
      --gradient-from-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .xl\:hover\:from-purple-800:hover {
      --gradient-from-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .xl\:hover\:from-purple-900:hover {
      --gradient-from-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .xl\:hover\:from-pink-100:hover {
      --gradient-from-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .xl\:hover\:from-pink-200:hover {
      --gradient-from-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .xl\:hover\:from-pink-300:hover {
      --gradient-from-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .xl\:hover\:from-pink-400:hover {
      --gradient-from-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .xl\:hover\:from-pink-500:hover {
      --gradient-from-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .xl\:hover\:from-pink-600:hover {
      --gradient-from-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .xl\:hover\:from-pink-700:hover {
      --gradient-from-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .xl\:hover\:from-pink-800:hover {
      --gradient-from-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .xl\:hover\:from-pink-900:hover {
      --gradient-from-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 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-current:hover {
      --gradient-via-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:hover {
      --gradient-via-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .xl\:hover\:via-red-200:hover {
      --gradient-via-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .xl\:hover\:via-red-300:hover {
      --gradient-via-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .xl\:hover\:via-red-400:hover {
      --gradient-via-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .xl\:hover\:via-red-500:hover {
      --gradient-via-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .xl\:hover\:via-red-600:hover {
      --gradient-via-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .xl\:hover\:via-red-700:hover {
      --gradient-via-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .xl\:hover\:via-red-800:hover {
      --gradient-via-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .xl\:hover\:via-red-900:hover {
      --gradient-via-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .xl\:hover\:via-orange-100:hover {
      --gradient-via-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .xl\:hover\:via-orange-200:hover {
      --gradient-via-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .xl\:hover\:via-orange-300:hover {
      --gradient-via-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .xl\:hover\:via-orange-400:hover {
      --gradient-via-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .xl\:hover\:via-orange-500:hover {
      --gradient-via-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .xl\:hover\:via-orange-600:hover {
      --gradient-via-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .xl\:hover\:via-orange-700:hover {
      --gradient-via-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .xl\:hover\:via-orange-800:hover {
      --gradient-via-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .xl\:hover\:via-orange-900:hover {
      --gradient-via-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .xl\:hover\:via-yellow-100:hover {
      --gradient-via-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .xl\:hover\:via-yellow-200:hover {
      --gradient-via-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .xl\:hover\:via-yellow-300:hover {
      --gradient-via-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .xl\:hover\:via-yellow-400:hover {
      --gradient-via-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .xl\:hover\:via-yellow-500:hover {
      --gradient-via-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .xl\:hover\:via-yellow-600:hover {
      --gradient-via-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .xl\:hover\:via-yellow-700:hover {
      --gradient-via-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .xl\:hover\:via-yellow-800:hover {
      --gradient-via-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .xl\:hover\:via-yellow-900:hover {
      --gradient-via-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .xl\:hover\:via-green-100:hover {
      --gradient-via-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .xl\:hover\:via-green-200:hover {
      --gradient-via-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .xl\:hover\:via-green-300:hover {
      --gradient-via-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .xl\:hover\:via-green-400:hover {
      --gradient-via-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .xl\:hover\:via-green-500:hover {
      --gradient-via-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .xl\:hover\:via-green-600:hover {
      --gradient-via-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .xl\:hover\:via-green-700:hover {
      --gradient-via-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .xl\:hover\:via-green-800:hover {
      --gradient-via-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .xl\:hover\:via-green-900:hover {
      --gradient-via-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .xl\:hover\:via-teal-100:hover {
      --gradient-via-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .xl\:hover\:via-teal-200:hover {
      --gradient-via-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .xl\:hover\:via-teal-300:hover {
      --gradient-via-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .xl\:hover\:via-teal-400:hover {
      --gradient-via-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .xl\:hover\:via-teal-500:hover {
      --gradient-via-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .xl\:hover\:via-teal-600:hover {
      --gradient-via-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .xl\:hover\:via-teal-700:hover {
      --gradient-via-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .xl\:hover\:via-teal-800:hover {
      --gradient-via-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .xl\:hover\:via-teal-900:hover {
      --gradient-via-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .xl\:hover\:via-blue-100:hover {
      --gradient-via-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .xl\:hover\:via-blue-200:hover {
      --gradient-via-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .xl\:hover\:via-blue-300:hover {
      --gradient-via-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .xl\:hover\:via-blue-400:hover {
      --gradient-via-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .xl\:hover\:via-blue-500:hover {
      --gradient-via-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .xl\:hover\:via-blue-600:hover {
      --gradient-via-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .xl\:hover\:via-blue-700:hover {
      --gradient-via-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .xl\:hover\:via-blue-800:hover {
      --gradient-via-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .xl\:hover\:via-blue-900:hover {
      --gradient-via-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .xl\:hover\:via-indigo-100:hover {
      --gradient-via-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .xl\:hover\:via-indigo-200:hover {
      --gradient-via-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .xl\:hover\:via-indigo-300:hover {
      --gradient-via-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .xl\:hover\:via-indigo-400:hover {
      --gradient-via-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .xl\:hover\:via-indigo-500:hover {
      --gradient-via-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .xl\:hover\:via-indigo-600:hover {
      --gradient-via-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .xl\:hover\:via-indigo-700:hover {
      --gradient-via-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .xl\:hover\:via-indigo-800:hover {
      --gradient-via-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .xl\:hover\:via-indigo-900:hover {
      --gradient-via-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .xl\:hover\:via-purple-100:hover {
      --gradient-via-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .xl\:hover\:via-purple-200:hover {
      --gradient-via-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .xl\:hover\:via-purple-300:hover {
      --gradient-via-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .xl\:hover\:via-purple-400:hover {
      --gradient-via-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .xl\:hover\:via-purple-500:hover {
      --gradient-via-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .xl\:hover\:via-purple-600:hover {
      --gradient-via-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .xl\:hover\:via-purple-700:hover {
      --gradient-via-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .xl\:hover\:via-purple-800:hover {
      --gradient-via-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .xl\:hover\:via-purple-900:hover {
      --gradient-via-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .xl\:hover\:via-pink-100:hover {
      --gradient-via-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .xl\:hover\:via-pink-200:hover {
      --gradient-via-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .xl\:hover\:via-pink-300:hover {
      --gradient-via-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .xl\:hover\:via-pink-400:hover {
      --gradient-via-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .xl\:hover\:via-pink-500:hover {
      --gradient-via-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .xl\:hover\:via-pink-600:hover {
      --gradient-via-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .xl\:hover\:via-pink-700:hover {
      --gradient-via-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .xl\:hover\:via-pink-800:hover {
      --gradient-via-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .xl\:hover\:via-pink-900:hover {
      --gradient-via-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .xl\:hover\:to-transparent:hover {
      --gradient-to-color: transparent;
    }
  
    .xl\:hover\:to-current:hover {
      --gradient-to-color: currentColor;
    }
  
    .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-red-100:hover {
      --gradient-to-color: #fff5f5;
    }
  
    .xl\:hover\:to-red-200:hover {
      --gradient-to-color: #fed7d7;
    }
  
    .xl\:hover\:to-red-300:hover {
      --gradient-to-color: #feb2b2;
    }
  
    .xl\:hover\:to-red-400:hover {
      --gradient-to-color: #fc8181;
    }
  
    .xl\:hover\:to-red-500:hover {
      --gradient-to-color: #f56565;
    }
  
    .xl\:hover\:to-red-600:hover {
      --gradient-to-color: #e53e3e;
    }
  
    .xl\:hover\:to-red-700:hover {
      --gradient-to-color: #c53030;
    }
  
    .xl\:hover\:to-red-800:hover {
      --gradient-to-color: #9b2c2c;
    }
  
    .xl\:hover\:to-red-900:hover {
      --gradient-to-color: #742a2a;
    }
  
    .xl\:hover\:to-orange-100:hover {
      --gradient-to-color: #fffaf0;
    }
  
    .xl\:hover\:to-orange-200:hover {
      --gradient-to-color: #feebc8;
    }
  
    .xl\:hover\:to-orange-300:hover {
      --gradient-to-color: #fbd38d;
    }
  
    .xl\:hover\:to-orange-400:hover {
      --gradient-to-color: #f6ad55;
    }
  
    .xl\:hover\:to-orange-500:hover {
      --gradient-to-color: #ed8936;
    }
  
    .xl\:hover\:to-orange-600:hover {
      --gradient-to-color: #dd6b20;
    }
  
    .xl\:hover\:to-orange-700:hover {
      --gradient-to-color: #c05621;
    }
  
    .xl\:hover\:to-orange-800:hover {
      --gradient-to-color: #9c4221;
    }
  
    .xl\:hover\:to-orange-900:hover {
      --gradient-to-color: #7b341e;
    }
  
    .xl\:hover\:to-yellow-100:hover {
      --gradient-to-color: #fffff0;
    }
  
    .xl\:hover\:to-yellow-200:hover {
      --gradient-to-color: #fefcbf;
    }
  
    .xl\:hover\:to-yellow-300:hover {
      --gradient-to-color: #faf089;
    }
  
    .xl\:hover\:to-yellow-400:hover {
      --gradient-to-color: #f6e05e;
    }
  
    .xl\:hover\:to-yellow-500:hover {
      --gradient-to-color: #ecc94b;
    }
  
    .xl\:hover\:to-yellow-600:hover {
      --gradient-to-color: #d69e2e;
    }
  
    .xl\:hover\:to-yellow-700:hover {
      --gradient-to-color: #b7791f;
    }
  
    .xl\:hover\:to-yellow-800:hover {
      --gradient-to-color: #975a16;
    }
  
    .xl\:hover\:to-yellow-900:hover {
      --gradient-to-color: #744210;
    }
  
    .xl\:hover\:to-green-100:hover {
      --gradient-to-color: #f0fff4;
    }
  
    .xl\:hover\:to-green-200:hover {
      --gradient-to-color: #c6f6d5;
    }
  
    .xl\:hover\:to-green-300:hover {
      --gradient-to-color: #9ae6b4;
    }
  
    .xl\:hover\:to-green-400:hover {
      --gradient-to-color: #68d391;
    }
  
    .xl\:hover\:to-green-500:hover {
      --gradient-to-color: #48bb78;
    }
  
    .xl\:hover\:to-green-600:hover {
      --gradient-to-color: #38a169;
    }
  
    .xl\:hover\:to-green-700:hover {
      --gradient-to-color: #2f855a;
    }
  
    .xl\:hover\:to-green-800:hover {
      --gradient-to-color: #276749;
    }
  
    .xl\:hover\:to-green-900:hover {
      --gradient-to-color: #22543d;
    }
  
    .xl\:hover\:to-teal-100:hover {
      --gradient-to-color: #e6fffa;
    }
  
    .xl\:hover\:to-teal-200:hover {
      --gradient-to-color: #b2f5ea;
    }
  
    .xl\:hover\:to-teal-300:hover {
      --gradient-to-color: #81e6d9;
    }
  
    .xl\:hover\:to-teal-400:hover {
      --gradient-to-color: #4fd1c5;
    }
  
    .xl\:hover\:to-teal-500:hover {
      --gradient-to-color: #38b2ac;
    }
  
    .xl\:hover\:to-teal-600:hover {
      --gradient-to-color: #319795;
    }
  
    .xl\:hover\:to-teal-700:hover {
      --gradient-to-color: #2c7a7b;
    }
  
    .xl\:hover\:to-teal-800:hover {
      --gradient-to-color: #285e61;
    }
  
    .xl\:hover\:to-teal-900:hover {
      --gradient-to-color: #234e52;
    }
  
    .xl\:hover\:to-blue-100:hover {
      --gradient-to-color: #ebf8ff;
    }
  
    .xl\:hover\:to-blue-200:hover {
      --gradient-to-color: #bee3f8;
    }
  
    .xl\:hover\:to-blue-300:hover {
      --gradient-to-color: #90cdf4;
    }
  
    .xl\:hover\:to-blue-400:hover {
      --gradient-to-color: #63b3ed;
    }
  
    .xl\:hover\:to-blue-500:hover {
      --gradient-to-color: #4299e1;
    }
  
    .xl\:hover\:to-blue-600:hover {
      --gradient-to-color: #3182ce;
    }
  
    .xl\:hover\:to-blue-700:hover {
      --gradient-to-color: #2b6cb0;
    }
  
    .xl\:hover\:to-blue-800:hover {
      --gradient-to-color: #2c5282;
    }
  
    .xl\:hover\:to-blue-900:hover {
      --gradient-to-color: #2a4365;
    }
  
    .xl\:hover\:to-indigo-100:hover {
      --gradient-to-color: #ebf4ff;
    }
  
    .xl\:hover\:to-indigo-200:hover {
      --gradient-to-color: #c3dafe;
    }
  
    .xl\:hover\:to-indigo-300:hover {
      --gradient-to-color: #a3bffa;
    }
  
    .xl\:hover\:to-indigo-400:hover {
      --gradient-to-color: #7f9cf5;
    }
  
    .xl\:hover\:to-indigo-500:hover {
      --gradient-to-color: #667eea;
    }
  
    .xl\:hover\:to-indigo-600:hover {
      --gradient-to-color: #5a67d8;
    }
  
    .xl\:hover\:to-indigo-700:hover {
      --gradient-to-color: #4c51bf;
    }
  
    .xl\:hover\:to-indigo-800:hover {
      --gradient-to-color: #434190;
    }
  
    .xl\:hover\:to-indigo-900:hover {
      --gradient-to-color: #3c366b;
    }
  
    .xl\:hover\:to-purple-100:hover {
      --gradient-to-color: #faf5ff;
    }
  
    .xl\:hover\:to-purple-200:hover {
      --gradient-to-color: #e9d8fd;
    }
  
    .xl\:hover\:to-purple-300:hover {
      --gradient-to-color: #d6bcfa;
    }
  
    .xl\:hover\:to-purple-400:hover {
      --gradient-to-color: #b794f4;
    }
  
    .xl\:hover\:to-purple-500:hover {
      --gradient-to-color: #9f7aea;
    }
  
    .xl\:hover\:to-purple-600:hover {
      --gradient-to-color: #805ad5;
    }
  
    .xl\:hover\:to-purple-700:hover {
      --gradient-to-color: #6b46c1;
    }
  
    .xl\:hover\:to-purple-800:hover {
      --gradient-to-color: #553c9a;
    }
  
    .xl\:hover\:to-purple-900:hover {
      --gradient-to-color: #44337a;
    }
  
    .xl\:hover\:to-pink-100:hover {
      --gradient-to-color: #fff5f7;
    }
  
    .xl\:hover\:to-pink-200:hover {
      --gradient-to-color: #fed7e2;
    }
  
    .xl\:hover\:to-pink-300:hover {
      --gradient-to-color: #fbb6ce;
    }
  
    .xl\:hover\:to-pink-400:hover {
      --gradient-to-color: #f687b3;
    }
  
    .xl\:hover\:to-pink-500:hover {
      --gradient-to-color: #ed64a6;
    }
  
    .xl\:hover\:to-pink-600:hover {
      --gradient-to-color: #d53f8c;
    }
  
    .xl\:hover\:to-pink-700:hover {
      --gradient-to-color: #b83280;
    }
  
    .xl\:hover\:to-pink-800:hover {
      --gradient-to-color: #97266d;
    }
  
    .xl\:hover\:to-pink-900:hover {
      --gradient-to-color: #702459;
    }
  
    .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-current:focus {
      --gradient-from-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:focus {
      --gradient-from-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .xl\:focus\:from-red-200:focus {
      --gradient-from-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .xl\:focus\:from-red-300:focus {
      --gradient-from-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .xl\:focus\:from-red-400:focus {
      --gradient-from-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .xl\:focus\:from-red-500:focus {
      --gradient-from-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .xl\:focus\:from-red-600:focus {
      --gradient-from-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .xl\:focus\:from-red-700:focus {
      --gradient-from-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .xl\:focus\:from-red-800:focus {
      --gradient-from-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .xl\:focus\:from-red-900:focus {
      --gradient-from-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .xl\:focus\:from-orange-100:focus {
      --gradient-from-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .xl\:focus\:from-orange-200:focus {
      --gradient-from-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .xl\:focus\:from-orange-300:focus {
      --gradient-from-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .xl\:focus\:from-orange-400:focus {
      --gradient-from-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .xl\:focus\:from-orange-500:focus {
      --gradient-from-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .xl\:focus\:from-orange-600:focus {
      --gradient-from-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .xl\:focus\:from-orange-700:focus {
      --gradient-from-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .xl\:focus\:from-orange-800:focus {
      --gradient-from-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .xl\:focus\:from-orange-900:focus {
      --gradient-from-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .xl\:focus\:from-yellow-100:focus {
      --gradient-from-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .xl\:focus\:from-yellow-200:focus {
      --gradient-from-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .xl\:focus\:from-yellow-300:focus {
      --gradient-from-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .xl\:focus\:from-yellow-400:focus {
      --gradient-from-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .xl\:focus\:from-yellow-500:focus {
      --gradient-from-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .xl\:focus\:from-yellow-600:focus {
      --gradient-from-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .xl\:focus\:from-yellow-700:focus {
      --gradient-from-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .xl\:focus\:from-yellow-800:focus {
      --gradient-from-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .xl\:focus\:from-yellow-900:focus {
      --gradient-from-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .xl\:focus\:from-green-100:focus {
      --gradient-from-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .xl\:focus\:from-green-200:focus {
      --gradient-from-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .xl\:focus\:from-green-300:focus {
      --gradient-from-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .xl\:focus\:from-green-400:focus {
      --gradient-from-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .xl\:focus\:from-green-500:focus {
      --gradient-from-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .xl\:focus\:from-green-600:focus {
      --gradient-from-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .xl\:focus\:from-green-700:focus {
      --gradient-from-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .xl\:focus\:from-green-800:focus {
      --gradient-from-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .xl\:focus\:from-green-900:focus {
      --gradient-from-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .xl\:focus\:from-teal-100:focus {
      --gradient-from-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .xl\:focus\:from-teal-200:focus {
      --gradient-from-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .xl\:focus\:from-teal-300:focus {
      --gradient-from-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .xl\:focus\:from-teal-400:focus {
      --gradient-from-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .xl\:focus\:from-teal-500:focus {
      --gradient-from-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .xl\:focus\:from-teal-600:focus {
      --gradient-from-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .xl\:focus\:from-teal-700:focus {
      --gradient-from-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .xl\:focus\:from-teal-800:focus {
      --gradient-from-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .xl\:focus\:from-teal-900:focus {
      --gradient-from-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .xl\:focus\:from-blue-100:focus {
      --gradient-from-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .xl\:focus\:from-blue-200:focus {
      --gradient-from-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .xl\:focus\:from-blue-300:focus {
      --gradient-from-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .xl\:focus\:from-blue-400:focus {
      --gradient-from-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .xl\:focus\:from-blue-500:focus {
      --gradient-from-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .xl\:focus\:from-blue-600:focus {
      --gradient-from-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .xl\:focus\:from-blue-700:focus {
      --gradient-from-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .xl\:focus\:from-blue-800:focus {
      --gradient-from-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .xl\:focus\:from-blue-900:focus {
      --gradient-from-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .xl\:focus\:from-indigo-100:focus {
      --gradient-from-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .xl\:focus\:from-indigo-200:focus {
      --gradient-from-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .xl\:focus\:from-indigo-300:focus {
      --gradient-from-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .xl\:focus\:from-indigo-400:focus {
      --gradient-from-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .xl\:focus\:from-indigo-500:focus {
      --gradient-from-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .xl\:focus\:from-indigo-600:focus {
      --gradient-from-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .xl\:focus\:from-indigo-700:focus {
      --gradient-from-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .xl\:focus\:from-indigo-800:focus {
      --gradient-from-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .xl\:focus\:from-indigo-900:focus {
      --gradient-from-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .xl\:focus\:from-purple-100:focus {
      --gradient-from-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .xl\:focus\:from-purple-200:focus {
      --gradient-from-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .xl\:focus\:from-purple-300:focus {
      --gradient-from-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .xl\:focus\:from-purple-400:focus {
      --gradient-from-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .xl\:focus\:from-purple-500:focus {
      --gradient-from-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .xl\:focus\:from-purple-600:focus {
      --gradient-from-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .xl\:focus\:from-purple-700:focus {
      --gradient-from-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .xl\:focus\:from-purple-800:focus {
      --gradient-from-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .xl\:focus\:from-purple-900:focus {
      --gradient-from-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .xl\:focus\:from-pink-100:focus {
      --gradient-from-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .xl\:focus\:from-pink-200:focus {
      --gradient-from-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .xl\:focus\:from-pink-300:focus {
      --gradient-from-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .xl\:focus\:from-pink-400:focus {
      --gradient-from-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .xl\:focus\:from-pink-500:focus {
      --gradient-from-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .xl\:focus\:from-pink-600:focus {
      --gradient-from-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .xl\:focus\:from-pink-700:focus {
      --gradient-from-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .xl\:focus\:from-pink-800:focus {
      --gradient-from-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .xl\:focus\:from-pink-900:focus {
      --gradient-from-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 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-current:focus {
      --gradient-via-color: currentColor;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 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-red-100:focus {
      --gradient-via-color: #fff5f5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0));
    }
  
    .xl\:focus\:via-red-200:focus {
      --gradient-via-color: #fed7d7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0));
    }
  
    .xl\:focus\:via-red-300:focus {
      --gradient-via-color: #feb2b2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0));
    }
  
    .xl\:focus\:via-red-400:focus {
      --gradient-via-color: #fc8181;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0));
    }
  
    .xl\:focus\:via-red-500:focus {
      --gradient-via-color: #f56565;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0));
    }
  
    .xl\:focus\:via-red-600:focus {
      --gradient-via-color: #e53e3e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0));
    }
  
    .xl\:focus\:via-red-700:focus {
      --gradient-via-color: #c53030;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0));
    }
  
    .xl\:focus\:via-red-800:focus {
      --gradient-via-color: #9b2c2c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0));
    }
  
    .xl\:focus\:via-red-900:focus {
      --gradient-via-color: #742a2a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0));
    }
  
    .xl\:focus\:via-orange-100:focus {
      --gradient-via-color: #fffaf0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0));
    }
  
    .xl\:focus\:via-orange-200:focus {
      --gradient-via-color: #feebc8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0));
    }
  
    .xl\:focus\:via-orange-300:focus {
      --gradient-via-color: #fbd38d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0));
    }
  
    .xl\:focus\:via-orange-400:focus {
      --gradient-via-color: #f6ad55;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0));
    }
  
    .xl\:focus\:via-orange-500:focus {
      --gradient-via-color: #ed8936;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0));
    }
  
    .xl\:focus\:via-orange-600:focus {
      --gradient-via-color: #dd6b20;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0));
    }
  
    .xl\:focus\:via-orange-700:focus {
      --gradient-via-color: #c05621;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0));
    }
  
    .xl\:focus\:via-orange-800:focus {
      --gradient-via-color: #9c4221;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0));
    }
  
    .xl\:focus\:via-orange-900:focus {
      --gradient-via-color: #7b341e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0));
    }
  
    .xl\:focus\:via-yellow-100:focus {
      --gradient-via-color: #fffff0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0));
    }
  
    .xl\:focus\:via-yellow-200:focus {
      --gradient-via-color: #fefcbf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0));
    }
  
    .xl\:focus\:via-yellow-300:focus {
      --gradient-via-color: #faf089;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0));
    }
  
    .xl\:focus\:via-yellow-400:focus {
      --gradient-via-color: #f6e05e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0));
    }
  
    .xl\:focus\:via-yellow-500:focus {
      --gradient-via-color: #ecc94b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0));
    }
  
    .xl\:focus\:via-yellow-600:focus {
      --gradient-via-color: #d69e2e;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0));
    }
  
    .xl\:focus\:via-yellow-700:focus {
      --gradient-via-color: #b7791f;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0));
    }
  
    .xl\:focus\:via-yellow-800:focus {
      --gradient-via-color: #975a16;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0));
    }
  
    .xl\:focus\:via-yellow-900:focus {
      --gradient-via-color: #744210;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0));
    }
  
    .xl\:focus\:via-green-100:focus {
      --gradient-via-color: #f0fff4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0));
    }
  
    .xl\:focus\:via-green-200:focus {
      --gradient-via-color: #c6f6d5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0));
    }
  
    .xl\:focus\:via-green-300:focus {
      --gradient-via-color: #9ae6b4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0));
    }
  
    .xl\:focus\:via-green-400:focus {
      --gradient-via-color: #68d391;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0));
    }
  
    .xl\:focus\:via-green-500:focus {
      --gradient-via-color: #48bb78;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0));
    }
  
    .xl\:focus\:via-green-600:focus {
      --gradient-via-color: #38a169;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0));
    }
  
    .xl\:focus\:via-green-700:focus {
      --gradient-via-color: #2f855a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0));
    }
  
    .xl\:focus\:via-green-800:focus {
      --gradient-via-color: #276749;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0));
    }
  
    .xl\:focus\:via-green-900:focus {
      --gradient-via-color: #22543d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0));
    }
  
    .xl\:focus\:via-teal-100:focus {
      --gradient-via-color: #e6fffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0));
    }
  
    .xl\:focus\:via-teal-200:focus {
      --gradient-via-color: #b2f5ea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0));
    }
  
    .xl\:focus\:via-teal-300:focus {
      --gradient-via-color: #81e6d9;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0));
    }
  
    .xl\:focus\:via-teal-400:focus {
      --gradient-via-color: #4fd1c5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0));
    }
  
    .xl\:focus\:via-teal-500:focus {
      --gradient-via-color: #38b2ac;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0));
    }
  
    .xl\:focus\:via-teal-600:focus {
      --gradient-via-color: #319795;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0));
    }
  
    .xl\:focus\:via-teal-700:focus {
      --gradient-via-color: #2c7a7b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0));
    }
  
    .xl\:focus\:via-teal-800:focus {
      --gradient-via-color: #285e61;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0));
    }
  
    .xl\:focus\:via-teal-900:focus {
      --gradient-via-color: #234e52;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0));
    }
  
    .xl\:focus\:via-blue-100:focus {
      --gradient-via-color: #ebf8ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0));
    }
  
    .xl\:focus\:via-blue-200:focus {
      --gradient-via-color: #bee3f8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0));
    }
  
    .xl\:focus\:via-blue-300:focus {
      --gradient-via-color: #90cdf4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0));
    }
  
    .xl\:focus\:via-blue-400:focus {
      --gradient-via-color: #63b3ed;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0));
    }
  
    .xl\:focus\:via-blue-500:focus {
      --gradient-via-color: #4299e1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0));
    }
  
    .xl\:focus\:via-blue-600:focus {
      --gradient-via-color: #3182ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0));
    }
  
    .xl\:focus\:via-blue-700:focus {
      --gradient-via-color: #2b6cb0;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0));
    }
  
    .xl\:focus\:via-blue-800:focus {
      --gradient-via-color: #2c5282;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0));
    }
  
    .xl\:focus\:via-blue-900:focus {
      --gradient-via-color: #2a4365;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0));
    }
  
    .xl\:focus\:via-indigo-100:focus {
      --gradient-via-color: #ebf4ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0));
    }
  
    .xl\:focus\:via-indigo-200:focus {
      --gradient-via-color: #c3dafe;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0));
    }
  
    .xl\:focus\:via-indigo-300:focus {
      --gradient-via-color: #a3bffa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0));
    }
  
    .xl\:focus\:via-indigo-400:focus {
      --gradient-via-color: #7f9cf5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0));
    }
  
    .xl\:focus\:via-indigo-500:focus {
      --gradient-via-color: #667eea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0));
    }
  
    .xl\:focus\:via-indigo-600:focus {
      --gradient-via-color: #5a67d8;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0));
    }
  
    .xl\:focus\:via-indigo-700:focus {
      --gradient-via-color: #4c51bf;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0));
    }
  
    .xl\:focus\:via-indigo-800:focus {
      --gradient-via-color: #434190;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0));
    }
  
    .xl\:focus\:via-indigo-900:focus {
      --gradient-via-color: #3c366b;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0));
    }
  
    .xl\:focus\:via-purple-100:focus {
      --gradient-via-color: #faf5ff;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0));
    }
  
    .xl\:focus\:via-purple-200:focus {
      --gradient-via-color: #e9d8fd;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0));
    }
  
    .xl\:focus\:via-purple-300:focus {
      --gradient-via-color: #d6bcfa;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0));
    }
  
    .xl\:focus\:via-purple-400:focus {
      --gradient-via-color: #b794f4;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0));
    }
  
    .xl\:focus\:via-purple-500:focus {
      --gradient-via-color: #9f7aea;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0));
    }
  
    .xl\:focus\:via-purple-600:focus {
      --gradient-via-color: #805ad5;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0));
    }
  
    .xl\:focus\:via-purple-700:focus {
      --gradient-via-color: #6b46c1;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0));
    }
  
    .xl\:focus\:via-purple-800:focus {
      --gradient-via-color: #553c9a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0));
    }
  
    .xl\:focus\:via-purple-900:focus {
      --gradient-via-color: #44337a;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0));
    }
  
    .xl\:focus\:via-pink-100:focus {
      --gradient-via-color: #fff5f7;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0));
    }
  
    .xl\:focus\:via-pink-200:focus {
      --gradient-via-color: #fed7e2;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0));
    }
  
    .xl\:focus\:via-pink-300:focus {
      --gradient-via-color: #fbb6ce;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0));
    }
  
    .xl\:focus\:via-pink-400:focus {
      --gradient-via-color: #f687b3;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0));
    }
  
    .xl\:focus\:via-pink-500:focus {
      --gradient-via-color: #ed64a6;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0));
    }
  
    .xl\:focus\:via-pink-600:focus {
      --gradient-via-color: #d53f8c;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0));
    }
  
    .xl\:focus\:via-pink-700:focus {
      --gradient-via-color: #b83280;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0));
    }
  
    .xl\:focus\:via-pink-800:focus {
      --gradient-via-color: #97266d;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0));
    }
  
    .xl\:focus\:via-pink-900:focus {
      --gradient-via-color: #702459;
      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0));
    }
  
    .xl\:focus\:to-transparent:focus {
      --gradient-to-color: transparent;
    }
  
    .xl\:focus\:to-current:focus {
      --gradient-to-color: currentColor;
    }
  
    .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-red-100:focus {
      --gradient-to-color: #fff5f5;
    }
  
    .xl\:focus\:to-red-200:focus {
      --gradient-to-color: #fed7d7;
    }
  
    .xl\:focus\:to-red-300:focus {
      --gradient-to-color: #feb2b2;
    }
  
    .xl\:focus\:to-red-400:focus {
      --gradient-to-color: #fc8181;
    }
  
    .xl\:focus\:to-red-500:focus {
      --gradient-to-color: #f56565;
    }
  
    .xl\:focus\:to-red-600:focus {
      --gradient-to-color: #e53e3e;
    }
  
    .xl\:focus\:to-red-700:focus {
      --gradient-to-color: #c53030;
    }
  
    .xl\:focus\:to-red-800:focus {
      --gradient-to-color: #9b2c2c;
    }
  
    .xl\:focus\:to-red-900:focus {
      --gradient-to-color: #742a2a;
    }
  
    .xl\:focus\:to-orange-100:focus {
      --gradient-to-color: #fffaf0;
    }
  
    .xl\:focus\:to-orange-200:focus {
      --gradient-to-color: #feebc8;
    }
  
    .xl\:focus\:to-orange-300:focus {
      --gradient-to-color: #fbd38d;
    }
  
    .xl\:focus\:to-orange-400:focus {
      --gradient-to-color: #f6ad55;
    }
  
    .xl\:focus\:to-orange-500:focus {
      --gradient-to-color: #ed8936;
    }
  
    .xl\:focus\:to-orange-600:focus {
      --gradient-to-color: #dd6b20;
    }
  
    .xl\:focus\:to-orange-700:focus {
      --gradient-to-color: #c05621;
    }
  
    .xl\:focus\:to-orange-800:focus {
      --gradient-to-color: #9c4221;
    }
  
    .xl\:focus\:to-orange-900:focus {
      --gradient-to-color: #7b341e;
    }
  
    .xl\:focus\:to-yellow-100:focus {
      --gradient-to-color: #fffff0;
    }
  
    .xl\:focus\:to-yellow-200:focus {
      --gradient-to-color: #fefcbf;
    }
  
    .xl\:focus\:to-yellow-300:focus {
      --gradient-to-color: #faf089;
    }
  
    .xl\:focus\:to-yellow-400:focus {
      --gradient-to-color: #f6e05e;
    }
  
    .xl\:focus\:to-yellow-500:focus {
      --gradient-to-color: #ecc94b;
    }
  
    .xl\:focus\:to-yellow-600:focus {
      --gradient-to-color: #d69e2e;
    }
  
    .xl\:focus\:to-yellow-700:focus {
      --gradient-to-color: #b7791f;
    }
  
    .xl\:focus\:to-yellow-800:focus {
      --gradient-to-color: #975a16;
    }
  
    .xl\:focus\:to-yellow-900:focus {
      --gradient-to-color: #744210;
    }
  
    .xl\:focus\:to-green-100:focus {
      --gradient-to-color: #f0fff4;
    }
  
    .xl\:focus\:to-green-200:focus {
      --gradient-to-color: #c6f6d5;
    }
  
    .xl\:focus\:to-green-300:focus {
      --gradient-to-color: #9ae6b4;
    }
  
    .xl\:focus\:to-green-400:focus {
      --gradient-to-color: #68d391;
    }
  
    .xl\:focus\:to-green-500:focus {
      --gradient-to-color: #48bb78;
    }
  
    .xl\:focus\:to-green-600:focus {
      --gradient-to-color: #38a169;
    }
  
    .xl\:focus\:to-green-700:focus {
      --gradient-to-color: #2f855a;
    }
  
    .xl\:focus\:to-green-800:focus {
      --gradient-to-color: #276749;
    }
  
    .xl\:focus\:to-green-900:focus {
      --gradient-to-color: #22543d;
    }
  
    .xl\:focus\:to-teal-100:focus {
      --gradient-to-color: #e6fffa;
    }
  
    .xl\:focus\:to-teal-200:focus {
      --gradient-to-color: #b2f5ea;
    }
  
    .xl\:focus\:to-teal-300:focus {
      --gradient-to-color: #81e6d9;
    }
  
    .xl\:focus\:to-teal-400:focus {
      --gradient-to-color: #4fd1c5;
    }
  
    .xl\:focus\:to-teal-500:focus {
      --gradient-to-color: #38b2ac;
    }
  
    .xl\:focus\:to-teal-600:focus {
      --gradient-to-color: #319795;
    }
  
    .xl\:focus\:to-teal-700:focus {
      --gradient-to-color: #2c7a7b;
    }
  
    .xl\:focus\:to-teal-800:focus {
      --gradient-to-color: #285e61;
    }
  
    .xl\:focus\:to-teal-900:focus {
      --gradient-to-color: #234e52;
    }
  
    .xl\:focus\:to-blue-100:focus {
      --gradient-to-color: #ebf8ff;
    }
  
    .xl\:focus\:to-blue-200:focus {
      --gradient-to-color: #bee3f8;
    }
  
    .xl\:focus\:to-blue-300:focus {
      --gradient-to-color: #90cdf4;
    }
  
    .xl\:focus\:to-blue-400:focus {
      --gradient-to-color: #63b3ed;
    }
  
    .xl\:focus\:to-blue-500:focus {
      --gradient-to-color: #4299e1;
    }
  
    .xl\:focus\:to-blue-600:focus {
      --gradient-to-color: #3182ce;
    }
  
    .xl\:focus\:to-blue-700:focus {
      --gradient-to-color: #2b6cb0;
    }
  
    .xl\:focus\:to-blue-800:focus {
      --gradient-to-color: #2c5282;
    }
  
    .xl\:focus\:to-blue-900:focus {
      --gradient-to-color: #2a4365;
    }
  
    .xl\:focus\:to-indigo-100:focus {
      --gradient-to-color: #ebf4ff;
    }
  
    .xl\:focus\:to-indigo-200:focus {
      --gradient-to-color: #c3dafe;
    }
  
    .xl\:focus\:to-indigo-300:focus {
      --gradient-to-color: #a3bffa;
    }
  
    .xl\:focus\:to-indigo-400:focus {
      --gradient-to-color: #7f9cf5;
    }
  
    .xl\:focus\:to-indigo-500:focus {
      --gradient-to-color: #667eea;
    }
  
    .xl\:focus\:to-indigo-600:focus {
      --gradient-to-color: #5a67d8;
    }
  
    .xl\:focus\:to-indigo-700:focus {
      --gradient-to-color: #4c51bf;
    }
  
    .xl\:focus\:to-indigo-800:focus {
      --gradient-to-color: #434190;
    }
  
    .xl\:focus\:to-indigo-900:focus {
      --gradient-to-color: #3c366b;
    }
  
    .xl\:focus\:to-purple-100:focus {
      --gradient-to-color: #faf5ff;
    }
  
    .xl\:focus\:to-purple-200:focus {
      --gradient-to-color: #e9d8fd;
    }
  
    .xl\:focus\:to-purple-300:focus {
      --gradient-to-color: #d6bcfa;
    }
  
    .xl\:focus\:to-purple-400:focus {
      --gradient-to-color: #b794f4;
    }
  
    .xl\:focus\:to-purple-500:focus {
      --gradient-to-color: #9f7aea;
    }
  
    .xl\:focus\:to-purple-600:focus {
      --gradient-to-color: #805ad5;
    }
  
    .xl\:focus\:to-purple-700:focus {
      --gradient-to-color: #6b46c1;
    }
  
    .xl\:focus\:to-purple-800:focus {
      --gradient-to-color: #553c9a;
    }
  
    .xl\:focus\:to-purple-900:focus {
      --gradient-to-color: #44337a;
    }
  
    .xl\:focus\:to-pink-100:focus {
      --gradient-to-color: #fff5f7;
    }
  
    .xl\:focus\:to-pink-200:focus {
      --gradient-to-color: #fed7e2;
    }
  
    .xl\:focus\:to-pink-300:focus {
      --gradient-to-color: #fbb6ce;
    }
  
    .xl\:focus\:to-pink-400:focus {
      --gradient-to-color: #f687b3;
    }
  
    .xl\:focus\:to-pink-500:focus {
      --gradient-to-color: #ed64a6;
    }
  
    .xl\:focus\:to-pink-600:focus {
      --gradient-to-color: #d53f8c;
    }
  
    .xl\:focus\:to-pink-700:focus {
      --gradient-to-color: #b83280;
    }
  
    .xl\:focus\:to-pink-800:focus {
      --gradient-to-color: #97266d;
    }
  
    .xl\:focus\:to-pink-900:focus {
      --gradient-to-color: #702459;
    }
  
    .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-current {
      border-color: currentColor;
    }
  
    .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-red-100 {
      --border-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--border-opacity));
    }
  
    .xl\:border-red-200 {
      --border-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--border-opacity));
    }
  
    .xl\:border-red-300 {
      --border-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--border-opacity));
    }
  
    .xl\:border-red-400 {
      --border-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--border-opacity));
    }
  
    .xl\:border-red-500 {
      --border-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--border-opacity));
    }
  
    .xl\:border-red-600 {
      --border-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--border-opacity));
    }
  
    .xl\:border-red-700 {
      --border-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--border-opacity));
    }
  
    .xl\:border-red-800 {
      --border-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--border-opacity));
    }
  
    .xl\:border-red-900 {
      --border-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--border-opacity));
    }
  
    .xl\:border-orange-100 {
      --border-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--border-opacity));
    }
  
    .xl\:border-orange-200 {
      --border-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--border-opacity));
    }
  
    .xl\:border-orange-300 {
      --border-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--border-opacity));
    }
  
    .xl\:border-orange-400 {
      --border-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--border-opacity));
    }
  
    .xl\:border-orange-500 {
      --border-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--border-opacity));
    }
  
    .xl\:border-orange-600 {
      --border-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--border-opacity));
    }
  
    .xl\:border-orange-700 {
      --border-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--border-opacity));
    }
  
    .xl\:border-orange-800 {
      --border-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--border-opacity));
    }
  
    .xl\:border-orange-900 {
      --border-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--border-opacity));
    }
  
    .xl\:border-yellow-100 {
      --border-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--border-opacity));
    }
  
    .xl\:border-yellow-200 {
      --border-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--border-opacity));
    }
  
    .xl\:border-yellow-300 {
      --border-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--border-opacity));
    }
  
    .xl\:border-yellow-400 {
      --border-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--border-opacity));
    }
  
    .xl\:border-yellow-500 {
      --border-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--border-opacity));
    }
  
    .xl\:border-yellow-600 {
      --border-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--border-opacity));
    }
  
    .xl\:border-yellow-700 {
      --border-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--border-opacity));
    }
  
    .xl\:border-yellow-800 {
      --border-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--border-opacity));
    }
  
    .xl\:border-yellow-900 {
      --border-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--border-opacity));
    }
  
    .xl\:border-green-100 {
      --border-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--border-opacity));
    }
  
    .xl\:border-green-200 {
      --border-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--border-opacity));
    }
  
    .xl\:border-green-300 {
      --border-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--border-opacity));
    }
  
    .xl\:border-green-400 {
      --border-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--border-opacity));
    }
  
    .xl\:border-green-500 {
      --border-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--border-opacity));
    }
  
    .xl\:border-green-600 {
      --border-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--border-opacity));
    }
  
    .xl\:border-green-700 {
      --border-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--border-opacity));
    }
  
    .xl\:border-green-800 {
      --border-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--border-opacity));
    }
  
    .xl\:border-green-900 {
      --border-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--border-opacity));
    }
  
    .xl\:border-teal-100 {
      --border-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--border-opacity));
    }
  
    .xl\:border-teal-200 {
      --border-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--border-opacity));
    }
  
    .xl\:border-teal-300 {
      --border-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--border-opacity));
    }
  
    .xl\:border-teal-400 {
      --border-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--border-opacity));
    }
  
    .xl\:border-teal-500 {
      --border-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--border-opacity));
    }
  
    .xl\:border-teal-600 {
      --border-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--border-opacity));
    }
  
    .xl\:border-teal-700 {
      --border-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--border-opacity));
    }
  
    .xl\:border-teal-800 {
      --border-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--border-opacity));
    }
  
    .xl\:border-teal-900 {
      --border-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--border-opacity));
    }
  
    .xl\:border-blue-100 {
      --border-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--border-opacity));
    }
  
    .xl\:border-blue-200 {
      --border-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--border-opacity));
    }
  
    .xl\:border-blue-300 {
      --border-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--border-opacity));
    }
  
    .xl\:border-blue-400 {
      --border-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--border-opacity));
    }
  
    .xl\:border-blue-500 {
      --border-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--border-opacity));
    }
  
    .xl\:border-blue-600 {
      --border-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--border-opacity));
    }
  
    .xl\:border-blue-700 {
      --border-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--border-opacity));
    }
  
    .xl\:border-blue-800 {
      --border-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--border-opacity));
    }
  
    .xl\:border-blue-900 {
      --border-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--border-opacity));
    }
  
    .xl\:border-indigo-100 {
      --border-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--border-opacity));
    }
  
    .xl\:border-indigo-200 {
      --border-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--border-opacity));
    }
  
    .xl\:border-indigo-300 {
      --border-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--border-opacity));
    }
  
    .xl\:border-indigo-400 {
      --border-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--border-opacity));
    }
  
    .xl\:border-indigo-500 {
      --border-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--border-opacity));
    }
  
    .xl\:border-indigo-600 {
      --border-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--border-opacity));
    }
  
    .xl\:border-indigo-700 {
      --border-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--border-opacity));
    }
  
    .xl\:border-indigo-800 {
      --border-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--border-opacity));
    }
  
    .xl\:border-indigo-900 {
      --border-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--border-opacity));
    }
  
    .xl\:border-purple-100 {
      --border-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--border-opacity));
    }
  
    .xl\:border-purple-200 {
      --border-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--border-opacity));
    }
  
    .xl\:border-purple-300 {
      --border-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--border-opacity));
    }
  
    .xl\:border-purple-400 {
      --border-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--border-opacity));
    }
  
    .xl\:border-purple-500 {
      --border-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--border-opacity));
    }
  
    .xl\:border-purple-600 {
      --border-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--border-opacity));
    }
  
    .xl\:border-purple-700 {
      --border-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--border-opacity));
    }
  
    .xl\:border-purple-800 {
      --border-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--border-opacity));
    }
  
    .xl\:border-purple-900 {
      --border-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--border-opacity));
    }
  
    .xl\:border-pink-100 {
      --border-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--border-opacity));
    }
  
    .xl\:border-pink-200 {
      --border-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--border-opacity));
    }
  
    .xl\:border-pink-300 {
      --border-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--border-opacity));
    }
  
    .xl\:border-pink-400 {
      --border-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--border-opacity));
    }
  
    .xl\:border-pink-500 {
      --border-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--border-opacity));
    }
  
    .xl\:border-pink-600 {
      --border-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--border-opacity));
    }
  
    .xl\:border-pink-700 {
      --border-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--border-opacity));
    }
  
    .xl\:border-pink-800 {
      --border-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--border-opacity));
    }
  
    .xl\:border-pink-900 {
      --border-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, var(--border-opacity));
    }
  
    .xl\:hover\:border-transparent:hover {
      border-color: transparent;
    }
  
    .xl\:hover\:border-current:hover {
      border-color: currentColor;
    }
  
    .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-red-100:hover {
      --border-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--border-opacity));
    }
  
    .xl\:hover\:border-red-200:hover {
      --border-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--border-opacity));
    }
  
    .xl\:hover\:border-red-300:hover {
      --border-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--border-opacity));
    }
  
    .xl\:hover\:border-red-400:hover {
      --border-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--border-opacity));
    }
  
    .xl\:hover\:border-red-500:hover {
      --border-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--border-opacity));
    }
  
    .xl\:hover\:border-red-600:hover {
      --border-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--border-opacity));
    }
  
    .xl\:hover\:border-red-700:hover {
      --border-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--border-opacity));
    }
  
    .xl\:hover\:border-red-800:hover {
      --border-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--border-opacity));
    }
  
    .xl\:hover\:border-red-900:hover {
      --border-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--border-opacity));
    }
  
    .xl\:hover\:border-orange-100:hover {
      --border-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--border-opacity));
    }
  
    .xl\:hover\:border-orange-200:hover {
      --border-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--border-opacity));
    }
  
    .xl\:hover\:border-orange-300:hover {
      --border-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--border-opacity));
    }
  
    .xl\:hover\:border-orange-400:hover {
      --border-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--border-opacity));
    }
  
    .xl\:hover\:border-orange-500:hover {
      --border-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--border-opacity));
    }
  
    .xl\:hover\:border-orange-600:hover {
      --border-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--border-opacity));
    }
  
    .xl\:hover\:border-orange-700:hover {
      --border-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--border-opacity));
    }
  
    .xl\:hover\:border-orange-800:hover {
      --border-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--border-opacity));
    }
  
    .xl\:hover\:border-orange-900:hover {
      --border-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--border-opacity));
    }
  
    .xl\:hover\:border-yellow-100:hover {
      --border-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--border-opacity));
    }
  
    .xl\:hover\:border-yellow-200:hover {
      --border-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--border-opacity));
    }
  
    .xl\:hover\:border-yellow-300:hover {
      --border-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--border-opacity));
    }
  
    .xl\:hover\:border-yellow-400:hover {
      --border-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--border-opacity));
    }
  
    .xl\:hover\:border-yellow-500:hover {
      --border-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--border-opacity));
    }
  
    .xl\:hover\:border-yellow-600:hover {
      --border-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--border-opacity));
    }
  
    .xl\:hover\:border-yellow-700:hover {
      --border-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--border-opacity));
    }
  
    .xl\:hover\:border-yellow-800:hover {
      --border-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--border-opacity));
    }
  
    .xl\:hover\:border-yellow-900:hover {
      --border-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--border-opacity));
    }
  
    .xl\:hover\:border-green-100:hover {
      --border-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--border-opacity));
    }
  
    .xl\:hover\:border-green-200:hover {
      --border-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--border-opacity));
    }
  
    .xl\:hover\:border-green-300:hover {
      --border-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--border-opacity));
    }
  
    .xl\:hover\:border-green-400:hover {
      --border-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--border-opacity));
    }
  
    .xl\:hover\:border-green-500:hover {
      --border-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--border-opacity));
    }
  
    .xl\:hover\:border-green-600:hover {
      --border-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--border-opacity));
    }
  
    .xl\:hover\:border-green-700:hover {
      --border-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--border-opacity));
    }
  
    .xl\:hover\:border-green-800:hover {
      --border-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--border-opacity));
    }
  
    .xl\:hover\:border-green-900:hover {
      --border-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--border-opacity));
    }
  
    .xl\:hover\:border-teal-100:hover {
      --border-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--border-opacity));
    }
  
    .xl\:hover\:border-teal-200:hover {
      --border-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--border-opacity));
    }
  
    .xl\:hover\:border-teal-300:hover {
      --border-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--border-opacity));
    }
  
    .xl\:hover\:border-teal-400:hover {
      --border-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--border-opacity));
    }
  
    .xl\:hover\:border-teal-500:hover {
      --border-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--border-opacity));
    }
  
    .xl\:hover\:border-teal-600:hover {
      --border-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--border-opacity));
    }
  
    .xl\:hover\:border-teal-700:hover {
      --border-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--border-opacity));
    }
  
    .xl\:hover\:border-teal-800:hover {
      --border-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--border-opacity));
    }
  
    .xl\:hover\:border-teal-900:hover {
      --border-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--border-opacity));
    }
  
    .xl\:hover\:border-blue-100:hover {
      --border-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--border-opacity));
    }
  
    .xl\:hover\:border-blue-200:hover {
      --border-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--border-opacity));
    }
  
    .xl\:hover\:border-blue-300:hover {
      --border-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--border-opacity));
    }
  
    .xl\:hover\:border-blue-400:hover {
      --border-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--border-opacity));
    }
  
    .xl\:hover\:border-blue-500:hover {
      --border-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--border-opacity));
    }
  
    .xl\:hover\:border-blue-600:hover {
      --border-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--border-opacity));
    }
  
    .xl\:hover\:border-blue-700:hover {
      --border-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--border-opacity));
    }
  
    .xl\:hover\:border-blue-800:hover {
      --border-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--border-opacity));
    }
  
    .xl\:hover\:border-blue-900:hover {
      --border-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--border-opacity));
    }
  
    .xl\:hover\:border-indigo-100:hover {
      --border-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--border-opacity));
    }
  
    .xl\:hover\:border-indigo-200:hover {
      --border-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--border-opacity));
    }
  
    .xl\:hover\:border-indigo-300:hover {
      --border-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--border-opacity));
    }
  
    .xl\:hover\:border-indigo-400:hover {
      --border-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--border-opacity));
    }
  
    .xl\:hover\:border-indigo-500:hover {
      --border-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--border-opacity));
    }
  
    .xl\:hover\:border-indigo-600:hover {
      --border-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--border-opacity));
    }
  
    .xl\:hover\:border-indigo-700:hover {
      --border-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--border-opacity));
    }
  
    .xl\:hover\:border-indigo-800:hover {
      --border-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--border-opacity));
    }
  
    .xl\:hover\:border-indigo-900:hover {
      --border-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--border-opacity));
    }
  
    .xl\:hover\:border-purple-100:hover {
      --border-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--border-opacity));
    }
  
    .xl\:hover\:border-purple-200:hover {
      --border-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--border-opacity));
    }
  
    .xl\:hover\:border-purple-300:hover {
      --border-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--border-opacity));
    }
  
    .xl\:hover\:border-purple-400:hover {
      --border-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--border-opacity));
    }
  
    .xl\:hover\:border-purple-500:hover {
      --border-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--border-opacity));
    }
  
    .xl\:hover\:border-purple-600:hover {
      --border-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--border-opacity));
    }
  
    .xl\:hover\:border-purple-700:hover {
      --border-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--border-opacity));
    }
  
    .xl\:hover\:border-purple-800:hover {
      --border-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--border-opacity));
    }
  
    .xl\:hover\:border-purple-900:hover {
      --border-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--border-opacity));
    }
  
    .xl\:hover\:border-pink-100:hover {
      --border-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--border-opacity));
    }
  
    .xl\:hover\:border-pink-200:hover {
      --border-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--border-opacity));
    }
  
    .xl\:hover\:border-pink-300:hover {
      --border-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--border-opacity));
    }
  
    .xl\:hover\:border-pink-400:hover {
      --border-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--border-opacity));
    }
  
    .xl\:hover\:border-pink-500:hover {
      --border-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--border-opacity));
    }
  
    .xl\:hover\:border-pink-600:hover {
      --border-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--border-opacity));
    }
  
    .xl\:hover\:border-pink-700:hover {
      --border-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--border-opacity));
    }
  
    .xl\:hover\:border-pink-800:hover {
      --border-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--border-opacity));
    }
  
    .xl\:hover\:border-pink-900:hover {
      --border-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, var(--border-opacity));
    }
  
    .xl\:focus\:border-transparent:focus {
      border-color: transparent;
    }
  
    .xl\:focus\:border-current:focus {
      border-color: currentColor;
    }
  
    .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-red-100:focus {
      --border-opacity: 1;
      border-color: #fff5f5;
      border-color: rgba(255, 245, 245, var(--border-opacity));
    }
  
    .xl\:focus\:border-red-200:focus {
      --border-opacity: 1;
      border-color: #fed7d7;
      border-color: rgba(254, 215, 215, var(--border-opacity));
    }
  
    .xl\:focus\:border-red-300:focus {
      --border-opacity: 1;
      border-color: #feb2b2;
      border-color: rgba(254, 178, 178, var(--border-opacity));
    }
  
    .xl\:focus\:border-red-400:focus {
      --border-opacity: 1;
      border-color: #fc8181;
      border-color: rgba(252, 129, 129, var(--border-opacity));
    }
  
    .xl\:focus\:border-red-500:focus {
      --border-opacity: 1;
      border-color: #f56565;
      border-color: rgba(245, 101, 101, var(--border-opacity));
    }
  
    .xl\:focus\:border-red-600:focus {
      --border-opacity: 1;
      border-color: #e53e3e;
      border-color: rgba(229, 62, 62, var(--border-opacity));
    }
  
    .xl\:focus\:border-red-700:focus {
      --border-opacity: 1;
      border-color: #c53030;
      border-color: rgba(197, 48, 48, var(--border-opacity));
    }
  
    .xl\:focus\:border-red-800:focus {
      --border-opacity: 1;
      border-color: #9b2c2c;
      border-color: rgba(155, 44, 44, var(--border-opacity));
    }
  
    .xl\:focus\:border-red-900:focus {
      --border-opacity: 1;
      border-color: #742a2a;
      border-color: rgba(116, 42, 42, var(--border-opacity));
    }
  
    .xl\:focus\:border-orange-100:focus {
      --border-opacity: 1;
      border-color: #fffaf0;
      border-color: rgba(255, 250, 240, var(--border-opacity));
    }
  
    .xl\:focus\:border-orange-200:focus {
      --border-opacity: 1;
      border-color: #feebc8;
      border-color: rgba(254, 235, 200, var(--border-opacity));
    }
  
    .xl\:focus\:border-orange-300:focus {
      --border-opacity: 1;
      border-color: #fbd38d;
      border-color: rgba(251, 211, 141, var(--border-opacity));
    }
  
    .xl\:focus\:border-orange-400:focus {
      --border-opacity: 1;
      border-color: #f6ad55;
      border-color: rgba(246, 173, 85, var(--border-opacity));
    }
  
    .xl\:focus\:border-orange-500:focus {
      --border-opacity: 1;
      border-color: #ed8936;
      border-color: rgba(237, 137, 54, var(--border-opacity));
    }
  
    .xl\:focus\:border-orange-600:focus {
      --border-opacity: 1;
      border-color: #dd6b20;
      border-color: rgba(221, 107, 32, var(--border-opacity));
    }
  
    .xl\:focus\:border-orange-700:focus {
      --border-opacity: 1;
      border-color: #c05621;
      border-color: rgba(192, 86, 33, var(--border-opacity));
    }
  
    .xl\:focus\:border-orange-800:focus {
      --border-opacity: 1;
      border-color: #9c4221;
      border-color: rgba(156, 66, 33, var(--border-opacity));
    }
  
    .xl\:focus\:border-orange-900:focus {
      --border-opacity: 1;
      border-color: #7b341e;
      border-color: rgba(123, 52, 30, var(--border-opacity));
    }
  
    .xl\:focus\:border-yellow-100:focus {
      --border-opacity: 1;
      border-color: #fffff0;
      border-color: rgba(255, 255, 240, var(--border-opacity));
    }
  
    .xl\:focus\:border-yellow-200:focus {
      --border-opacity: 1;
      border-color: #fefcbf;
      border-color: rgba(254, 252, 191, var(--border-opacity));
    }
  
    .xl\:focus\:border-yellow-300:focus {
      --border-opacity: 1;
      border-color: #faf089;
      border-color: rgba(250, 240, 137, var(--border-opacity));
    }
  
    .xl\:focus\:border-yellow-400:focus {
      --border-opacity: 1;
      border-color: #f6e05e;
      border-color: rgba(246, 224, 94, var(--border-opacity));
    }
  
    .xl\:focus\:border-yellow-500:focus {
      --border-opacity: 1;
      border-color: #ecc94b;
      border-color: rgba(236, 201, 75, var(--border-opacity));
    }
  
    .xl\:focus\:border-yellow-600:focus {
      --border-opacity: 1;
      border-color: #d69e2e;
      border-color: rgba(214, 158, 46, var(--border-opacity));
    }
  
    .xl\:focus\:border-yellow-700:focus {
      --border-opacity: 1;
      border-color: #b7791f;
      border-color: rgba(183, 121, 31, var(--border-opacity));
    }
  
    .xl\:focus\:border-yellow-800:focus {
      --border-opacity: 1;
      border-color: #975a16;
      border-color: rgba(151, 90, 22, var(--border-opacity));
    }
  
    .xl\:focus\:border-yellow-900:focus {
      --border-opacity: 1;
      border-color: #744210;
      border-color: rgba(116, 66, 16, var(--border-opacity));
    }
  
    .xl\:focus\:border-green-100:focus {
      --border-opacity: 1;
      border-color: #f0fff4;
      border-color: rgba(240, 255, 244, var(--border-opacity));
    }
  
    .xl\:focus\:border-green-200:focus {
      --border-opacity: 1;
      border-color: #c6f6d5;
      border-color: rgba(198, 246, 213, var(--border-opacity));
    }
  
    .xl\:focus\:border-green-300:focus {
      --border-opacity: 1;
      border-color: #9ae6b4;
      border-color: rgba(154, 230, 180, var(--border-opacity));
    }
  
    .xl\:focus\:border-green-400:focus {
      --border-opacity: 1;
      border-color: #68d391;
      border-color: rgba(104, 211, 145, var(--border-opacity));
    }
  
    .xl\:focus\:border-green-500:focus {
      --border-opacity: 1;
      border-color: #48bb78;
      border-color: rgba(72, 187, 120, var(--border-opacity));
    }
  
    .xl\:focus\:border-green-600:focus {
      --border-opacity: 1;
      border-color: #38a169;
      border-color: rgba(56, 161, 105, var(--border-opacity));
    }
  
    .xl\:focus\:border-green-700:focus {
      --border-opacity: 1;
      border-color: #2f855a;
      border-color: rgba(47, 133, 90, var(--border-opacity));
    }
  
    .xl\:focus\:border-green-800:focus {
      --border-opacity: 1;
      border-color: #276749;
      border-color: rgba(39, 103, 73, var(--border-opacity));
    }
  
    .xl\:focus\:border-green-900:focus {
      --border-opacity: 1;
      border-color: #22543d;
      border-color: rgba(34, 84, 61, var(--border-opacity));
    }
  
    .xl\:focus\:border-teal-100:focus {
      --border-opacity: 1;
      border-color: #e6fffa;
      border-color: rgba(230, 255, 250, var(--border-opacity));
    }
  
    .xl\:focus\:border-teal-200:focus {
      --border-opacity: 1;
      border-color: #b2f5ea;
      border-color: rgba(178, 245, 234, var(--border-opacity));
    }
  
    .xl\:focus\:border-teal-300:focus {
      --border-opacity: 1;
      border-color: #81e6d9;
      border-color: rgba(129, 230, 217, var(--border-opacity));
    }
  
    .xl\:focus\:border-teal-400:focus {
      --border-opacity: 1;
      border-color: #4fd1c5;
      border-color: rgba(79, 209, 197, var(--border-opacity));
    }
  
    .xl\:focus\:border-teal-500:focus {
      --border-opacity: 1;
      border-color: #38b2ac;
      border-color: rgba(56, 178, 172, var(--border-opacity));
    }
  
    .xl\:focus\:border-teal-600:focus {
      --border-opacity: 1;
      border-color: #319795;
      border-color: rgba(49, 151, 149, var(--border-opacity));
    }
  
    .xl\:focus\:border-teal-700:focus {
      --border-opacity: 1;
      border-color: #2c7a7b;
      border-color: rgba(44, 122, 123, var(--border-opacity));
    }
  
    .xl\:focus\:border-teal-800:focus {
      --border-opacity: 1;
      border-color: #285e61;
      border-color: rgba(40, 94, 97, var(--border-opacity));
    }
  
    .xl\:focus\:border-teal-900:focus {
      --border-opacity: 1;
      border-color: #234e52;
      border-color: rgba(35, 78, 82, var(--border-opacity));
    }
  
    .xl\:focus\:border-blue-100:focus {
      --border-opacity: 1;
      border-color: #ebf8ff;
      border-color: rgba(235, 248, 255, var(--border-opacity));
    }
  
    .xl\:focus\:border-blue-200:focus {
      --border-opacity: 1;
      border-color: #bee3f8;
      border-color: rgba(190, 227, 248, var(--border-opacity));
    }
  
    .xl\:focus\:border-blue-300:focus {
      --border-opacity: 1;
      border-color: #90cdf4;
      border-color: rgba(144, 205, 244, var(--border-opacity));
    }
  
    .xl\:focus\:border-blue-400:focus {
      --border-opacity: 1;
      border-color: #63b3ed;
      border-color: rgba(99, 179, 237, var(--border-opacity));
    }
  
    .xl\:focus\:border-blue-500:focus {
      --border-opacity: 1;
      border-color: #4299e1;
      border-color: rgba(66, 153, 225, var(--border-opacity));
    }
  
    .xl\:focus\:border-blue-600:focus {
      --border-opacity: 1;
      border-color: #3182ce;
      border-color: rgba(49, 130, 206, var(--border-opacity));
    }
  
    .xl\:focus\:border-blue-700:focus {
      --border-opacity: 1;
      border-color: #2b6cb0;
      border-color: rgba(43, 108, 176, var(--border-opacity));
    }
  
    .xl\:focus\:border-blue-800:focus {
      --border-opacity: 1;
      border-color: #2c5282;
      border-color: rgba(44, 82, 130, var(--border-opacity));
    }
  
    .xl\:focus\:border-blue-900:focus {
      --border-opacity: 1;
      border-color: #2a4365;
      border-color: rgba(42, 67, 101, var(--border-opacity));
    }
  
    .xl\:focus\:border-indigo-100:focus {
      --border-opacity: 1;
      border-color: #ebf4ff;
      border-color: rgba(235, 244, 255, var(--border-opacity));
    }
  
    .xl\:focus\:border-indigo-200:focus {
      --border-opacity: 1;
      border-color: #c3dafe;
      border-color: rgba(195, 218, 254, var(--border-opacity));
    }
  
    .xl\:focus\:border-indigo-300:focus {
      --border-opacity: 1;
      border-color: #a3bffa;
      border-color: rgba(163, 191, 250, var(--border-opacity));
    }
  
    .xl\:focus\:border-indigo-400:focus {
      --border-opacity: 1;
      border-color: #7f9cf5;
      border-color: rgba(127, 156, 245, var(--border-opacity));
    }
  
    .xl\:focus\:border-indigo-500:focus {
      --border-opacity: 1;
      border-color: #667eea;
      border-color: rgba(102, 126, 234, var(--border-opacity));
    }
  
    .xl\:focus\:border-indigo-600:focus {
      --border-opacity: 1;
      border-color: #5a67d8;
      border-color: rgba(90, 103, 216, var(--border-opacity));
    }
  
    .xl\:focus\:border-indigo-700:focus {
      --border-opacity: 1;
      border-color: #4c51bf;
      border-color: rgba(76, 81, 191, var(--border-opacity));
    }
  
    .xl\:focus\:border-indigo-800:focus {
      --border-opacity: 1;
      border-color: #434190;
      border-color: rgba(67, 65, 144, var(--border-opacity));
    }
  
    .xl\:focus\:border-indigo-900:focus {
      --border-opacity: 1;
      border-color: #3c366b;
      border-color: rgba(60, 54, 107, var(--border-opacity));
    }
  
    .xl\:focus\:border-purple-100:focus {
      --border-opacity: 1;
      border-color: #faf5ff;
      border-color: rgba(250, 245, 255, var(--border-opacity));
    }
  
    .xl\:focus\:border-purple-200:focus {
      --border-opacity: 1;
      border-color: #e9d8fd;
      border-color: rgba(233, 216, 253, var(--border-opacity));
    }
  
    .xl\:focus\:border-purple-300:focus {
      --border-opacity: 1;
      border-color: #d6bcfa;
      border-color: rgba(214, 188, 250, var(--border-opacity));
    }
  
    .xl\:focus\:border-purple-400:focus {
      --border-opacity: 1;
      border-color: #b794f4;
      border-color: rgba(183, 148, 244, var(--border-opacity));
    }
  
    .xl\:focus\:border-purple-500:focus {
      --border-opacity: 1;
      border-color: #9f7aea;
      border-color: rgba(159, 122, 234, var(--border-opacity));
    }
  
    .xl\:focus\:border-purple-600:focus {
      --border-opacity: 1;
      border-color: #805ad5;
      border-color: rgba(128, 90, 213, var(--border-opacity));
    }
  
    .xl\:focus\:border-purple-700:focus {
      --border-opacity: 1;
      border-color: #6b46c1;
      border-color: rgba(107, 70, 193, var(--border-opacity));
    }
  
    .xl\:focus\:border-purple-800:focus {
      --border-opacity: 1;
      border-color: #553c9a;
      border-color: rgba(85, 60, 154, var(--border-opacity));
    }
  
    .xl\:focus\:border-purple-900:focus {
      --border-opacity: 1;
      border-color: #44337a;
      border-color: rgba(68, 51, 122, var(--border-opacity));
    }
  
    .xl\:focus\:border-pink-100:focus {
      --border-opacity: 1;
      border-color: #fff5f7;
      border-color: rgba(255, 245, 247, var(--border-opacity));
    }
  
    .xl\:focus\:border-pink-200:focus {
      --border-opacity: 1;
      border-color: #fed7e2;
      border-color: rgba(254, 215, 226, var(--border-opacity));
    }
  
    .xl\:focus\:border-pink-300:focus {
      --border-opacity: 1;
      border-color: #fbb6ce;
      border-color: rgba(251, 182, 206, var(--border-opacity));
    }
  
    .xl\:focus\:border-pink-400:focus {
      --border-opacity: 1;
      border-color: #f687b3;
      border-color: rgba(246, 135, 179, var(--border-opacity));
    }
  
    .xl\:focus\:border-pink-500:focus {
      --border-opacity: 1;
      border-color: #ed64a6;
      border-color: rgba(237, 100, 166, var(--border-opacity));
    }
  
    .xl\:focus\:border-pink-600:focus {
      --border-opacity: 1;
      border-color: #d53f8c;
      border-color: rgba(213, 63, 140, var(--border-opacity));
    }
  
    .xl\:focus\:border-pink-700:focus {
      --border-opacity: 1;
      border-color: #b83280;
      border-color: rgba(184, 50, 128, var(--border-opacity));
    }
  
    .xl\:focus\:border-pink-800:focus {
      --border-opacity: 1;
      border-color: #97266d;
      border-color: rgba(151, 38, 109, var(--border-opacity));
    }
  
    .xl\:focus\:border-pink-900:focus {
      --border-opacity: 1;
      border-color: #702459;
      border-color: rgba(112, 36, 89, 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-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-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-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\: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\: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-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\: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\: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-sans {
      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";
    }
  
    .xl\:font-serif {
      font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    }
  
    .xl\:font-mono {
      font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }
  
    .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: 0.75rem;
    }
  
    .xl\:text-sm {
      font-size: 0.875rem;
    }
  
    .xl\:text-base {
      font-size: 1rem;
    }
  
    .xl\:text-lg {
      font-size: 1.125rem;
    }
  
    .xl\:text-xl {
      font-size: 1.25rem;
    }
  
    .xl\:text-2xl {
      font-size: 1.5rem;
    }
  
    .xl\:text-3xl {
      font-size: 1.875rem;
    }
  
    .xl\:text-4xl {
      font-size: 2.25rem;
    }
  
    .xl\:text-5xl {
      font-size: 3rem;
    }
  
    .xl\:text-6xl {
      font-size: 4rem;
    }
  
    .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-ssm {
      max-width: 500px;
    }
  
    .xl\:max-w-screen-sm {
      max-width: 640px;
    }
  
    .xl\:max-w-screen-md {
      max-width: 768px;
    }
  
    .xl\:max-w-screen-lg {
      max-width: 1024px;
    }
  
    .xl\:max-w-screen-xl {
      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 {
      -o-object-fit: contain;
         object-fit: contain;
    }
  
    .xl\:object-cover {
      -o-object-fit: cover;
         object-fit: cover;
    }
  
    .xl\:object-fill {
      -o-object-fit: fill;
         object-fit: fill;
    }
  
    .xl\:object-none {
      -o-object-fit: none;
         object-fit: none;
    }
  
    .xl\:object-scale-down {
      -o-object-fit: scale-down;
         object-fit: scale-down;
    }
  
    .xl\:object-bottom {
      -o-object-position: bottom;
         object-position: bottom;
    }
  
    .xl\:object-center {
      -o-object-position: center;
         object-position: center;
    }
  
    .xl\:object-left {
      -o-object-position: left;
         object-position: left;
    }
  
    .xl\:object-left-bottom {
      -o-object-position: left bottom;
         object-position: left bottom;
    }
  
    .xl\:object-left-top {
      -o-object-position: left top;
         object-position: left top;
    }
  
    .xl\:object-right {
      -o-object-position: right;
         object-position: right;
    }
  
    .xl\:object-right-bottom {
      -o-object-position: right bottom;
         object-position: right bottom;
    }
  
    .xl\:object-right-top {
      -o-object-position: right top;
         object-position: right top;
    }
  
    .xl\:object-top {
      -o-object-position: 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: 0;
    }
  
    .xl\:focus\:outline-none:focus {
      outline: 0;
    }
  
    .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\: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\: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\:placeholder-transparent::-moz-placeholder {
      color: transparent;
    }
  
    .xl\:placeholder-transparent:-ms-input-placeholder {
      color: transparent;
    }
  
    .xl\:placeholder-transparent::placeholder {
      color: transparent;
    }
  
    .xl\:placeholder-current::-moz-placeholder {
      color: currentColor;
    }
  
    .xl\:placeholder-current:-ms-input-placeholder {
      color: currentColor;
    }
  
    .xl\:placeholder-current::placeholder {
      color: currentColor;
    }
  
    .xl\:placeholder-black::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--placeholder-opacity));
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, 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-red-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-100::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-200::placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-300::placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-400::placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-500::placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-600::placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-700::placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-800::placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-red-900::placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-100::placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-200::placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-300::placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-400::placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-500::placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-600::placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-700::placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-800::placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-orange-900::placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-100::placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-200::placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-300::placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-400::placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-500::placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-600::placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-700::placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-800::placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-yellow-900::placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-100::placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-200::placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-300::placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-400::placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-500::placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-600::placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-700::placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-800::placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-green-900::placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-100::placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-200::placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-300::placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-400::placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-500::placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-600::placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-700::placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-800::placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-teal-900::placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-100::placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-200::placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-300::placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-400::placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-500::placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-600::placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-700::placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-800::placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-blue-900::placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-100::placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-200::placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-300::placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-400::placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-500::placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-600::placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-700::placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-800::placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-indigo-900::placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-100::placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-200::placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-300::placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-400::placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-500::placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-600::placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-700::placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-800::placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-purple-900::placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-100::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-100::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-200::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-200:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-200::placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-300::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-300:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-300::placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-400::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-400:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-400::placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-500::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-500:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-500::placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-600::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-600:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-600::placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-700::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-700:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-700::placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-800::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-800:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-800::placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-900::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-900:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-pink-900::placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-transparent:focus::-moz-placeholder {
      color: transparent;
    }
  
    .xl\:focus\:placeholder-transparent:focus:-ms-input-placeholder {
      color: transparent;
    }
  
    .xl\:focus\:placeholder-transparent:focus::placeholder {
      color: transparent;
    }
  
    .xl\:focus\:placeholder-current:focus::-moz-placeholder {
      color: currentColor;
    }
  
    .xl\:focus\:placeholder-current:focus:-ms-input-placeholder {
      color: currentColor;
    }
  
    .xl\:focus\:placeholder-current:focus::placeholder {
      color: currentColor;
    }
  
    .xl\:focus\:placeholder-black:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #000;
      color: rgba(0, 0, 0, var(--placeholder-opacity));
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff;
      color: rgba(255, 255, 255, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f7fafc;
      color: rgba(247, 250, 252, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #edf2f7;
      color: rgba(237, 242, 247, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e2e8f0;
      color: rgba(226, 232, 240, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #cbd5e0;
      color: rgba(203, 213, 224, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a0aec0;
      color: rgba(160, 174, 192, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #718096;
      color: rgba(113, 128, 150, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4a5568;
      color: rgba(74, 85, 104, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2d3748;
      color: rgba(45, 55, 72, 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::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #1a202c;
      color: rgba(26, 32, 44, 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-red-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-red-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-orange-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-yellow-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-green-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-teal-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-blue-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-indigo-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-purple-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-100:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-100:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-100:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-200:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-200:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-200:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-300:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-300:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-300:focus::placeholder {
      --placeholder-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-400:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-400:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-400:focus::placeholder {
      --placeholder-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-500:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-500:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-500:focus::placeholder {
      --placeholder-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-600:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-600:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-600:focus::placeholder {
      --placeholder-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-700:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-700:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-700:focus::placeholder {
      --placeholder-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-800:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-800:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-800:focus::placeholder {
      --placeholder-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-900:focus::-moz-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-900:focus:-ms-input-placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .xl\:focus\:placeholder-pink-900:focus::placeholder {
      --placeholder-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--placeholder-opacity));
    }
  
    .xl\:placeholder-opacity-0::-moz-placeholder {
      --placeholder-opacity: 0;
    }
  
    .xl\:placeholder-opacity-0:-ms-input-placeholder {
      --placeholder-opacity: 0;
    }
  
    .xl\:placeholder-opacity-0::placeholder {
      --placeholder-opacity: 0;
    }
  
    .xl\:placeholder-opacity-25::-moz-placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .xl\:placeholder-opacity-25:-ms-input-placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .xl\:placeholder-opacity-25::placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .xl\:placeholder-opacity-50::-moz-placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .xl\:placeholder-opacity-50:-ms-input-placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .xl\:placeholder-opacity-50::placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .xl\:placeholder-opacity-75::-moz-placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .xl\:placeholder-opacity-75:-ms-input-placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .xl\:placeholder-opacity-75::placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .xl\:placeholder-opacity-100::-moz-placeholder {
      --placeholder-opacity: 1;
    }
  
    .xl\:placeholder-opacity-100:-ms-input-placeholder {
      --placeholder-opacity: 1;
    }
  
    .xl\:placeholder-opacity-100::placeholder {
      --placeholder-opacity: 1;
    }
  
    .xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder {
      --placeholder-opacity: 0;
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 0.25;
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 0.5;
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 0.75;
    }
  
    .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::-moz-placeholder {
      --placeholder-opacity: 1;
    }
  
    .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: -webkit-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-current {
      color: currentColor;
    }
  
    .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-red-100 {
      --text-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--text-opacity));
    }
  
    .xl\:text-red-200 {
      --text-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--text-opacity));
    }
  
    .xl\:text-red-300 {
      --text-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--text-opacity));
    }
  
    .xl\:text-red-400 {
      --text-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--text-opacity));
    }
  
    .xl\:text-red-500 {
      --text-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--text-opacity));
    }
  
    .xl\:text-red-600 {
      --text-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--text-opacity));
    }
  
    .xl\:text-red-700 {
      --text-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--text-opacity));
    }
  
    .xl\:text-red-800 {
      --text-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--text-opacity));
    }
  
    .xl\:text-red-900 {
      --text-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--text-opacity));
    }
  
    .xl\:text-orange-100 {
      --text-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--text-opacity));
    }
  
    .xl\:text-orange-200 {
      --text-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--text-opacity));
    }
  
    .xl\:text-orange-300 {
      --text-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--text-opacity));
    }
  
    .xl\:text-orange-400 {
      --text-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--text-opacity));
    }
  
    .xl\:text-orange-500 {
      --text-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--text-opacity));
    }
  
    .xl\:text-orange-600 {
      --text-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--text-opacity));
    }
  
    .xl\:text-orange-700 {
      --text-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--text-opacity));
    }
  
    .xl\:text-orange-800 {
      --text-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--text-opacity));
    }
  
    .xl\:text-orange-900 {
      --text-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--text-opacity));
    }
  
    .xl\:text-yellow-100 {
      --text-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--text-opacity));
    }
  
    .xl\:text-yellow-200 {
      --text-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--text-opacity));
    }
  
    .xl\:text-yellow-300 {
      --text-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--text-opacity));
    }
  
    .xl\:text-yellow-400 {
      --text-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--text-opacity));
    }
  
    .xl\:text-yellow-500 {
      --text-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--text-opacity));
    }
  
    .xl\:text-yellow-600 {
      --text-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--text-opacity));
    }
  
    .xl\:text-yellow-700 {
      --text-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--text-opacity));
    }
  
    .xl\:text-yellow-800 {
      --text-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--text-opacity));
    }
  
    .xl\:text-yellow-900 {
      --text-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--text-opacity));
    }
  
    .xl\:text-green-100 {
      --text-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--text-opacity));
    }
  
    .xl\:text-green-200 {
      --text-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--text-opacity));
    }
  
    .xl\:text-green-300 {
      --text-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--text-opacity));
    }
  
    .xl\:text-green-400 {
      --text-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--text-opacity));
    }
  
    .xl\:text-green-500 {
      --text-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--text-opacity));
    }
  
    .xl\:text-green-600 {
      --text-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--text-opacity));
    }
  
    .xl\:text-green-700 {
      --text-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--text-opacity));
    }
  
    .xl\:text-green-800 {
      --text-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--text-opacity));
    }
  
    .xl\:text-green-900 {
      --text-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--text-opacity));
    }
  
    .xl\:text-teal-100 {
      --text-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--text-opacity));
    }
  
    .xl\:text-teal-200 {
      --text-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--text-opacity));
    }
  
    .xl\:text-teal-300 {
      --text-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--text-opacity));
    }
  
    .xl\:text-teal-400 {
      --text-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--text-opacity));
    }
  
    .xl\:text-teal-500 {
      --text-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--text-opacity));
    }
  
    .xl\:text-teal-600 {
      --text-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--text-opacity));
    }
  
    .xl\:text-teal-700 {
      --text-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--text-opacity));
    }
  
    .xl\:text-teal-800 {
      --text-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--text-opacity));
    }
  
    .xl\:text-teal-900 {
      --text-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--text-opacity));
    }
  
    .xl\:text-blue-100 {
      --text-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--text-opacity));
    }
  
    .xl\:text-blue-200 {
      --text-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--text-opacity));
    }
  
    .xl\:text-blue-300 {
      --text-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--text-opacity));
    }
  
    .xl\:text-blue-400 {
      --text-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--text-opacity));
    }
  
    .xl\:text-blue-500 {
      --text-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--text-opacity));
    }
  
    .xl\:text-blue-600 {
      --text-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--text-opacity));
    }
  
    .xl\:text-blue-700 {
      --text-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--text-opacity));
    }
  
    .xl\:text-blue-800 {
      --text-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--text-opacity));
    }
  
    .xl\:text-blue-900 {
      --text-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--text-opacity));
    }
  
    .xl\:text-indigo-100 {
      --text-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--text-opacity));
    }
  
    .xl\:text-indigo-200 {
      --text-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--text-opacity));
    }
  
    .xl\:text-indigo-300 {
      --text-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--text-opacity));
    }
  
    .xl\:text-indigo-400 {
      --text-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--text-opacity));
    }
  
    .xl\:text-indigo-500 {
      --text-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--text-opacity));
    }
  
    .xl\:text-indigo-600 {
      --text-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--text-opacity));
    }
  
    .xl\:text-indigo-700 {
      --text-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--text-opacity));
    }
  
    .xl\:text-indigo-800 {
      --text-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--text-opacity));
    }
  
    .xl\:text-indigo-900 {
      --text-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--text-opacity));
    }
  
    .xl\:text-purple-100 {
      --text-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--text-opacity));
    }
  
    .xl\:text-purple-200 {
      --text-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--text-opacity));
    }
  
    .xl\:text-purple-300 {
      --text-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--text-opacity));
    }
  
    .xl\:text-purple-400 {
      --text-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--text-opacity));
    }
  
    .xl\:text-purple-500 {
      --text-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--text-opacity));
    }
  
    .xl\:text-purple-600 {
      --text-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--text-opacity));
    }
  
    .xl\:text-purple-700 {
      --text-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--text-opacity));
    }
  
    .xl\:text-purple-800 {
      --text-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--text-opacity));
    }
  
    .xl\:text-purple-900 {
      --text-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--text-opacity));
    }
  
    .xl\:text-pink-100 {
      --text-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--text-opacity));
    }
  
    .xl\:text-pink-200 {
      --text-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--text-opacity));
    }
  
    .xl\:text-pink-300 {
      --text-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--text-opacity));
    }
  
    .xl\:text-pink-400 {
      --text-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--text-opacity));
    }
  
    .xl\:text-pink-500 {
      --text-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--text-opacity));
    }
  
    .xl\:text-pink-600 {
      --text-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--text-opacity));
    }
  
    .xl\:text-pink-700 {
      --text-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--text-opacity));
    }
  
    .xl\:text-pink-800 {
      --text-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--text-opacity));
    }
  
    .xl\:text-pink-900 {
      --text-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--text-opacity));
    }
  
    .xl\:hover\:text-transparent:hover {
      color: transparent;
    }
  
    .xl\:hover\:text-current:hover {
      color: currentColor;
    }
  
    .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-red-100:hover {
      --text-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--text-opacity));
    }
  
    .xl\:hover\:text-red-200:hover {
      --text-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--text-opacity));
    }
  
    .xl\:hover\:text-red-300:hover {
      --text-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--text-opacity));
    }
  
    .xl\:hover\:text-red-400:hover {
      --text-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--text-opacity));
    }
  
    .xl\:hover\:text-red-500:hover {
      --text-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--text-opacity));
    }
  
    .xl\:hover\:text-red-600:hover {
      --text-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--text-opacity));
    }
  
    .xl\:hover\:text-red-700:hover {
      --text-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--text-opacity));
    }
  
    .xl\:hover\:text-red-800:hover {
      --text-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--text-opacity));
    }
  
    .xl\:hover\:text-red-900:hover {
      --text-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--text-opacity));
    }
  
    .xl\:hover\:text-orange-100:hover {
      --text-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--text-opacity));
    }
  
    .xl\:hover\:text-orange-200:hover {
      --text-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--text-opacity));
    }
  
    .xl\:hover\:text-orange-300:hover {
      --text-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--text-opacity));
    }
  
    .xl\:hover\:text-orange-400:hover {
      --text-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--text-opacity));
    }
  
    .xl\:hover\:text-orange-500:hover {
      --text-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--text-opacity));
    }
  
    .xl\:hover\:text-orange-600:hover {
      --text-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--text-opacity));
    }
  
    .xl\:hover\:text-orange-700:hover {
      --text-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--text-opacity));
    }
  
    .xl\:hover\:text-orange-800:hover {
      --text-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--text-opacity));
    }
  
    .xl\:hover\:text-orange-900:hover {
      --text-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--text-opacity));
    }
  
    .xl\:hover\:text-yellow-100:hover {
      --text-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--text-opacity));
    }
  
    .xl\:hover\:text-yellow-200:hover {
      --text-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--text-opacity));
    }
  
    .xl\:hover\:text-yellow-300:hover {
      --text-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--text-opacity));
    }
  
    .xl\:hover\:text-yellow-400:hover {
      --text-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--text-opacity));
    }
  
    .xl\:hover\:text-yellow-500:hover {
      --text-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--text-opacity));
    }
  
    .xl\:hover\:text-yellow-600:hover {
      --text-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--text-opacity));
    }
  
    .xl\:hover\:text-yellow-700:hover {
      --text-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--text-opacity));
    }
  
    .xl\:hover\:text-yellow-800:hover {
      --text-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--text-opacity));
    }
  
    .xl\:hover\:text-yellow-900:hover {
      --text-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--text-opacity));
    }
  
    .xl\:hover\:text-green-100:hover {
      --text-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--text-opacity));
    }
  
    .xl\:hover\:text-green-200:hover {
      --text-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--text-opacity));
    }
  
    .xl\:hover\:text-green-300:hover {
      --text-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--text-opacity));
    }
  
    .xl\:hover\:text-green-400:hover {
      --text-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--text-opacity));
    }
  
    .xl\:hover\:text-green-500:hover {
      --text-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--text-opacity));
    }
  
    .xl\:hover\:text-green-600:hover {
      --text-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--text-opacity));
    }
  
    .xl\:hover\:text-green-700:hover {
      --text-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--text-opacity));
    }
  
    .xl\:hover\:text-green-800:hover {
      --text-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--text-opacity));
    }
  
    .xl\:hover\:text-green-900:hover {
      --text-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--text-opacity));
    }
  
    .xl\:hover\:text-teal-100:hover {
      --text-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--text-opacity));
    }
  
    .xl\:hover\:text-teal-200:hover {
      --text-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--text-opacity));
    }
  
    .xl\:hover\:text-teal-300:hover {
      --text-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--text-opacity));
    }
  
    .xl\:hover\:text-teal-400:hover {
      --text-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--text-opacity));
    }
  
    .xl\:hover\:text-teal-500:hover {
      --text-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--text-opacity));
    }
  
    .xl\:hover\:text-teal-600:hover {
      --text-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--text-opacity));
    }
  
    .xl\:hover\:text-teal-700:hover {
      --text-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--text-opacity));
    }
  
    .xl\:hover\:text-teal-800:hover {
      --text-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--text-opacity));
    }
  
    .xl\:hover\:text-teal-900:hover {
      --text-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--text-opacity));
    }
  
    .xl\:hover\:text-blue-100:hover {
      --text-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--text-opacity));
    }
  
    .xl\:hover\:text-blue-200:hover {
      --text-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--text-opacity));
    }
  
    .xl\:hover\:text-blue-300:hover {
      --text-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--text-opacity));
    }
  
    .xl\:hover\:text-blue-400:hover {
      --text-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--text-opacity));
    }
  
    .xl\:hover\:text-blue-500:hover {
      --text-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--text-opacity));
    }
  
    .xl\:hover\:text-blue-600:hover {
      --text-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--text-opacity));
    }
  
    .xl\:hover\:text-blue-700:hover {
      --text-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--text-opacity));
    }
  
    .xl\:hover\:text-blue-800:hover {
      --text-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--text-opacity));
    }
  
    .xl\:hover\:text-blue-900:hover {
      --text-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--text-opacity));
    }
  
    .xl\:hover\:text-indigo-100:hover {
      --text-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--text-opacity));
    }
  
    .xl\:hover\:text-indigo-200:hover {
      --text-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--text-opacity));
    }
  
    .xl\:hover\:text-indigo-300:hover {
      --text-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--text-opacity));
    }
  
    .xl\:hover\:text-indigo-400:hover {
      --text-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--text-opacity));
    }
  
    .xl\:hover\:text-indigo-500:hover {
      --text-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--text-opacity));
    }
  
    .xl\:hover\:text-indigo-600:hover {
      --text-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--text-opacity));
    }
  
    .xl\:hover\:text-indigo-700:hover {
      --text-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--text-opacity));
    }
  
    .xl\:hover\:text-indigo-800:hover {
      --text-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--text-opacity));
    }
  
    .xl\:hover\:text-indigo-900:hover {
      --text-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--text-opacity));
    }
  
    .xl\:hover\:text-purple-100:hover {
      --text-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--text-opacity));
    }
  
    .xl\:hover\:text-purple-200:hover {
      --text-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--text-opacity));
    }
  
    .xl\:hover\:text-purple-300:hover {
      --text-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--text-opacity));
    }
  
    .xl\:hover\:text-purple-400:hover {
      --text-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--text-opacity));
    }
  
    .xl\:hover\:text-purple-500:hover {
      --text-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--text-opacity));
    }
  
    .xl\:hover\:text-purple-600:hover {
      --text-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--text-opacity));
    }
  
    .xl\:hover\:text-purple-700:hover {
      --text-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--text-opacity));
    }
  
    .xl\:hover\:text-purple-800:hover {
      --text-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--text-opacity));
    }
  
    .xl\:hover\:text-purple-900:hover {
      --text-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--text-opacity));
    }
  
    .xl\:hover\:text-pink-100:hover {
      --text-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--text-opacity));
    }
  
    .xl\:hover\:text-pink-200:hover {
      --text-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--text-opacity));
    }
  
    .xl\:hover\:text-pink-300:hover {
      --text-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--text-opacity));
    }
  
    .xl\:hover\:text-pink-400:hover {
      --text-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--text-opacity));
    }
  
    .xl\:hover\:text-pink-500:hover {
      --text-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--text-opacity));
    }
  
    .xl\:hover\:text-pink-600:hover {
      --text-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--text-opacity));
    }
  
    .xl\:hover\:text-pink-700:hover {
      --text-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--text-opacity));
    }
  
    .xl\:hover\:text-pink-800:hover {
      --text-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--text-opacity));
    }
  
    .xl\:hover\:text-pink-900:hover {
      --text-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, var(--text-opacity));
    }
  
    .xl\:focus\:text-transparent:focus {
      color: transparent;
    }
  
    .xl\:focus\:text-current:focus {
      color: currentColor;
    }
  
    .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-red-100:focus {
      --text-opacity: 1;
      color: #fff5f5;
      color: rgba(255, 245, 245, var(--text-opacity));
    }
  
    .xl\:focus\:text-red-200:focus {
      --text-opacity: 1;
      color: #fed7d7;
      color: rgba(254, 215, 215, var(--text-opacity));
    }
  
    .xl\:focus\:text-red-300:focus {
      --text-opacity: 1;
      color: #feb2b2;
      color: rgba(254, 178, 178, var(--text-opacity));
    }
  
    .xl\:focus\:text-red-400:focus {
      --text-opacity: 1;
      color: #fc8181;
      color: rgba(252, 129, 129, var(--text-opacity));
    }
  
    .xl\:focus\:text-red-500:focus {
      --text-opacity: 1;
      color: #f56565;
      color: rgba(245, 101, 101, var(--text-opacity));
    }
  
    .xl\:focus\:text-red-600:focus {
      --text-opacity: 1;
      color: #e53e3e;
      color: rgba(229, 62, 62, var(--text-opacity));
    }
  
    .xl\:focus\:text-red-700:focus {
      --text-opacity: 1;
      color: #c53030;
      color: rgba(197, 48, 48, var(--text-opacity));
    }
  
    .xl\:focus\:text-red-800:focus {
      --text-opacity: 1;
      color: #9b2c2c;
      color: rgba(155, 44, 44, var(--text-opacity));
    }
  
    .xl\:focus\:text-red-900:focus {
      --text-opacity: 1;
      color: #742a2a;
      color: rgba(116, 42, 42, var(--text-opacity));
    }
  
    .xl\:focus\:text-orange-100:focus {
      --text-opacity: 1;
      color: #fffaf0;
      color: rgba(255, 250, 240, var(--text-opacity));
    }
  
    .xl\:focus\:text-orange-200:focus {
      --text-opacity: 1;
      color: #feebc8;
      color: rgba(254, 235, 200, var(--text-opacity));
    }
  
    .xl\:focus\:text-orange-300:focus {
      --text-opacity: 1;
      color: #fbd38d;
      color: rgba(251, 211, 141, var(--text-opacity));
    }
  
    .xl\:focus\:text-orange-400:focus {
      --text-opacity: 1;
      color: #f6ad55;
      color: rgba(246, 173, 85, var(--text-opacity));
    }
  
    .xl\:focus\:text-orange-500:focus {
      --text-opacity: 1;
      color: #ed8936;
      color: rgba(237, 137, 54, var(--text-opacity));
    }
  
    .xl\:focus\:text-orange-600:focus {
      --text-opacity: 1;
      color: #dd6b20;
      color: rgba(221, 107, 32, var(--text-opacity));
    }
  
    .xl\:focus\:text-orange-700:focus {
      --text-opacity: 1;
      color: #c05621;
      color: rgba(192, 86, 33, var(--text-opacity));
    }
  
    .xl\:focus\:text-orange-800:focus {
      --text-opacity: 1;
      color: #9c4221;
      color: rgba(156, 66, 33, var(--text-opacity));
    }
  
    .xl\:focus\:text-orange-900:focus {
      --text-opacity: 1;
      color: #7b341e;
      color: rgba(123, 52, 30, var(--text-opacity));
    }
  
    .xl\:focus\:text-yellow-100:focus {
      --text-opacity: 1;
      color: #fffff0;
      color: rgba(255, 255, 240, var(--text-opacity));
    }
  
    .xl\:focus\:text-yellow-200:focus {
      --text-opacity: 1;
      color: #fefcbf;
      color: rgba(254, 252, 191, var(--text-opacity));
    }
  
    .xl\:focus\:text-yellow-300:focus {
      --text-opacity: 1;
      color: #faf089;
      color: rgba(250, 240, 137, var(--text-opacity));
    }
  
    .xl\:focus\:text-yellow-400:focus {
      --text-opacity: 1;
      color: #f6e05e;
      color: rgba(246, 224, 94, var(--text-opacity));
    }
  
    .xl\:focus\:text-yellow-500:focus {
      --text-opacity: 1;
      color: #ecc94b;
      color: rgba(236, 201, 75, var(--text-opacity));
    }
  
    .xl\:focus\:text-yellow-600:focus {
      --text-opacity: 1;
      color: #d69e2e;
      color: rgba(214, 158, 46, var(--text-opacity));
    }
  
    .xl\:focus\:text-yellow-700:focus {
      --text-opacity: 1;
      color: #b7791f;
      color: rgba(183, 121, 31, var(--text-opacity));
    }
  
    .xl\:focus\:text-yellow-800:focus {
      --text-opacity: 1;
      color: #975a16;
      color: rgba(151, 90, 22, var(--text-opacity));
    }
  
    .xl\:focus\:text-yellow-900:focus {
      --text-opacity: 1;
      color: #744210;
      color: rgba(116, 66, 16, var(--text-opacity));
    }
  
    .xl\:focus\:text-green-100:focus {
      --text-opacity: 1;
      color: #f0fff4;
      color: rgba(240, 255, 244, var(--text-opacity));
    }
  
    .xl\:focus\:text-green-200:focus {
      --text-opacity: 1;
      color: #c6f6d5;
      color: rgba(198, 246, 213, var(--text-opacity));
    }
  
    .xl\:focus\:text-green-300:focus {
      --text-opacity: 1;
      color: #9ae6b4;
      color: rgba(154, 230, 180, var(--text-opacity));
    }
  
    .xl\:focus\:text-green-400:focus {
      --text-opacity: 1;
      color: #68d391;
      color: rgba(104, 211, 145, var(--text-opacity));
    }
  
    .xl\:focus\:text-green-500:focus {
      --text-opacity: 1;
      color: #48bb78;
      color: rgba(72, 187, 120, var(--text-opacity));
    }
  
    .xl\:focus\:text-green-600:focus {
      --text-opacity: 1;
      color: #38a169;
      color: rgba(56, 161, 105, var(--text-opacity));
    }
  
    .xl\:focus\:text-green-700:focus {
      --text-opacity: 1;
      color: #2f855a;
      color: rgba(47, 133, 90, var(--text-opacity));
    }
  
    .xl\:focus\:text-green-800:focus {
      --text-opacity: 1;
      color: #276749;
      color: rgba(39, 103, 73, var(--text-opacity));
    }
  
    .xl\:focus\:text-green-900:focus {
      --text-opacity: 1;
      color: #22543d;
      color: rgba(34, 84, 61, var(--text-opacity));
    }
  
    .xl\:focus\:text-teal-100:focus {
      --text-opacity: 1;
      color: #e6fffa;
      color: rgba(230, 255, 250, var(--text-opacity));
    }
  
    .xl\:focus\:text-teal-200:focus {
      --text-opacity: 1;
      color: #b2f5ea;
      color: rgba(178, 245, 234, var(--text-opacity));
    }
  
    .xl\:focus\:text-teal-300:focus {
      --text-opacity: 1;
      color: #81e6d9;
      color: rgba(129, 230, 217, var(--text-opacity));
    }
  
    .xl\:focus\:text-teal-400:focus {
      --text-opacity: 1;
      color: #4fd1c5;
      color: rgba(79, 209, 197, var(--text-opacity));
    }
  
    .xl\:focus\:text-teal-500:focus {
      --text-opacity: 1;
      color: #38b2ac;
      color: rgba(56, 178, 172, var(--text-opacity));
    }
  
    .xl\:focus\:text-teal-600:focus {
      --text-opacity: 1;
      color: #319795;
      color: rgba(49, 151, 149, var(--text-opacity));
    }
  
    .xl\:focus\:text-teal-700:focus {
      --text-opacity: 1;
      color: #2c7a7b;
      color: rgba(44, 122, 123, var(--text-opacity));
    }
  
    .xl\:focus\:text-teal-800:focus {
      --text-opacity: 1;
      color: #285e61;
      color: rgba(40, 94, 97, var(--text-opacity));
    }
  
    .xl\:focus\:text-teal-900:focus {
      --text-opacity: 1;
      color: #234e52;
      color: rgba(35, 78, 82, var(--text-opacity));
    }
  
    .xl\:focus\:text-blue-100:focus {
      --text-opacity: 1;
      color: #ebf8ff;
      color: rgba(235, 248, 255, var(--text-opacity));
    }
  
    .xl\:focus\:text-blue-200:focus {
      --text-opacity: 1;
      color: #bee3f8;
      color: rgba(190, 227, 248, var(--text-opacity));
    }
  
    .xl\:focus\:text-blue-300:focus {
      --text-opacity: 1;
      color: #90cdf4;
      color: rgba(144, 205, 244, var(--text-opacity));
    }
  
    .xl\:focus\:text-blue-400:focus {
      --text-opacity: 1;
      color: #63b3ed;
      color: rgba(99, 179, 237, var(--text-opacity));
    }
  
    .xl\:focus\:text-blue-500:focus {
      --text-opacity: 1;
      color: #4299e1;
      color: rgba(66, 153, 225, var(--text-opacity));
    }
  
    .xl\:focus\:text-blue-600:focus {
      --text-opacity: 1;
      color: #3182ce;
      color: rgba(49, 130, 206, var(--text-opacity));
    }
  
    .xl\:focus\:text-blue-700:focus {
      --text-opacity: 1;
      color: #2b6cb0;
      color: rgba(43, 108, 176, var(--text-opacity));
    }
  
    .xl\:focus\:text-blue-800:focus {
      --text-opacity: 1;
      color: #2c5282;
      color: rgba(44, 82, 130, var(--text-opacity));
    }
  
    .xl\:focus\:text-blue-900:focus {
      --text-opacity: 1;
      color: #2a4365;
      color: rgba(42, 67, 101, var(--text-opacity));
    }
  
    .xl\:focus\:text-indigo-100:focus {
      --text-opacity: 1;
      color: #ebf4ff;
      color: rgba(235, 244, 255, var(--text-opacity));
    }
  
    .xl\:focus\:text-indigo-200:focus {
      --text-opacity: 1;
      color: #c3dafe;
      color: rgba(195, 218, 254, var(--text-opacity));
    }
  
    .xl\:focus\:text-indigo-300:focus {
      --text-opacity: 1;
      color: #a3bffa;
      color: rgba(163, 191, 250, var(--text-opacity));
    }
  
    .xl\:focus\:text-indigo-400:focus {
      --text-opacity: 1;
      color: #7f9cf5;
      color: rgba(127, 156, 245, var(--text-opacity));
    }
  
    .xl\:focus\:text-indigo-500:focus {
      --text-opacity: 1;
      color: #667eea;
      color: rgba(102, 126, 234, var(--text-opacity));
    }
  
    .xl\:focus\:text-indigo-600:focus {
      --text-opacity: 1;
      color: #5a67d8;
      color: rgba(90, 103, 216, var(--text-opacity));
    }
  
    .xl\:focus\:text-indigo-700:focus {
      --text-opacity: 1;
      color: #4c51bf;
      color: rgba(76, 81, 191, var(--text-opacity));
    }
  
    .xl\:focus\:text-indigo-800:focus {
      --text-opacity: 1;
      color: #434190;
      color: rgba(67, 65, 144, var(--text-opacity));
    }
  
    .xl\:focus\:text-indigo-900:focus {
      --text-opacity: 1;
      color: #3c366b;
      color: rgba(60, 54, 107, var(--text-opacity));
    }
  
    .xl\:focus\:text-purple-100:focus {
      --text-opacity: 1;
      color: #faf5ff;
      color: rgba(250, 245, 255, var(--text-opacity));
    }
  
    .xl\:focus\:text-purple-200:focus {
      --text-opacity: 1;
      color: #e9d8fd;
      color: rgba(233, 216, 253, var(--text-opacity));
    }
  
    .xl\:focus\:text-purple-300:focus {
      --text-opacity: 1;
      color: #d6bcfa;
      color: rgba(214, 188, 250, var(--text-opacity));
    }
  
    .xl\:focus\:text-purple-400:focus {
      --text-opacity: 1;
      color: #b794f4;
      color: rgba(183, 148, 244, var(--text-opacity));
    }
  
    .xl\:focus\:text-purple-500:focus {
      --text-opacity: 1;
      color: #9f7aea;
      color: rgba(159, 122, 234, var(--text-opacity));
    }
  
    .xl\:focus\:text-purple-600:focus {
      --text-opacity: 1;
      color: #805ad5;
      color: rgba(128, 90, 213, var(--text-opacity));
    }
  
    .xl\:focus\:text-purple-700:focus {
      --text-opacity: 1;
      color: #6b46c1;
      color: rgba(107, 70, 193, var(--text-opacity));
    }
  
    .xl\:focus\:text-purple-800:focus {
      --text-opacity: 1;
      color: #553c9a;
      color: rgba(85, 60, 154, var(--text-opacity));
    }
  
    .xl\:focus\:text-purple-900:focus {
      --text-opacity: 1;
      color: #44337a;
      color: rgba(68, 51, 122, var(--text-opacity));
    }
  
    .xl\:focus\:text-pink-100:focus {
      --text-opacity: 1;
      color: #fff5f7;
      color: rgba(255, 245, 247, var(--text-opacity));
    }
  
    .xl\:focus\:text-pink-200:focus {
      --text-opacity: 1;
      color: #fed7e2;
      color: rgba(254, 215, 226, var(--text-opacity));
    }
  
    .xl\:focus\:text-pink-300:focus {
      --text-opacity: 1;
      color: #fbb6ce;
      color: rgba(251, 182, 206, var(--text-opacity));
    }
  
    .xl\:focus\:text-pink-400:focus {
      --text-opacity: 1;
      color: #f687b3;
      color: rgba(246, 135, 179, var(--text-opacity));
    }
  
    .xl\:focus\:text-pink-500:focus {
      --text-opacity: 1;
      color: #ed64a6;
      color: rgba(237, 100, 166, var(--text-opacity));
    }
  
    .xl\:focus\:text-pink-600:focus {
      --text-opacity: 1;
      color: #d53f8c;
      color: rgba(213, 63, 140, var(--text-opacity));
    }
  
    .xl\:focus\:text-pink-700:focus {
      --text-opacity: 1;
      color: #b83280;
      color: rgba(184, 50, 128, var(--text-opacity));
    }
  
    .xl\:focus\:text-pink-800:focus {
      --text-opacity: 1;
      color: #97266d;
      color: rgba(151, 38, 109, var(--text-opacity));
    }
  
    .xl\:focus\:text-pink-900:focus {
      --text-opacity: 1;
      color: #702459;
      color: rgba(112, 36, 89, 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\: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;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
    }
  
    .xl\:select-text {
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text;
    }
  
    .xl\:select-all {
      -webkit-user-select: all;
         -moz-user-select: all;
          -ms-user-select: all;
              user-select: all;
    }
  
    .xl\:select-auto {
      -webkit-user-select: auto;
         -moz-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 {
      overflow-wrap: normal;
      word-break: normal;
    }
  
    .xl\:break-words {
      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;
      -moz-column-gap: 0;
           column-gap: 0;
    }
  
    .xl\:col-gap-1 {
      grid-column-gap: 0.25rem;
      -moz-column-gap: 0.25rem;
           column-gap: 0.25rem;
    }
  
    .xl\:col-gap-2 {
      grid-column-gap: 0.5rem;
      -moz-column-gap: 0.5rem;
           column-gap: 0.5rem;
    }
  
    .xl\:col-gap-3 {
      grid-column-gap: 0.75rem;
      -moz-column-gap: 0.75rem;
           column-gap: 0.75rem;
    }
  
    .xl\:col-gap-4 {
      grid-column-gap: 1rem;
      -moz-column-gap: 1rem;
           column-gap: 1rem;
    }
  
    .xl\:col-gap-5 {
      grid-column-gap: 1.25rem;
      -moz-column-gap: 1.25rem;
           column-gap: 1.25rem;
    }
  
    .xl\:col-gap-6 {
      grid-column-gap: 1.5rem;
      -moz-column-gap: 1.5rem;
           column-gap: 1.5rem;
    }
  
    .xl\:col-gap-8 {
      grid-column-gap: 2rem;
      -moz-column-gap: 2rem;
           column-gap: 2rem;
    }
  
    .xl\:col-gap-10 {
      grid-column-gap: 2.5rem;
      -moz-column-gap: 2.5rem;
           column-gap: 2.5rem;
    }
  
    .xl\:col-gap-12 {
      grid-column-gap: 3rem;
      -moz-column-gap: 3rem;
           column-gap: 3rem;
    }
  
    .xl\:col-gap-16 {
      grid-column-gap: 4rem;
      -moz-column-gap: 4rem;
           column-gap: 4rem;
    }
  
    .xl\:col-gap-20 {
      grid-column-gap: 5rem;
      -moz-column-gap: 5rem;
           column-gap: 5rem;
    }
  
    .xl\:col-gap-24 {
      grid-column-gap: 6rem;
      -moz-column-gap: 6rem;
           column-gap: 6rem;
    }
  
    .xl\:col-gap-32 {
      grid-column-gap: 8rem;
      -moz-column-gap: 8rem;
           column-gap: 8rem;
    }
  
    .xl\:col-gap-40 {
      grid-column-gap: 10rem;
      -moz-column-gap: 10rem;
           column-gap: 10rem;
    }
  
    .xl\:col-gap-48 {
      grid-column-gap: 12rem;
      -moz-column-gap: 12rem;
           column-gap: 12rem;
    }
  
    .xl\:col-gap-56 {
      grid-column-gap: 14rem;
      -moz-column-gap: 14rem;
           column-gap: 14rem;
    }
  
    .xl\:col-gap-64 {
      grid-column-gap: 16rem;
      -moz-column-gap: 16rem;
           column-gap: 16rem;
    }
  
    .xl\:col-gap-px {
      grid-column-gap: 1px;
      -moz-column-gap: 1px;
           column-gap: 1px;
    }
  
    .xl\:gap-x-0 {
      grid-column-gap: 0;
      -moz-column-gap: 0;
           column-gap: 0;
    }
  
    .xl\:gap-x-1 {
      grid-column-gap: 0.25rem;
      -moz-column-gap: 0.25rem;
           column-gap: 0.25rem;
    }
  
    .xl\:gap-x-2 {
      grid-column-gap: 0.5rem;
      -moz-column-gap: 0.5rem;
           column-gap: 0.5rem;
    }
  
    .xl\:gap-x-3 {
      grid-column-gap: 0.75rem;
      -moz-column-gap: 0.75rem;
           column-gap: 0.75rem;
    }
  
    .xl\:gap-x-4 {
      grid-column-gap: 1rem;
      -moz-column-gap: 1rem;
           column-gap: 1rem;
    }
  
    .xl\:gap-x-5 {
      grid-column-gap: 1.25rem;
      -moz-column-gap: 1.25rem;
           column-gap: 1.25rem;
    }
  
    .xl\:gap-x-6 {
      grid-column-gap: 1.5rem;
      -moz-column-gap: 1.5rem;
           column-gap: 1.5rem;
    }
  
    .xl\:gap-x-8 {
      grid-column-gap: 2rem;
      -moz-column-gap: 2rem;
           column-gap: 2rem;
    }
  
    .xl\:gap-x-10 {
      grid-column-gap: 2.5rem;
      -moz-column-gap: 2.5rem;
           column-gap: 2.5rem;
    }
  
    .xl\:gap-x-12 {
      grid-column-gap: 3rem;
      -moz-column-gap: 3rem;
           column-gap: 3rem;
    }
  
    .xl\:gap-x-16 {
      grid-column-gap: 4rem;
      -moz-column-gap: 4rem;
           column-gap: 4rem;
    }
  
    .xl\:gap-x-20 {
      grid-column-gap: 5rem;
      -moz-column-gap: 5rem;
           column-gap: 5rem;
    }
  
    .xl\:gap-x-24 {
      grid-column-gap: 6rem;
      -moz-column-gap: 6rem;
           column-gap: 6rem;
    }
  
    .xl\:gap-x-32 {
      grid-column-gap: 8rem;
      -moz-column-gap: 8rem;
           column-gap: 8rem;
    }
  
    .xl\:gap-x-40 {
      grid-column-gap: 10rem;
      -moz-column-gap: 10rem;
           column-gap: 10rem;
    }
  
    .xl\:gap-x-48 {
      grid-column-gap: 12rem;
      -moz-column-gap: 12rem;
           column-gap: 12rem;
    }
  
    .xl\:gap-x-56 {
      grid-column-gap: 14rem;
      -moz-column-gap: 14rem;
           column-gap: 14rem;
    }
  
    .xl\:gap-x-64 {
      grid-column-gap: 16rem;
      -moz-column-gap: 16rem;
           column-gap: 16rem;
    }
  
    .xl\:gap-x-px {
      grid-column-gap: 1px;
      -moz-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\: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-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\: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-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-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\:hover\:rotate-0:hover {
      --transform-rotate: 0;
    }
  
    .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\:focus\:rotate-0:focus {
      --transform-rotate: 0;
    }
  
    .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\: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-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-y-0 {
      --transform-skew-y: 0;
    }
  
    .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\:hover\:skew-x-0:hover {
      --transform-skew-x: 0;
    }
  
    .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-y-0:hover {
      --transform-skew-y: 0;
    }
  
    .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\:focus\:skew-x-0:focus {
      --transform-skew-x: 0;
    }
  
    .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-y-0:focus {
      --transform-skew-y: 0;
    }
  
    .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\: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 {
      -webkit-animation: none;
              animation: none;
    }
  
    .xl\:animate-spin {
      -webkit-animation: spin 1s linear infinite;
              animation: spin 1s linear infinite;
    }
  
    .xl\:animate-ping {
      -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
              animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    }
  
    .xl\:animate-pulse {
      -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
              animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }
  
    .xl\:animate-bounce {
      -webkit-animation: bounce 1s infinite;
              animation: bounce 1s infinite;
    }
  }