diff --git a/__tests__/darkMode.test.js b/__tests__/darkMode.test.js
new file mode 100644
index 000000000..5c3555ae6
--- /dev/null
+++ b/__tests__/darkMode.test.js
@@ -0,0 +1,240 @@
+import postcss from 'postcss'
+import tailwind from '../src/index'
+
+function run(input, config = {}) {
+  return postcss([tailwind({ experimental: { darkModeVariant: true }, ...config })]).process(
+    input,
+    { from: undefined }
+  )
+}
+
+test('dark mode variants cannot be generated without enabling the dark mode experiment', () => {
+  const input = `
+    @variants dark {
+      .text-red {
+        color: red;
+      }
+    }
+  `
+
+  expect.assertions(1)
+  return expect(run(input, { experimental: {} })).rejects.toThrow()
+})
+
+test('generating dark mode variants uses the media strategy by default', () => {
+  const input = `
+    @variants dark {
+      .text-red {
+        color: red;
+      }
+    }
+  `
+
+  const expected = `
+    .text-red {
+      color: red;
+    }
+    @media (prefers-color-scheme: dark) {
+      .dark\\:text-red {
+        color: red;
+      }
+    }
+  `
+
+  expect.assertions(2)
+
+  return run(input).then(result => {
+    expect(result.css).toMatchCss(expected)
+    expect(result.warnings().length).toBe(0)
+  })
+})
+
+test('dark mode variants can be generated using the class strategy', () => {
+  const input = `
+    @variants dark {
+      .text-red {
+        color: red;
+      }
+    }
+  `
+
+  const expected = `
+    .text-red {
+      color: red;
+    }
+    .dark .dark\\:text-red {
+      color: red;
+    }
+  `
+
+  expect.assertions(2)
+
+  return run(input, { dark: 'class' }).then(result => {
+    expect(result.css).toMatchCss(expected)
+    expect(result.warnings().length).toBe(0)
+  })
+})
+
+test('dark mode variants stack with other variants', () => {
+  const input = `
+    @variants responsive, dark, hover, focus {
+      .text-red {
+        color: red;
+      }
+    }
+  `
+
+  const expected = `
+    .text-red {
+      color: red;
+    }
+    .hover\\:text-red:hover {
+      color: red;
+    }
+    .focus\\:text-red:focus {
+      color: red;
+    }
+    @media (prefers-color-scheme: dark) {
+      .dark\\:text-red {
+        color: red;
+      }
+      .dark\\:hover\\:text-red:hover {
+        color: red;
+      }
+      .dark\\:focus\\:text-red:focus {
+        color: red;
+      }
+    }
+    @media (min-width: 500px) {
+      .sm\\:text-red {
+        color: red;
+      }
+      .sm\\:hover\\:text-red:hover {
+        color: red;
+      }
+      .sm\\:focus\\:text-red:focus {
+        color: red;
+      }
+      @media (prefers-color-scheme: dark) {
+        .sm\\:dark\\:text-red {
+          color: red;
+        }
+        .sm\\:dark\\:hover\\:text-red:hover {
+          color: red;
+        }
+        .sm\\:dark\\:focus\\:text-red:focus {
+          color: red;
+        }
+      }
+    }
+    @media (min-width: 800px) {
+      .lg\\:text-red {
+        color: red;
+      }
+      .lg\\:hover\\:text-red:hover {
+        color: red;
+      }
+      .lg\\:focus\\:text-red:focus {
+        color: red;
+      }
+      @media (prefers-color-scheme: dark) {
+        .lg\\:dark\\:text-red {
+          color: red;
+        }
+        .lg\\:dark\\:hover\\:text-red:hover {
+          color: red;
+        }
+        .lg\\:dark\\:focus\\:text-red:focus {
+          color: red;
+        }
+      }
+    }
+  `
+
+  expect.assertions(2)
+
+  return run(input, { theme: { screens: { sm: '500px', lg: '800px' } } }).then(result => {
+    expect(result.css).toMatchCss(expected)
+    expect(result.warnings().length).toBe(0)
+  })
+})
+
+test('dark mode variants stack with other variants when using the class strategy', () => {
+  const input = `
+    @variants responsive, dark, hover, focus {
+      .text-red {
+        color: red;
+      }
+    }
+  `
+
+  const expected = `
+    .text-red {
+      color: red;
+    }
+    .hover\\:text-red:hover {
+      color: red;
+    }
+    .focus\\:text-red:focus {
+      color: red;
+    }
+    .dark .dark\\:text-red {
+      color: red;
+    }
+    .dark .dark\\:hover\\:text-red:hover {
+      color: red;
+    }
+    .dark .dark\\:focus\\:text-red:focus {
+      color: red;
+    }
+    @media (min-width: 500px) {
+      .sm\\:text-red {
+        color: red;
+      }
+      .sm\\:hover\\:text-red:hover {
+        color: red;
+      }
+      .sm\\:focus\\:text-red:focus {
+        color: red;
+      }
+      .dark .sm\\:dark\\:text-red {
+        color: red;
+      }
+      .dark .sm\\:dark\\:hover\\:text-red:hover {
+        color: red;
+      }
+      .dark .sm\\:dark\\:focus\\:text-red:focus {
+        color: red;
+      }
+    }
+    @media (min-width: 800px) {
+      .lg\\:text-red {
+        color: red;
+      }
+      .lg\\:hover\\:text-red:hover {
+        color: red;
+      }
+      .lg\\:focus\\:text-red:focus {
+        color: red;
+      }
+      .dark .lg\\:dark\\:text-red {
+        color: red;
+      }
+      .dark .lg\\:dark\\:hover\\:text-red:hover {
+        color: red;
+      }
+      .dark .lg\\:dark\\:focus\\:text-red:focus {
+        color: red;
+      }
+    }
+  `
+
+  expect.assertions(2)
+
+  return run(input, { dark: 'class', theme: { screens: { sm: '500px', lg: '800px' } } }).then(
+    result => {
+      expect(result.css).toMatchCss(expected)
+      expect(result.warnings().length).toBe(0)
+    }
+  )
+})
diff --git a/__tests__/fixtures/tailwind-output-flagged.css b/__tests__/fixtures/tailwind-output-flagged.css
index 0678ba129..e65110098 100644
--- a/__tests__/fixtures/tailwind-output-flagged.css
+++ b/__tests__/fixtures/tailwind-output-flagged.css
@@ -2825,6 +2825,628 @@ video {
   border-color: rgba(117, 26, 61, var(--divide-opacity));
 }
 
+@media (prefers-color-scheme: dark) {
+  .dark\:divide-transparent > :not(template) ~ :not(template) {
+    border-color: transparent;
+  }
+
+  .dark\:divide-current > :not(template) ~ :not(template) {
+    border-color: currentColor;
+  }
+
+  .dark\:divide-black > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--divide-opacity));
+  }
+
+  .dark\:divide-white > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--divide-opacity));
+  }
+
+  .dark\:divide-gray-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--divide-opacity));
+  }
+
+  .dark\:divide-gray-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--divide-opacity));
+  }
+
+  .dark\:divide-gray-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--divide-opacity));
+  }
+
+  .dark\:divide-gray-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--divide-opacity));
+  }
+
+  .dark\:divide-gray-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--divide-opacity));
+  }
+
+  .dark\:divide-gray-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--divide-opacity));
+  }
+
+  .dark\:divide-gray-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--divide-opacity));
+  }
+
+  .dark\:divide-gray-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--divide-opacity));
+  }
+
+  .dark\:divide-gray-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--divide-opacity));
+  }
+
+  .dark\:divide-gray-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--divide-opacity));
+  }
+
+  .dark\:divide-red-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--divide-opacity));
+  }
+
+  .dark\:divide-red-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--divide-opacity));
+  }
+
+  .dark\:divide-red-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--divide-opacity));
+  }
+
+  .dark\:divide-red-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--divide-opacity));
+  }
+
+  .dark\:divide-red-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--divide-opacity));
+  }
+
+  .dark\:divide-red-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--divide-opacity));
+  }
+
+  .dark\:divide-red-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--divide-opacity));
+  }
+
+  .dark\:divide-red-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--divide-opacity));
+  }
+
+  .dark\:divide-red-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--divide-opacity));
+  }
+
+  .dark\:divide-red-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--divide-opacity));
+  }
+
+  .dark\:divide-orange-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--divide-opacity));
+  }
+
+  .dark\:divide-orange-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--divide-opacity));
+  }
+
+  .dark\:divide-orange-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--divide-opacity));
+  }
+
+  .dark\:divide-orange-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--divide-opacity));
+  }
+
+  .dark\:divide-orange-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--divide-opacity));
+  }
+
+  .dark\:divide-orange-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--divide-opacity));
+  }
+
+  .dark\:divide-orange-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--divide-opacity));
+  }
+
+  .dark\:divide-orange-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--divide-opacity));
+  }
+
+  .dark\:divide-orange-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--divide-opacity));
+  }
+
+  .dark\:divide-orange-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #73230d;
+    border-color: rgba(115, 35, 13, var(--divide-opacity));
+  }
+
+  .dark\:divide-yellow-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--divide-opacity));
+  }
+
+  .dark\:divide-yellow-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--divide-opacity));
+  }
+
+  .dark\:divide-yellow-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--divide-opacity));
+  }
+
+  .dark\:divide-yellow-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--divide-opacity));
+  }
+
+  .dark\:divide-yellow-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--divide-opacity));
+  }
+
+  .dark\:divide-yellow-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--divide-opacity));
+  }
+
+  .dark\:divide-yellow-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--divide-opacity));
+  }
+
+  .dark\:divide-yellow-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--divide-opacity));
+  }
+
+  .dark\:divide-yellow-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--divide-opacity));
+  }
+
+  .dark\:divide-yellow-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--divide-opacity));
+  }
+
+  .dark\:divide-green-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--divide-opacity));
+  }
+
+  .dark\:divide-green-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--divide-opacity));
+  }
+
+  .dark\:divide-green-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--divide-opacity));
+  }
+
+  .dark\:divide-green-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--divide-opacity));
+  }
+
+  .dark\:divide-green-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--divide-opacity));
+  }
+
+  .dark\:divide-green-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--divide-opacity));
+  }
+
+  .dark\:divide-green-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--divide-opacity));
+  }
+
+  .dark\:divide-green-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--divide-opacity));
+  }
+
+  .dark\:divide-green-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--divide-opacity));
+  }
+
+  .dark\:divide-green-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--divide-opacity));
+  }
+
+  .dark\:divide-teal-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--divide-opacity));
+  }
+
+  .dark\:divide-teal-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--divide-opacity));
+  }
+
+  .dark\:divide-teal-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--divide-opacity));
+  }
+
+  .dark\:divide-teal-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--divide-opacity));
+  }
+
+  .dark\:divide-teal-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--divide-opacity));
+  }
+
+  .dark\:divide-teal-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--divide-opacity));
+  }
+
+  .dark\:divide-teal-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--divide-opacity));
+  }
+
+  .dark\:divide-teal-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--divide-opacity));
+  }
+
+  .dark\:divide-teal-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--divide-opacity));
+  }
+
+  .dark\:divide-teal-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--divide-opacity));
+  }
+
+  .dark\:divide-blue-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--divide-opacity));
+  }
+
+  .dark\:divide-blue-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--divide-opacity));
+  }
+
+  .dark\:divide-blue-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--divide-opacity));
+  }
+
+  .dark\:divide-blue-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--divide-opacity));
+  }
+
+  .dark\:divide-blue-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--divide-opacity));
+  }
+
+  .dark\:divide-blue-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--divide-opacity));
+  }
+
+  .dark\:divide-blue-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--divide-opacity));
+  }
+
+  .dark\:divide-blue-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--divide-opacity));
+  }
+
+  .dark\:divide-blue-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--divide-opacity));
+  }
+
+  .dark\:divide-blue-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--divide-opacity));
+  }
+
+  .dark\:divide-indigo-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--divide-opacity));
+  }
+
+  .dark\:divide-indigo-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--divide-opacity));
+  }
+
+  .dark\:divide-indigo-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--divide-opacity));
+  }
+
+  .dark\:divide-indigo-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--divide-opacity));
+  }
+
+  .dark\:divide-indigo-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--divide-opacity));
+  }
+
+  .dark\:divide-indigo-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--divide-opacity));
+  }
+
+  .dark\:divide-indigo-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--divide-opacity));
+  }
+
+  .dark\:divide-indigo-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--divide-opacity));
+  }
+
+  .dark\:divide-indigo-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--divide-opacity));
+  }
+
+  .dark\:divide-indigo-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--divide-opacity));
+  }
+
+  .dark\:divide-purple-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--divide-opacity));
+  }
+
+  .dark\:divide-purple-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--divide-opacity));
+  }
+
+  .dark\:divide-purple-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--divide-opacity));
+  }
+
+  .dark\:divide-purple-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--divide-opacity));
+  }
+
+  .dark\:divide-purple-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--divide-opacity));
+  }
+
+  .dark\:divide-purple-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--divide-opacity));
+  }
+
+  .dark\:divide-purple-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--divide-opacity));
+  }
+
+  .dark\:divide-purple-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--divide-opacity));
+  }
+
+  .dark\:divide-purple-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--divide-opacity));
+  }
+
+  .dark\:divide-purple-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--divide-opacity));
+  }
+
+  .dark\:divide-pink-50 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--divide-opacity));
+  }
+
+  .dark\:divide-pink-100 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--divide-opacity));
+  }
+
+  .dark\:divide-pink-200 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--divide-opacity));
+  }
+
+  .dark\:divide-pink-300 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--divide-opacity));
+  }
+
+  .dark\:divide-pink-400 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--divide-opacity));
+  }
+
+  .dark\:divide-pink-500 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--divide-opacity));
+  }
+
+  .dark\:divide-pink-600 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--divide-opacity));
+  }
+
+  .dark\:divide-pink-700 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--divide-opacity));
+  }
+
+  .dark\:divide-pink-800 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--divide-opacity));
+  }
+
+  .dark\:divide-pink-900 > :not(template) ~ :not(template) {
+    --divide-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--divide-opacity));
+  }
+}
+
 .divide-solid > :not(template) ~ :not(template) {
   border-style: solid;
 }
@@ -4803,6 +5425,1868 @@ video {
   background-color: rgba(117, 26, 61, var(--bg-opacity));
 }
 
+@media (prefers-color-scheme: dark) {
+  .dark\:bg-transparent {
+    background-color: transparent;
+  }
+
+  .dark\:bg-current {
+    background-color: currentColor;
+  }
+
+  .dark\:bg-black {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .dark\:bg-white {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .dark\:bg-gray-50 {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .dark\:bg-gray-100 {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .dark\:bg-gray-200 {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .dark\:bg-gray-300 {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .dark\:bg-gray-400 {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .dark\:bg-gray-500 {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .dark\:bg-gray-600 {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .dark\:bg-gray-700 {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .dark\:bg-gray-800 {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .dark\:bg-gray-900 {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .dark\:bg-red-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .dark\:bg-red-100 {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .dark\:bg-red-200 {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .dark\:bg-red-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .dark\:bg-red-400 {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .dark\:bg-red-500 {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .dark\:bg-red-600 {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .dark\:bg-red-700 {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .dark\:bg-red-800 {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .dark\:bg-red-900 {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .dark\:bg-orange-50 {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .dark\:bg-orange-100 {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .dark\:bg-orange-200 {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .dark\:bg-orange-300 {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .dark\:bg-orange-400 {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .dark\:bg-orange-500 {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .dark\:bg-orange-600 {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .dark\:bg-orange-700 {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .dark\:bg-orange-800 {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .dark\:bg-orange-900 {
+    --bg-opacity: 1;
+    background-color: #73230d;
+    background-color: rgba(115, 35, 13, var(--bg-opacity));
+  }
+
+  .dark\:bg-yellow-50 {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .dark\:bg-yellow-100 {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .dark\:bg-yellow-200 {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .dark\:bg-yellow-300 {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .dark\:bg-yellow-400 {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .dark\:bg-yellow-500 {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .dark\:bg-yellow-600 {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .dark\:bg-yellow-700 {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .dark\:bg-yellow-800 {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .dark\:bg-yellow-900 {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .dark\:bg-green-50 {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .dark\:bg-green-100 {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .dark\:bg-green-200 {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .dark\:bg-green-300 {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .dark\:bg-green-400 {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .dark\:bg-green-500 {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .dark\:bg-green-600 {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .dark\:bg-green-700 {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .dark\:bg-green-800 {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .dark\:bg-green-900 {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .dark\:bg-teal-50 {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .dark\:bg-teal-100 {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .dark\:bg-teal-200 {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .dark\:bg-teal-300 {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .dark\:bg-teal-400 {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .dark\:bg-teal-500 {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .dark\:bg-teal-600 {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .dark\:bg-teal-700 {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .dark\:bg-teal-800 {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .dark\:bg-teal-900 {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .dark\:bg-blue-50 {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .dark\:bg-blue-100 {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .dark\:bg-blue-200 {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .dark\:bg-blue-300 {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .dark\:bg-blue-400 {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .dark\:bg-blue-500 {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .dark\:bg-blue-600 {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .dark\:bg-blue-700 {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .dark\:bg-blue-800 {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .dark\:bg-blue-900 {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .dark\:bg-indigo-50 {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .dark\:bg-indigo-100 {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .dark\:bg-indigo-200 {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .dark\:bg-indigo-300 {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .dark\:bg-indigo-400 {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .dark\:bg-indigo-500 {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .dark\:bg-indigo-600 {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .dark\:bg-indigo-700 {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .dark\:bg-indigo-800 {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .dark\:bg-indigo-900 {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .dark\:bg-purple-50 {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .dark\:bg-purple-100 {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .dark\:bg-purple-200 {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .dark\:bg-purple-300 {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .dark\:bg-purple-400 {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .dark\:bg-purple-500 {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .dark\:bg-purple-600 {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .dark\:bg-purple-700 {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .dark\:bg-purple-800 {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .dark\:bg-purple-900 {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .dark\:bg-pink-50 {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .dark\:bg-pink-100 {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .dark\:bg-pink-200 {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .dark\:bg-pink-300 {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .dark\:bg-pink-400 {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .dark\:bg-pink-500 {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .dark\:bg-pink-600 {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .dark\:bg-pink-700 {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .dark\:bg-pink-800 {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .dark\:bg-pink-900 {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-transparent:hover {
+    background-color: transparent;
+  }
+
+  .dark\:hover\:bg-current:hover {
+    background-color: currentColor;
+  }
+
+  .dark\:hover\:bg-black:hover {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-white:hover {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-gray-50:hover {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-gray-100:hover {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-gray-200:hover {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-gray-300:hover {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-gray-400:hover {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-gray-500:hover {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-gray-600:hover {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-gray-700:hover {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-gray-800:hover {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-gray-900:hover {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-red-50:hover {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-red-100:hover {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-red-200:hover {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-red-300:hover {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-red-400:hover {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-red-500:hover {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-red-600:hover {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-red-700:hover {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-red-800:hover {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-red-900:hover {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-orange-50:hover {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-orange-100:hover {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-orange-200:hover {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-orange-300:hover {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-orange-400:hover {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-orange-500:hover {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-orange-600:hover {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-orange-700:hover {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-orange-800:hover {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-orange-900:hover {
+    --bg-opacity: 1;
+    background-color: #73230d;
+    background-color: rgba(115, 35, 13, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-yellow-50:hover {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-yellow-100:hover {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-yellow-200:hover {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-yellow-300:hover {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-yellow-400:hover {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-yellow-500:hover {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-yellow-600:hover {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-yellow-700:hover {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-yellow-800:hover {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-yellow-900:hover {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-green-50:hover {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-green-100:hover {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-green-200:hover {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-green-300:hover {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-green-400:hover {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-green-500:hover {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-green-600:hover {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-green-700:hover {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-green-800:hover {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-green-900:hover {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-teal-50:hover {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-teal-100:hover {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-teal-200:hover {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-teal-300:hover {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-teal-400:hover {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-teal-500:hover {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-teal-600:hover {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-teal-700:hover {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-teal-800:hover {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-teal-900:hover {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-blue-50:hover {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-blue-100:hover {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-blue-200:hover {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-blue-300:hover {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-blue-400:hover {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-blue-500:hover {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-blue-600:hover {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-blue-700:hover {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-blue-800:hover {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-blue-900:hover {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-indigo-50:hover {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-indigo-100:hover {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-indigo-200:hover {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-indigo-300:hover {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-indigo-400:hover {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-indigo-500:hover {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-indigo-600:hover {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-indigo-700:hover {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-indigo-800:hover {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-indigo-900:hover {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-purple-50:hover {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-purple-100:hover {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-purple-200:hover {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-purple-300:hover {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-purple-400:hover {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-purple-500:hover {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-purple-600:hover {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-purple-700:hover {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-purple-800:hover {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-purple-900:hover {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-pink-50:hover {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-pink-100:hover {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-pink-200:hover {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-pink-300:hover {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-pink-400:hover {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-pink-500:hover {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-pink-600:hover {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-pink-700:hover {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-pink-800:hover {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .dark\:hover\:bg-pink-900:hover {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-transparent:focus {
+    background-color: transparent;
+  }
+
+  .dark\:focus\:bg-current:focus {
+    background-color: currentColor;
+  }
+
+  .dark\:focus\:bg-black:focus {
+    --bg-opacity: 1;
+    background-color: #000000;
+    background-color: rgba(0, 0, 0, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-white:focus {
+    --bg-opacity: 1;
+    background-color: #ffffff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-gray-50:focus {
+    --bg-opacity: 1;
+    background-color: #f9fafb;
+    background-color: rgba(249, 250, 251, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-gray-100:focus {
+    --bg-opacity: 1;
+    background-color: #f4f5f7;
+    background-color: rgba(244, 245, 247, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-gray-200:focus {
+    --bg-opacity: 1;
+    background-color: #e5e7eb;
+    background-color: rgba(229, 231, 235, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-gray-300:focus {
+    --bg-opacity: 1;
+    background-color: #d2d6dc;
+    background-color: rgba(210, 214, 220, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-gray-400:focus {
+    --bg-opacity: 1;
+    background-color: #9fa6b2;
+    background-color: rgba(159, 166, 178, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-gray-500:focus {
+    --bg-opacity: 1;
+    background-color: #6b7280;
+    background-color: rgba(107, 114, 128, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-gray-600:focus {
+    --bg-opacity: 1;
+    background-color: #4b5563;
+    background-color: rgba(75, 85, 99, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-gray-700:focus {
+    --bg-opacity: 1;
+    background-color: #374151;
+    background-color: rgba(55, 65, 81, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-gray-800:focus {
+    --bg-opacity: 1;
+    background-color: #252f3f;
+    background-color: rgba(37, 47, 63, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-gray-900:focus {
+    --bg-opacity: 1;
+    background-color: #161e2e;
+    background-color: rgba(22, 30, 46, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-red-50:focus {
+    --bg-opacity: 1;
+    background-color: #fdf2f2;
+    background-color: rgba(253, 242, 242, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-red-100:focus {
+    --bg-opacity: 1;
+    background-color: #fde8e8;
+    background-color: rgba(253, 232, 232, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-red-200:focus {
+    --bg-opacity: 1;
+    background-color: #fbd5d5;
+    background-color: rgba(251, 213, 213, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-red-300:focus {
+    --bg-opacity: 1;
+    background-color: #f8b4b4;
+    background-color: rgba(248, 180, 180, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-red-400:focus {
+    --bg-opacity: 1;
+    background-color: #f98080;
+    background-color: rgba(249, 128, 128, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-red-500:focus {
+    --bg-opacity: 1;
+    background-color: #f05252;
+    background-color: rgba(240, 82, 82, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-red-600:focus {
+    --bg-opacity: 1;
+    background-color: #e02424;
+    background-color: rgba(224, 36, 36, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-red-700:focus {
+    --bg-opacity: 1;
+    background-color: #c81e1e;
+    background-color: rgba(200, 30, 30, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-red-800:focus {
+    --bg-opacity: 1;
+    background-color: #9b1c1c;
+    background-color: rgba(155, 28, 28, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-red-900:focus {
+    --bg-opacity: 1;
+    background-color: #771d1d;
+    background-color: rgba(119, 29, 29, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-orange-50:focus {
+    --bg-opacity: 1;
+    background-color: #fff8f1;
+    background-color: rgba(255, 248, 241, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-orange-100:focus {
+    --bg-opacity: 1;
+    background-color: #feecdc;
+    background-color: rgba(254, 236, 220, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-orange-200:focus {
+    --bg-opacity: 1;
+    background-color: #fcd9bd;
+    background-color: rgba(252, 217, 189, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-orange-300:focus {
+    --bg-opacity: 1;
+    background-color: #fdba8c;
+    background-color: rgba(253, 186, 140, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-orange-400:focus {
+    --bg-opacity: 1;
+    background-color: #ff8a4c;
+    background-color: rgba(255, 138, 76, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-orange-500:focus {
+    --bg-opacity: 1;
+    background-color: #ff5a1f;
+    background-color: rgba(255, 90, 31, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-orange-600:focus {
+    --bg-opacity: 1;
+    background-color: #d03801;
+    background-color: rgba(208, 56, 1, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-orange-700:focus {
+    --bg-opacity: 1;
+    background-color: #b43403;
+    background-color: rgba(180, 52, 3, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-orange-800:focus {
+    --bg-opacity: 1;
+    background-color: #8a2c0d;
+    background-color: rgba(138, 44, 13, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-orange-900:focus {
+    --bg-opacity: 1;
+    background-color: #73230d;
+    background-color: rgba(115, 35, 13, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-yellow-50:focus {
+    --bg-opacity: 1;
+    background-color: #fdfdea;
+    background-color: rgba(253, 253, 234, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-yellow-100:focus {
+    --bg-opacity: 1;
+    background-color: #fdf6b2;
+    background-color: rgba(253, 246, 178, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-yellow-200:focus {
+    --bg-opacity: 1;
+    background-color: #fce96a;
+    background-color: rgba(252, 233, 106, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-yellow-300:focus {
+    --bg-opacity: 1;
+    background-color: #faca15;
+    background-color: rgba(250, 202, 21, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-yellow-400:focus {
+    --bg-opacity: 1;
+    background-color: #e3a008;
+    background-color: rgba(227, 160, 8, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-yellow-500:focus {
+    --bg-opacity: 1;
+    background-color: #c27803;
+    background-color: rgba(194, 120, 3, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-yellow-600:focus {
+    --bg-opacity: 1;
+    background-color: #9f580a;
+    background-color: rgba(159, 88, 10, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-yellow-700:focus {
+    --bg-opacity: 1;
+    background-color: #8e4b10;
+    background-color: rgba(142, 75, 16, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-yellow-800:focus {
+    --bg-opacity: 1;
+    background-color: #723b13;
+    background-color: rgba(114, 59, 19, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-yellow-900:focus {
+    --bg-opacity: 1;
+    background-color: #633112;
+    background-color: rgba(99, 49, 18, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-green-50:focus {
+    --bg-opacity: 1;
+    background-color: #f3faf7;
+    background-color: rgba(243, 250, 247, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-green-100:focus {
+    --bg-opacity: 1;
+    background-color: #def7ec;
+    background-color: rgba(222, 247, 236, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-green-200:focus {
+    --bg-opacity: 1;
+    background-color: #bcf0da;
+    background-color: rgba(188, 240, 218, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-green-300:focus {
+    --bg-opacity: 1;
+    background-color: #84e1bc;
+    background-color: rgba(132, 225, 188, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-green-400:focus {
+    --bg-opacity: 1;
+    background-color: #31c48d;
+    background-color: rgba(49, 196, 141, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-green-500:focus {
+    --bg-opacity: 1;
+    background-color: #0e9f6e;
+    background-color: rgba(14, 159, 110, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-green-600:focus {
+    --bg-opacity: 1;
+    background-color: #057a55;
+    background-color: rgba(5, 122, 85, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-green-700:focus {
+    --bg-opacity: 1;
+    background-color: #046c4e;
+    background-color: rgba(4, 108, 78, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-green-800:focus {
+    --bg-opacity: 1;
+    background-color: #03543f;
+    background-color: rgba(3, 84, 63, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-green-900:focus {
+    --bg-opacity: 1;
+    background-color: #014737;
+    background-color: rgba(1, 71, 55, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-teal-50:focus {
+    --bg-opacity: 1;
+    background-color: #edfafa;
+    background-color: rgba(237, 250, 250, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-teal-100:focus {
+    --bg-opacity: 1;
+    background-color: #d5f5f6;
+    background-color: rgba(213, 245, 246, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-teal-200:focus {
+    --bg-opacity: 1;
+    background-color: #afecef;
+    background-color: rgba(175, 236, 239, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-teal-300:focus {
+    --bg-opacity: 1;
+    background-color: #7edce2;
+    background-color: rgba(126, 220, 226, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-teal-400:focus {
+    --bg-opacity: 1;
+    background-color: #16bdca;
+    background-color: rgba(22, 189, 202, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-teal-500:focus {
+    --bg-opacity: 1;
+    background-color: #0694a2;
+    background-color: rgba(6, 148, 162, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-teal-600:focus {
+    --bg-opacity: 1;
+    background-color: #047481;
+    background-color: rgba(4, 116, 129, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-teal-700:focus {
+    --bg-opacity: 1;
+    background-color: #036672;
+    background-color: rgba(3, 102, 114, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-teal-800:focus {
+    --bg-opacity: 1;
+    background-color: #05505c;
+    background-color: rgba(5, 80, 92, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-teal-900:focus {
+    --bg-opacity: 1;
+    background-color: #014451;
+    background-color: rgba(1, 68, 81, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-blue-50:focus {
+    --bg-opacity: 1;
+    background-color: #ebf5ff;
+    background-color: rgba(235, 245, 255, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-blue-100:focus {
+    --bg-opacity: 1;
+    background-color: #e1effe;
+    background-color: rgba(225, 239, 254, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-blue-200:focus {
+    --bg-opacity: 1;
+    background-color: #c3ddfd;
+    background-color: rgba(195, 221, 253, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-blue-300:focus {
+    --bg-opacity: 1;
+    background-color: #a4cafe;
+    background-color: rgba(164, 202, 254, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-blue-400:focus {
+    --bg-opacity: 1;
+    background-color: #76a9fa;
+    background-color: rgba(118, 169, 250, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-blue-500:focus {
+    --bg-opacity: 1;
+    background-color: #3f83f8;
+    background-color: rgba(63, 131, 248, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-blue-600:focus {
+    --bg-opacity: 1;
+    background-color: #1c64f2;
+    background-color: rgba(28, 100, 242, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-blue-700:focus {
+    --bg-opacity: 1;
+    background-color: #1a56db;
+    background-color: rgba(26, 86, 219, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-blue-800:focus {
+    --bg-opacity: 1;
+    background-color: #1e429f;
+    background-color: rgba(30, 66, 159, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-blue-900:focus {
+    --bg-opacity: 1;
+    background-color: #233876;
+    background-color: rgba(35, 56, 118, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-indigo-50:focus {
+    --bg-opacity: 1;
+    background-color: #f0f5ff;
+    background-color: rgba(240, 245, 255, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-indigo-100:focus {
+    --bg-opacity: 1;
+    background-color: #e5edff;
+    background-color: rgba(229, 237, 255, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-indigo-200:focus {
+    --bg-opacity: 1;
+    background-color: #cddbfe;
+    background-color: rgba(205, 219, 254, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-indigo-300:focus {
+    --bg-opacity: 1;
+    background-color: #b4c6fc;
+    background-color: rgba(180, 198, 252, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-indigo-400:focus {
+    --bg-opacity: 1;
+    background-color: #8da2fb;
+    background-color: rgba(141, 162, 251, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-indigo-500:focus {
+    --bg-opacity: 1;
+    background-color: #6875f5;
+    background-color: rgba(104, 117, 245, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-indigo-600:focus {
+    --bg-opacity: 1;
+    background-color: #5850ec;
+    background-color: rgba(88, 80, 236, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-indigo-700:focus {
+    --bg-opacity: 1;
+    background-color: #5145cd;
+    background-color: rgba(81, 69, 205, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-indigo-800:focus {
+    --bg-opacity: 1;
+    background-color: #42389d;
+    background-color: rgba(66, 56, 157, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-indigo-900:focus {
+    --bg-opacity: 1;
+    background-color: #362f78;
+    background-color: rgba(54, 47, 120, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-purple-50:focus {
+    --bg-opacity: 1;
+    background-color: #f6f5ff;
+    background-color: rgba(246, 245, 255, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-purple-100:focus {
+    --bg-opacity: 1;
+    background-color: #edebfe;
+    background-color: rgba(237, 235, 254, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-purple-200:focus {
+    --bg-opacity: 1;
+    background-color: #dcd7fe;
+    background-color: rgba(220, 215, 254, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-purple-300:focus {
+    --bg-opacity: 1;
+    background-color: #cabffd;
+    background-color: rgba(202, 191, 253, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-purple-400:focus {
+    --bg-opacity: 1;
+    background-color: #ac94fa;
+    background-color: rgba(172, 148, 250, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-purple-500:focus {
+    --bg-opacity: 1;
+    background-color: #9061f9;
+    background-color: rgba(144, 97, 249, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-purple-600:focus {
+    --bg-opacity: 1;
+    background-color: #7e3af2;
+    background-color: rgba(126, 58, 242, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-purple-700:focus {
+    --bg-opacity: 1;
+    background-color: #6c2bd9;
+    background-color: rgba(108, 43, 217, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-purple-800:focus {
+    --bg-opacity: 1;
+    background-color: #5521b5;
+    background-color: rgba(85, 33, 181, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-purple-900:focus {
+    --bg-opacity: 1;
+    background-color: #4a1d96;
+    background-color: rgba(74, 29, 150, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-pink-50:focus {
+    --bg-opacity: 1;
+    background-color: #fdf2f8;
+    background-color: rgba(253, 242, 248, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-pink-100:focus {
+    --bg-opacity: 1;
+    background-color: #fce8f3;
+    background-color: rgba(252, 232, 243, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-pink-200:focus {
+    --bg-opacity: 1;
+    background-color: #fad1e8;
+    background-color: rgba(250, 209, 232, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-pink-300:focus {
+    --bg-opacity: 1;
+    background-color: #f8b4d9;
+    background-color: rgba(248, 180, 217, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-pink-400:focus {
+    --bg-opacity: 1;
+    background-color: #f17eb8;
+    background-color: rgba(241, 126, 184, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-pink-500:focus {
+    --bg-opacity: 1;
+    background-color: #e74694;
+    background-color: rgba(231, 70, 148, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-pink-600:focus {
+    --bg-opacity: 1;
+    background-color: #d61f69;
+    background-color: rgba(214, 31, 105, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-pink-700:focus {
+    --bg-opacity: 1;
+    background-color: #bf125d;
+    background-color: rgba(191, 18, 93, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-pink-800:focus {
+    --bg-opacity: 1;
+    background-color: #99154b;
+    background-color: rgba(153, 21, 75, var(--bg-opacity));
+  }
+
+  .dark\:focus\:bg-pink-900:focus {
+    --bg-opacity: 1;
+    background-color: #751a3d;
+    background-color: rgba(117, 26, 61, var(--bg-opacity));
+  }
+}
+
 .bg-none {
   background-image: none;
 }
@@ -9207,6 +11691,4376 @@ video {
   --gradient-to-color: #751a3d;
 }
 
+@media (prefers-color-scheme: dark) {
+  .dark\:from-transparent {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .dark\:from-current {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .dark\:from-black {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .dark\:from-white {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .dark\:from-gray-50 {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .dark\:from-gray-100 {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .dark\:from-gray-200 {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .dark\:from-gray-300 {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .dark\:from-gray-400 {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .dark\:from-gray-500 {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .dark\:from-gray-600 {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .dark\:from-gray-700 {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .dark\:from-gray-800 {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .dark\:from-gray-900 {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .dark\:from-red-50 {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .dark\:from-red-100 {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .dark\:from-red-200 {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .dark\:from-red-300 {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .dark\:from-red-400 {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .dark\:from-red-500 {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .dark\:from-red-600 {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .dark\:from-red-700 {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .dark\:from-red-800 {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .dark\:from-red-900 {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .dark\:from-orange-50 {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .dark\:from-orange-100 {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .dark\:from-orange-200 {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .dark\:from-orange-300 {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .dark\:from-orange-400 {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .dark\:from-orange-500 {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .dark\:from-orange-600 {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .dark\:from-orange-700 {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .dark\:from-orange-800 {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .dark\:from-orange-900 {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .dark\:from-yellow-50 {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .dark\:from-yellow-100 {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .dark\:from-yellow-200 {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .dark\:from-yellow-300 {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .dark\:from-yellow-400 {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .dark\:from-yellow-500 {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .dark\:from-yellow-600 {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .dark\:from-yellow-700 {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .dark\:from-yellow-800 {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .dark\:from-yellow-900 {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .dark\:from-green-50 {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .dark\:from-green-100 {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .dark\:from-green-200 {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .dark\:from-green-300 {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .dark\:from-green-400 {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .dark\:from-green-500 {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .dark\:from-green-600 {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .dark\:from-green-700 {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .dark\:from-green-800 {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .dark\:from-green-900 {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .dark\:from-teal-50 {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .dark\:from-teal-100 {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .dark\:from-teal-200 {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .dark\:from-teal-300 {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .dark\:from-teal-400 {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .dark\:from-teal-500 {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .dark\:from-teal-600 {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .dark\:from-teal-700 {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .dark\:from-teal-800 {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .dark\:from-teal-900 {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .dark\:from-blue-50 {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .dark\:from-blue-100 {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .dark\:from-blue-200 {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .dark\:from-blue-300 {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .dark\:from-blue-400 {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .dark\:from-blue-500 {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .dark\:from-blue-600 {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .dark\:from-blue-700 {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .dark\:from-blue-800 {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .dark\:from-blue-900 {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .dark\:from-indigo-50 {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .dark\:from-indigo-100 {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .dark\:from-indigo-200 {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .dark\:from-indigo-300 {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .dark\:from-indigo-400 {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .dark\:from-indigo-500 {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .dark\:from-indigo-600 {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .dark\:from-indigo-700 {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .dark\:from-indigo-800 {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .dark\:from-indigo-900 {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .dark\:from-purple-50 {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .dark\:from-purple-100 {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .dark\:from-purple-200 {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .dark\:from-purple-300 {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .dark\:from-purple-400 {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .dark\:from-purple-500 {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .dark\:from-purple-600 {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .dark\:from-purple-700 {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .dark\:from-purple-800 {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .dark\:from-purple-900 {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .dark\:from-pink-50 {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .dark\:from-pink-100 {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .dark\:from-pink-200 {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .dark\:from-pink-300 {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .dark\:from-pink-400 {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .dark\:from-pink-500 {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .dark\:from-pink-600 {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .dark\:from-pink-700 {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .dark\:from-pink-800 {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .dark\:from-pink-900 {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .dark\: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));
+  }
+
+  .dark\: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));
+  }
+
+  .dark\:via-black {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .dark\:via-white {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .dark\:via-gray-50 {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .dark\:via-gray-100 {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .dark\:via-gray-200 {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .dark\:via-gray-300 {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .dark\:via-gray-400 {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .dark\:via-gray-500 {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .dark\:via-gray-600 {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .dark\:via-gray-700 {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .dark\:via-gray-800 {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .dark\:via-gray-900 {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .dark\:via-red-50 {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .dark\:via-red-100 {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .dark\:via-red-200 {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .dark\:via-red-300 {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .dark\:via-red-400 {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .dark\:via-red-500 {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .dark\:via-red-600 {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .dark\:via-red-700 {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .dark\:via-red-800 {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .dark\:via-red-900 {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .dark\:via-orange-50 {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .dark\:via-orange-100 {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .dark\:via-orange-200 {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .dark\:via-orange-300 {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .dark\:via-orange-400 {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .dark\:via-orange-500 {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .dark\:via-orange-600 {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .dark\:via-orange-700 {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .dark\:via-orange-800 {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .dark\:via-orange-900 {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .dark\:via-yellow-50 {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .dark\:via-yellow-100 {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .dark\:via-yellow-200 {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .dark\:via-yellow-300 {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .dark\:via-yellow-400 {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .dark\:via-yellow-500 {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .dark\:via-yellow-600 {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .dark\:via-yellow-700 {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .dark\:via-yellow-800 {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .dark\:via-yellow-900 {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .dark\:via-green-50 {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .dark\:via-green-100 {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .dark\:via-green-200 {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .dark\:via-green-300 {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .dark\:via-green-400 {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .dark\:via-green-500 {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .dark\:via-green-600 {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .dark\:via-green-700 {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .dark\:via-green-800 {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .dark\:via-green-900 {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .dark\:via-teal-50 {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .dark\:via-teal-100 {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .dark\:via-teal-200 {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .dark\:via-teal-300 {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .dark\:via-teal-400 {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .dark\:via-teal-500 {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .dark\:via-teal-600 {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .dark\:via-teal-700 {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .dark\:via-teal-800 {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .dark\:via-teal-900 {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .dark\:via-blue-50 {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .dark\:via-blue-100 {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .dark\:via-blue-200 {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .dark\:via-blue-300 {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .dark\:via-blue-400 {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .dark\:via-blue-500 {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .dark\:via-blue-600 {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .dark\:via-blue-700 {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .dark\:via-blue-800 {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .dark\:via-blue-900 {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .dark\:via-indigo-50 {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .dark\:via-indigo-100 {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .dark\:via-indigo-200 {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .dark\:via-indigo-300 {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .dark\:via-indigo-400 {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .dark\:via-indigo-500 {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .dark\:via-indigo-600 {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .dark\:via-indigo-700 {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .dark\:via-indigo-800 {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .dark\:via-indigo-900 {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .dark\:via-purple-50 {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .dark\:via-purple-100 {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .dark\:via-purple-200 {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .dark\:via-purple-300 {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .dark\:via-purple-400 {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .dark\:via-purple-500 {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .dark\:via-purple-600 {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .dark\:via-purple-700 {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .dark\:via-purple-800 {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .dark\:via-purple-900 {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .dark\:via-pink-50 {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .dark\:via-pink-100 {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .dark\:via-pink-200 {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .dark\:via-pink-300 {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .dark\:via-pink-400 {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .dark\:via-pink-500 {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .dark\:via-pink-600 {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .dark\:via-pink-700 {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .dark\:via-pink-800 {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .dark\:via-pink-900 {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .dark\:to-transparent {
+    --gradient-to-color: transparent;
+  }
+
+  .dark\:to-current {
+    --gradient-to-color: currentColor;
+  }
+
+  .dark\:to-black {
+    --gradient-to-color: #000000;
+  }
+
+  .dark\:to-white {
+    --gradient-to-color: #ffffff;
+  }
+
+  .dark\:to-gray-50 {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .dark\:to-gray-100 {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .dark\:to-gray-200 {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .dark\:to-gray-300 {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .dark\:to-gray-400 {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .dark\:to-gray-500 {
+    --gradient-to-color: #6b7280;
+  }
+
+  .dark\:to-gray-600 {
+    --gradient-to-color: #4b5563;
+  }
+
+  .dark\:to-gray-700 {
+    --gradient-to-color: #374151;
+  }
+
+  .dark\:to-gray-800 {
+    --gradient-to-color: #252f3f;
+  }
+
+  .dark\:to-gray-900 {
+    --gradient-to-color: #161e2e;
+  }
+
+  .dark\:to-red-50 {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .dark\:to-red-100 {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .dark\:to-red-200 {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .dark\:to-red-300 {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .dark\:to-red-400 {
+    --gradient-to-color: #f98080;
+  }
+
+  .dark\:to-red-500 {
+    --gradient-to-color: #f05252;
+  }
+
+  .dark\:to-red-600 {
+    --gradient-to-color: #e02424;
+  }
+
+  .dark\:to-red-700 {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .dark\:to-red-800 {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .dark\:to-red-900 {
+    --gradient-to-color: #771d1d;
+  }
+
+  .dark\:to-orange-50 {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .dark\:to-orange-100 {
+    --gradient-to-color: #feecdc;
+  }
+
+  .dark\:to-orange-200 {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .dark\:to-orange-300 {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .dark\:to-orange-400 {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .dark\:to-orange-500 {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .dark\:to-orange-600 {
+    --gradient-to-color: #d03801;
+  }
+
+  .dark\:to-orange-700 {
+    --gradient-to-color: #b43403;
+  }
+
+  .dark\:to-orange-800 {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .dark\:to-orange-900 {
+    --gradient-to-color: #73230d;
+  }
+
+  .dark\:to-yellow-50 {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .dark\:to-yellow-100 {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .dark\:to-yellow-200 {
+    --gradient-to-color: #fce96a;
+  }
+
+  .dark\:to-yellow-300 {
+    --gradient-to-color: #faca15;
+  }
+
+  .dark\:to-yellow-400 {
+    --gradient-to-color: #e3a008;
+  }
+
+  .dark\:to-yellow-500 {
+    --gradient-to-color: #c27803;
+  }
+
+  .dark\:to-yellow-600 {
+    --gradient-to-color: #9f580a;
+  }
+
+  .dark\:to-yellow-700 {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .dark\:to-yellow-800 {
+    --gradient-to-color: #723b13;
+  }
+
+  .dark\:to-yellow-900 {
+    --gradient-to-color: #633112;
+  }
+
+  .dark\:to-green-50 {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .dark\:to-green-100 {
+    --gradient-to-color: #def7ec;
+  }
+
+  .dark\:to-green-200 {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .dark\:to-green-300 {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .dark\:to-green-400 {
+    --gradient-to-color: #31c48d;
+  }
+
+  .dark\:to-green-500 {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .dark\:to-green-600 {
+    --gradient-to-color: #057a55;
+  }
+
+  .dark\:to-green-700 {
+    --gradient-to-color: #046c4e;
+  }
+
+  .dark\:to-green-800 {
+    --gradient-to-color: #03543f;
+  }
+
+  .dark\:to-green-900 {
+    --gradient-to-color: #014737;
+  }
+
+  .dark\:to-teal-50 {
+    --gradient-to-color: #edfafa;
+  }
+
+  .dark\:to-teal-100 {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .dark\:to-teal-200 {
+    --gradient-to-color: #afecef;
+  }
+
+  .dark\:to-teal-300 {
+    --gradient-to-color: #7edce2;
+  }
+
+  .dark\:to-teal-400 {
+    --gradient-to-color: #16bdca;
+  }
+
+  .dark\:to-teal-500 {
+    --gradient-to-color: #0694a2;
+  }
+
+  .dark\:to-teal-600 {
+    --gradient-to-color: #047481;
+  }
+
+  .dark\:to-teal-700 {
+    --gradient-to-color: #036672;
+  }
+
+  .dark\:to-teal-800 {
+    --gradient-to-color: #05505c;
+  }
+
+  .dark\:to-teal-900 {
+    --gradient-to-color: #014451;
+  }
+
+  .dark\:to-blue-50 {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .dark\:to-blue-100 {
+    --gradient-to-color: #e1effe;
+  }
+
+  .dark\:to-blue-200 {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .dark\:to-blue-300 {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .dark\:to-blue-400 {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .dark\:to-blue-500 {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .dark\:to-blue-600 {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .dark\:to-blue-700 {
+    --gradient-to-color: #1a56db;
+  }
+
+  .dark\:to-blue-800 {
+    --gradient-to-color: #1e429f;
+  }
+
+  .dark\:to-blue-900 {
+    --gradient-to-color: #233876;
+  }
+
+  .dark\:to-indigo-50 {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .dark\:to-indigo-100 {
+    --gradient-to-color: #e5edff;
+  }
+
+  .dark\:to-indigo-200 {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .dark\:to-indigo-300 {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .dark\:to-indigo-400 {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .dark\:to-indigo-500 {
+    --gradient-to-color: #6875f5;
+  }
+
+  .dark\:to-indigo-600 {
+    --gradient-to-color: #5850ec;
+  }
+
+  .dark\:to-indigo-700 {
+    --gradient-to-color: #5145cd;
+  }
+
+  .dark\:to-indigo-800 {
+    --gradient-to-color: #42389d;
+  }
+
+  .dark\:to-indigo-900 {
+    --gradient-to-color: #362f78;
+  }
+
+  .dark\:to-purple-50 {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .dark\:to-purple-100 {
+    --gradient-to-color: #edebfe;
+  }
+
+  .dark\:to-purple-200 {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .dark\:to-purple-300 {
+    --gradient-to-color: #cabffd;
+  }
+
+  .dark\:to-purple-400 {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .dark\:to-purple-500 {
+    --gradient-to-color: #9061f9;
+  }
+
+  .dark\:to-purple-600 {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .dark\:to-purple-700 {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .dark\:to-purple-800 {
+    --gradient-to-color: #5521b5;
+  }
+
+  .dark\:to-purple-900 {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .dark\:to-pink-50 {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .dark\:to-pink-100 {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .dark\:to-pink-200 {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .dark\:to-pink-300 {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .dark\:to-pink-400 {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .dark\:to-pink-500 {
+    --gradient-to-color: #e74694;
+  }
+
+  .dark\:to-pink-600 {
+    --gradient-to-color: #d61f69;
+  }
+
+  .dark\:to-pink-700 {
+    --gradient-to-color: #bf125d;
+  }
+
+  .dark\:to-pink-800 {
+    --gradient-to-color: #99154b;
+  }
+
+  .dark\:to-pink-900 {
+    --gradient-to-color: #751a3d;
+  }
+
+  .dark\:hover\:from-transparent:hover {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .dark\:hover\:from-current:hover {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .dark\:hover\:from-black:hover {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .dark\:hover\:from-white:hover {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .dark\:hover\:from-gray-50:hover {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .dark\:hover\:from-gray-100:hover {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .dark\:hover\:from-gray-200:hover {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .dark\:hover\:from-gray-300:hover {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .dark\:hover\:from-gray-400:hover {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .dark\:hover\:from-gray-500:hover {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .dark\:hover\:from-gray-600:hover {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .dark\:hover\:from-gray-700:hover {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .dark\:hover\:from-gray-800:hover {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .dark\:hover\:from-gray-900:hover {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .dark\:hover\:from-red-50:hover {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .dark\:hover\:from-red-100:hover {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .dark\:hover\:from-red-200:hover {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .dark\:hover\:from-red-300:hover {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .dark\:hover\:from-red-400:hover {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .dark\:hover\:from-red-500:hover {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .dark\:hover\:from-red-600:hover {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .dark\:hover\:from-red-700:hover {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .dark\:hover\:from-red-800:hover {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .dark\:hover\:from-red-900:hover {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .dark\:hover\:from-orange-50:hover {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .dark\:hover\:from-orange-100:hover {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .dark\:hover\:from-orange-200:hover {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .dark\:hover\:from-orange-300:hover {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .dark\:hover\:from-orange-400:hover {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .dark\:hover\:from-orange-500:hover {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .dark\:hover\:from-orange-600:hover {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .dark\:hover\:from-orange-700:hover {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .dark\:hover\:from-orange-800:hover {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .dark\:hover\:from-orange-900:hover {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .dark\:hover\:from-yellow-50:hover {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .dark\:hover\:from-yellow-100:hover {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .dark\:hover\:from-yellow-200:hover {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .dark\:hover\:from-yellow-300:hover {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .dark\:hover\:from-yellow-400:hover {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .dark\:hover\:from-yellow-500:hover {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .dark\:hover\:from-yellow-600:hover {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .dark\:hover\:from-yellow-700:hover {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .dark\:hover\:from-yellow-800:hover {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .dark\:hover\:from-yellow-900:hover {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .dark\:hover\:from-green-50:hover {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .dark\:hover\:from-green-100:hover {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .dark\:hover\:from-green-200:hover {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .dark\:hover\:from-green-300:hover {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .dark\:hover\:from-green-400:hover {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .dark\:hover\:from-green-500:hover {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .dark\:hover\:from-green-600:hover {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .dark\:hover\:from-green-700:hover {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .dark\:hover\:from-green-800:hover {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .dark\:hover\:from-green-900:hover {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .dark\:hover\:from-teal-50:hover {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .dark\:hover\:from-teal-100:hover {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .dark\:hover\:from-teal-200:hover {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .dark\:hover\:from-teal-300:hover {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .dark\:hover\:from-teal-400:hover {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .dark\:hover\:from-teal-500:hover {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .dark\:hover\:from-teal-600:hover {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .dark\:hover\:from-teal-700:hover {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .dark\:hover\:from-teal-800:hover {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .dark\:hover\:from-teal-900:hover {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .dark\:hover\:from-blue-50:hover {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .dark\:hover\:from-blue-100:hover {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .dark\:hover\:from-blue-200:hover {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .dark\:hover\:from-blue-300:hover {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .dark\:hover\:from-blue-400:hover {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .dark\:hover\:from-blue-500:hover {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .dark\:hover\:from-blue-600:hover {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .dark\:hover\:from-blue-700:hover {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .dark\:hover\:from-blue-800:hover {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .dark\:hover\:from-blue-900:hover {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .dark\:hover\:from-indigo-50:hover {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .dark\:hover\:from-indigo-100:hover {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .dark\:hover\:from-indigo-200:hover {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .dark\:hover\:from-indigo-300:hover {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .dark\:hover\:from-indigo-400:hover {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .dark\:hover\:from-indigo-500:hover {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .dark\:hover\:from-indigo-600:hover {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .dark\:hover\:from-indigo-700:hover {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .dark\:hover\:from-indigo-800:hover {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .dark\:hover\:from-indigo-900:hover {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .dark\:hover\:from-purple-50:hover {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .dark\:hover\:from-purple-100:hover {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .dark\:hover\:from-purple-200:hover {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .dark\:hover\:from-purple-300:hover {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .dark\:hover\:from-purple-400:hover {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .dark\:hover\:from-purple-500:hover {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .dark\:hover\:from-purple-600:hover {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .dark\:hover\:from-purple-700:hover {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .dark\:hover\:from-purple-800:hover {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .dark\:hover\:from-purple-900:hover {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .dark\:hover\:from-pink-50:hover {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .dark\:hover\:from-pink-100:hover {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .dark\:hover\:from-pink-200:hover {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .dark\:hover\:from-pink-300:hover {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .dark\:hover\:from-pink-400:hover {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .dark\:hover\:from-pink-500:hover {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .dark\:hover\:from-pink-600:hover {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .dark\:hover\:from-pink-700:hover {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .dark\:hover\:from-pink-800:hover {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .dark\:hover\:from-pink-900:hover {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .dark\: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));
+  }
+
+  .dark\: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));
+  }
+
+  .dark\:hover\:via-black:hover {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .dark\:hover\:via-white:hover {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .dark\:hover\:via-gray-50:hover {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .dark\:hover\:via-gray-100:hover {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .dark\:hover\:via-gray-200:hover {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .dark\:hover\:via-gray-300:hover {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .dark\:hover\:via-gray-400:hover {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .dark\:hover\:via-gray-500:hover {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .dark\:hover\:via-gray-600:hover {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .dark\:hover\:via-gray-700:hover {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .dark\:hover\:via-gray-800:hover {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .dark\:hover\:via-gray-900:hover {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .dark\:hover\:via-red-50:hover {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .dark\:hover\:via-red-100:hover {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .dark\:hover\:via-red-200:hover {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .dark\:hover\:via-red-300:hover {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .dark\:hover\:via-red-400:hover {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .dark\:hover\:via-red-500:hover {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .dark\:hover\:via-red-600:hover {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .dark\:hover\:via-red-700:hover {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .dark\:hover\:via-red-800:hover {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .dark\:hover\:via-red-900:hover {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .dark\:hover\:via-orange-50:hover {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .dark\:hover\:via-orange-100:hover {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .dark\:hover\:via-orange-200:hover {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .dark\:hover\:via-orange-300:hover {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .dark\:hover\:via-orange-400:hover {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .dark\:hover\:via-orange-500:hover {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .dark\:hover\:via-orange-600:hover {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .dark\:hover\:via-orange-700:hover {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .dark\:hover\:via-orange-800:hover {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .dark\:hover\:via-orange-900:hover {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .dark\:hover\:via-yellow-50:hover {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .dark\:hover\:via-yellow-100:hover {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .dark\:hover\:via-yellow-200:hover {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .dark\:hover\:via-yellow-300:hover {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .dark\:hover\:via-yellow-400:hover {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .dark\:hover\:via-yellow-500:hover {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .dark\:hover\:via-yellow-600:hover {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .dark\:hover\:via-yellow-700:hover {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .dark\:hover\:via-yellow-800:hover {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .dark\:hover\:via-yellow-900:hover {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .dark\:hover\:via-green-50:hover {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .dark\:hover\:via-green-100:hover {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .dark\:hover\:via-green-200:hover {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .dark\:hover\:via-green-300:hover {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .dark\:hover\:via-green-400:hover {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .dark\:hover\:via-green-500:hover {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .dark\:hover\:via-green-600:hover {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .dark\:hover\:via-green-700:hover {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .dark\:hover\:via-green-800:hover {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .dark\:hover\:via-green-900:hover {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .dark\:hover\:via-teal-50:hover {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .dark\:hover\:via-teal-100:hover {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .dark\:hover\:via-teal-200:hover {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .dark\:hover\:via-teal-300:hover {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .dark\:hover\:via-teal-400:hover {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .dark\:hover\:via-teal-500:hover {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .dark\:hover\:via-teal-600:hover {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .dark\:hover\:via-teal-700:hover {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .dark\:hover\:via-teal-800:hover {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .dark\:hover\:via-teal-900:hover {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .dark\:hover\:via-blue-50:hover {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .dark\:hover\:via-blue-100:hover {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .dark\:hover\:via-blue-200:hover {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .dark\:hover\:via-blue-300:hover {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .dark\:hover\:via-blue-400:hover {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .dark\:hover\:via-blue-500:hover {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .dark\:hover\:via-blue-600:hover {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .dark\:hover\:via-blue-700:hover {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .dark\:hover\:via-blue-800:hover {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .dark\:hover\:via-blue-900:hover {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .dark\:hover\:via-indigo-50:hover {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .dark\:hover\:via-indigo-100:hover {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .dark\:hover\:via-indigo-200:hover {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .dark\:hover\:via-indigo-300:hover {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .dark\:hover\:via-indigo-400:hover {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .dark\:hover\:via-indigo-500:hover {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .dark\:hover\:via-indigo-600:hover {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .dark\:hover\:via-indigo-700:hover {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .dark\:hover\:via-indigo-800:hover {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .dark\:hover\:via-indigo-900:hover {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .dark\:hover\:via-purple-50:hover {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .dark\:hover\:via-purple-100:hover {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .dark\:hover\:via-purple-200:hover {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .dark\:hover\:via-purple-300:hover {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .dark\:hover\:via-purple-400:hover {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .dark\:hover\:via-purple-500:hover {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .dark\:hover\:via-purple-600:hover {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .dark\:hover\:via-purple-700:hover {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .dark\:hover\:via-purple-800:hover {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .dark\:hover\:via-purple-900:hover {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .dark\:hover\:via-pink-50:hover {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .dark\:hover\:via-pink-100:hover {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .dark\:hover\:via-pink-200:hover {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .dark\:hover\:via-pink-300:hover {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .dark\:hover\:via-pink-400:hover {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .dark\:hover\:via-pink-500:hover {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .dark\:hover\:via-pink-600:hover {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .dark\:hover\:via-pink-700:hover {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .dark\:hover\:via-pink-800:hover {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .dark\:hover\:via-pink-900:hover {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .dark\:hover\:to-transparent:hover {
+    --gradient-to-color: transparent;
+  }
+
+  .dark\:hover\:to-current:hover {
+    --gradient-to-color: currentColor;
+  }
+
+  .dark\:hover\:to-black:hover {
+    --gradient-to-color: #000000;
+  }
+
+  .dark\:hover\:to-white:hover {
+    --gradient-to-color: #ffffff;
+  }
+
+  .dark\:hover\:to-gray-50:hover {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .dark\:hover\:to-gray-100:hover {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .dark\:hover\:to-gray-200:hover {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .dark\:hover\:to-gray-300:hover {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .dark\:hover\:to-gray-400:hover {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .dark\:hover\:to-gray-500:hover {
+    --gradient-to-color: #6b7280;
+  }
+
+  .dark\:hover\:to-gray-600:hover {
+    --gradient-to-color: #4b5563;
+  }
+
+  .dark\:hover\:to-gray-700:hover {
+    --gradient-to-color: #374151;
+  }
+
+  .dark\:hover\:to-gray-800:hover {
+    --gradient-to-color: #252f3f;
+  }
+
+  .dark\:hover\:to-gray-900:hover {
+    --gradient-to-color: #161e2e;
+  }
+
+  .dark\:hover\:to-red-50:hover {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .dark\:hover\:to-red-100:hover {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .dark\:hover\:to-red-200:hover {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .dark\:hover\:to-red-300:hover {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .dark\:hover\:to-red-400:hover {
+    --gradient-to-color: #f98080;
+  }
+
+  .dark\:hover\:to-red-500:hover {
+    --gradient-to-color: #f05252;
+  }
+
+  .dark\:hover\:to-red-600:hover {
+    --gradient-to-color: #e02424;
+  }
+
+  .dark\:hover\:to-red-700:hover {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .dark\:hover\:to-red-800:hover {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .dark\:hover\:to-red-900:hover {
+    --gradient-to-color: #771d1d;
+  }
+
+  .dark\:hover\:to-orange-50:hover {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .dark\:hover\:to-orange-100:hover {
+    --gradient-to-color: #feecdc;
+  }
+
+  .dark\:hover\:to-orange-200:hover {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .dark\:hover\:to-orange-300:hover {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .dark\:hover\:to-orange-400:hover {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .dark\:hover\:to-orange-500:hover {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .dark\:hover\:to-orange-600:hover {
+    --gradient-to-color: #d03801;
+  }
+
+  .dark\:hover\:to-orange-700:hover {
+    --gradient-to-color: #b43403;
+  }
+
+  .dark\:hover\:to-orange-800:hover {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .dark\:hover\:to-orange-900:hover {
+    --gradient-to-color: #73230d;
+  }
+
+  .dark\:hover\:to-yellow-50:hover {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .dark\:hover\:to-yellow-100:hover {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .dark\:hover\:to-yellow-200:hover {
+    --gradient-to-color: #fce96a;
+  }
+
+  .dark\:hover\:to-yellow-300:hover {
+    --gradient-to-color: #faca15;
+  }
+
+  .dark\:hover\:to-yellow-400:hover {
+    --gradient-to-color: #e3a008;
+  }
+
+  .dark\:hover\:to-yellow-500:hover {
+    --gradient-to-color: #c27803;
+  }
+
+  .dark\:hover\:to-yellow-600:hover {
+    --gradient-to-color: #9f580a;
+  }
+
+  .dark\:hover\:to-yellow-700:hover {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .dark\:hover\:to-yellow-800:hover {
+    --gradient-to-color: #723b13;
+  }
+
+  .dark\:hover\:to-yellow-900:hover {
+    --gradient-to-color: #633112;
+  }
+
+  .dark\:hover\:to-green-50:hover {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .dark\:hover\:to-green-100:hover {
+    --gradient-to-color: #def7ec;
+  }
+
+  .dark\:hover\:to-green-200:hover {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .dark\:hover\:to-green-300:hover {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .dark\:hover\:to-green-400:hover {
+    --gradient-to-color: #31c48d;
+  }
+
+  .dark\:hover\:to-green-500:hover {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .dark\:hover\:to-green-600:hover {
+    --gradient-to-color: #057a55;
+  }
+
+  .dark\:hover\:to-green-700:hover {
+    --gradient-to-color: #046c4e;
+  }
+
+  .dark\:hover\:to-green-800:hover {
+    --gradient-to-color: #03543f;
+  }
+
+  .dark\:hover\:to-green-900:hover {
+    --gradient-to-color: #014737;
+  }
+
+  .dark\:hover\:to-teal-50:hover {
+    --gradient-to-color: #edfafa;
+  }
+
+  .dark\:hover\:to-teal-100:hover {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .dark\:hover\:to-teal-200:hover {
+    --gradient-to-color: #afecef;
+  }
+
+  .dark\:hover\:to-teal-300:hover {
+    --gradient-to-color: #7edce2;
+  }
+
+  .dark\:hover\:to-teal-400:hover {
+    --gradient-to-color: #16bdca;
+  }
+
+  .dark\:hover\:to-teal-500:hover {
+    --gradient-to-color: #0694a2;
+  }
+
+  .dark\:hover\:to-teal-600:hover {
+    --gradient-to-color: #047481;
+  }
+
+  .dark\:hover\:to-teal-700:hover {
+    --gradient-to-color: #036672;
+  }
+
+  .dark\:hover\:to-teal-800:hover {
+    --gradient-to-color: #05505c;
+  }
+
+  .dark\:hover\:to-teal-900:hover {
+    --gradient-to-color: #014451;
+  }
+
+  .dark\:hover\:to-blue-50:hover {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .dark\:hover\:to-blue-100:hover {
+    --gradient-to-color: #e1effe;
+  }
+
+  .dark\:hover\:to-blue-200:hover {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .dark\:hover\:to-blue-300:hover {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .dark\:hover\:to-blue-400:hover {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .dark\:hover\:to-blue-500:hover {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .dark\:hover\:to-blue-600:hover {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .dark\:hover\:to-blue-700:hover {
+    --gradient-to-color: #1a56db;
+  }
+
+  .dark\:hover\:to-blue-800:hover {
+    --gradient-to-color: #1e429f;
+  }
+
+  .dark\:hover\:to-blue-900:hover {
+    --gradient-to-color: #233876;
+  }
+
+  .dark\:hover\:to-indigo-50:hover {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .dark\:hover\:to-indigo-100:hover {
+    --gradient-to-color: #e5edff;
+  }
+
+  .dark\:hover\:to-indigo-200:hover {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .dark\:hover\:to-indigo-300:hover {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .dark\:hover\:to-indigo-400:hover {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .dark\:hover\:to-indigo-500:hover {
+    --gradient-to-color: #6875f5;
+  }
+
+  .dark\:hover\:to-indigo-600:hover {
+    --gradient-to-color: #5850ec;
+  }
+
+  .dark\:hover\:to-indigo-700:hover {
+    --gradient-to-color: #5145cd;
+  }
+
+  .dark\:hover\:to-indigo-800:hover {
+    --gradient-to-color: #42389d;
+  }
+
+  .dark\:hover\:to-indigo-900:hover {
+    --gradient-to-color: #362f78;
+  }
+
+  .dark\:hover\:to-purple-50:hover {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .dark\:hover\:to-purple-100:hover {
+    --gradient-to-color: #edebfe;
+  }
+
+  .dark\:hover\:to-purple-200:hover {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .dark\:hover\:to-purple-300:hover {
+    --gradient-to-color: #cabffd;
+  }
+
+  .dark\:hover\:to-purple-400:hover {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .dark\:hover\:to-purple-500:hover {
+    --gradient-to-color: #9061f9;
+  }
+
+  .dark\:hover\:to-purple-600:hover {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .dark\:hover\:to-purple-700:hover {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .dark\:hover\:to-purple-800:hover {
+    --gradient-to-color: #5521b5;
+  }
+
+  .dark\:hover\:to-purple-900:hover {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .dark\:hover\:to-pink-50:hover {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .dark\:hover\:to-pink-100:hover {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .dark\:hover\:to-pink-200:hover {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .dark\:hover\:to-pink-300:hover {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .dark\:hover\:to-pink-400:hover {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .dark\:hover\:to-pink-500:hover {
+    --gradient-to-color: #e74694;
+  }
+
+  .dark\:hover\:to-pink-600:hover {
+    --gradient-to-color: #d61f69;
+  }
+
+  .dark\:hover\:to-pink-700:hover {
+    --gradient-to-color: #bf125d;
+  }
+
+  .dark\:hover\:to-pink-800:hover {
+    --gradient-to-color: #99154b;
+  }
+
+  .dark\:hover\:to-pink-900:hover {
+    --gradient-to-color: #751a3d;
+  }
+
+  .dark\:focus\:from-transparent:focus {
+    --gradient-from-color: transparent;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .dark\:focus\:from-current:focus {
+    --gradient-from-color: currentColor;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .dark\:focus\:from-black:focus {
+    --gradient-from-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .dark\:focus\:from-white:focus {
+    --gradient-from-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .dark\:focus\:from-gray-50:focus {
+    --gradient-from-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .dark\:focus\:from-gray-100:focus {
+    --gradient-from-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .dark\:focus\:from-gray-200:focus {
+    --gradient-from-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .dark\:focus\:from-gray-300:focus {
+    --gradient-from-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .dark\:focus\:from-gray-400:focus {
+    --gradient-from-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .dark\:focus\:from-gray-500:focus {
+    --gradient-from-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .dark\:focus\:from-gray-600:focus {
+    --gradient-from-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .dark\:focus\:from-gray-700:focus {
+    --gradient-from-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .dark\:focus\:from-gray-800:focus {
+    --gradient-from-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .dark\:focus\:from-gray-900:focus {
+    --gradient-from-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .dark\:focus\:from-red-50:focus {
+    --gradient-from-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .dark\:focus\:from-red-100:focus {
+    --gradient-from-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .dark\:focus\:from-red-200:focus {
+    --gradient-from-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .dark\:focus\:from-red-300:focus {
+    --gradient-from-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .dark\:focus\:from-red-400:focus {
+    --gradient-from-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .dark\:focus\:from-red-500:focus {
+    --gradient-from-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .dark\:focus\:from-red-600:focus {
+    --gradient-from-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .dark\:focus\:from-red-700:focus {
+    --gradient-from-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .dark\:focus\:from-red-800:focus {
+    --gradient-from-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .dark\:focus\:from-red-900:focus {
+    --gradient-from-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .dark\:focus\:from-orange-50:focus {
+    --gradient-from-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .dark\:focus\:from-orange-100:focus {
+    --gradient-from-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .dark\:focus\:from-orange-200:focus {
+    --gradient-from-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .dark\:focus\:from-orange-300:focus {
+    --gradient-from-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .dark\:focus\:from-orange-400:focus {
+    --gradient-from-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .dark\:focus\:from-orange-500:focus {
+    --gradient-from-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .dark\:focus\:from-orange-600:focus {
+    --gradient-from-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .dark\:focus\:from-orange-700:focus {
+    --gradient-from-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .dark\:focus\:from-orange-800:focus {
+    --gradient-from-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .dark\:focus\:from-orange-900:focus {
+    --gradient-from-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .dark\:focus\:from-yellow-50:focus {
+    --gradient-from-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .dark\:focus\:from-yellow-100:focus {
+    --gradient-from-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .dark\:focus\:from-yellow-200:focus {
+    --gradient-from-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .dark\:focus\:from-yellow-300:focus {
+    --gradient-from-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .dark\:focus\:from-yellow-400:focus {
+    --gradient-from-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .dark\:focus\:from-yellow-500:focus {
+    --gradient-from-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .dark\:focus\:from-yellow-600:focus {
+    --gradient-from-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .dark\:focus\:from-yellow-700:focus {
+    --gradient-from-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .dark\:focus\:from-yellow-800:focus {
+    --gradient-from-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .dark\:focus\:from-yellow-900:focus {
+    --gradient-from-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .dark\:focus\:from-green-50:focus {
+    --gradient-from-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .dark\:focus\:from-green-100:focus {
+    --gradient-from-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .dark\:focus\:from-green-200:focus {
+    --gradient-from-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .dark\:focus\:from-green-300:focus {
+    --gradient-from-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .dark\:focus\:from-green-400:focus {
+    --gradient-from-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .dark\:focus\:from-green-500:focus {
+    --gradient-from-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .dark\:focus\:from-green-600:focus {
+    --gradient-from-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .dark\:focus\:from-green-700:focus {
+    --gradient-from-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .dark\:focus\:from-green-800:focus {
+    --gradient-from-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .dark\:focus\:from-green-900:focus {
+    --gradient-from-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .dark\:focus\:from-teal-50:focus {
+    --gradient-from-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .dark\:focus\:from-teal-100:focus {
+    --gradient-from-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .dark\:focus\:from-teal-200:focus {
+    --gradient-from-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .dark\:focus\:from-teal-300:focus {
+    --gradient-from-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .dark\:focus\:from-teal-400:focus {
+    --gradient-from-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .dark\:focus\:from-teal-500:focus {
+    --gradient-from-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .dark\:focus\:from-teal-600:focus {
+    --gradient-from-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .dark\:focus\:from-teal-700:focus {
+    --gradient-from-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .dark\:focus\:from-teal-800:focus {
+    --gradient-from-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .dark\:focus\:from-teal-900:focus {
+    --gradient-from-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .dark\:focus\:from-blue-50:focus {
+    --gradient-from-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .dark\:focus\:from-blue-100:focus {
+    --gradient-from-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .dark\:focus\:from-blue-200:focus {
+    --gradient-from-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .dark\:focus\:from-blue-300:focus {
+    --gradient-from-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .dark\:focus\:from-blue-400:focus {
+    --gradient-from-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .dark\:focus\:from-blue-500:focus {
+    --gradient-from-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .dark\:focus\:from-blue-600:focus {
+    --gradient-from-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .dark\:focus\:from-blue-700:focus {
+    --gradient-from-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .dark\:focus\:from-blue-800:focus {
+    --gradient-from-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .dark\:focus\:from-blue-900:focus {
+    --gradient-from-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .dark\:focus\:from-indigo-50:focus {
+    --gradient-from-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .dark\:focus\:from-indigo-100:focus {
+    --gradient-from-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .dark\:focus\:from-indigo-200:focus {
+    --gradient-from-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .dark\:focus\:from-indigo-300:focus {
+    --gradient-from-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .dark\:focus\:from-indigo-400:focus {
+    --gradient-from-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .dark\:focus\:from-indigo-500:focus {
+    --gradient-from-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .dark\:focus\:from-indigo-600:focus {
+    --gradient-from-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .dark\:focus\:from-indigo-700:focus {
+    --gradient-from-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .dark\:focus\:from-indigo-800:focus {
+    --gradient-from-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .dark\:focus\:from-indigo-900:focus {
+    --gradient-from-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .dark\:focus\:from-purple-50:focus {
+    --gradient-from-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .dark\:focus\:from-purple-100:focus {
+    --gradient-from-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .dark\:focus\:from-purple-200:focus {
+    --gradient-from-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .dark\:focus\:from-purple-300:focus {
+    --gradient-from-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .dark\:focus\:from-purple-400:focus {
+    --gradient-from-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .dark\:focus\:from-purple-500:focus {
+    --gradient-from-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .dark\:focus\:from-purple-600:focus {
+    --gradient-from-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .dark\:focus\:from-purple-700:focus {
+    --gradient-from-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .dark\:focus\:from-purple-800:focus {
+    --gradient-from-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .dark\:focus\:from-purple-900:focus {
+    --gradient-from-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .dark\:focus\:from-pink-50:focus {
+    --gradient-from-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .dark\:focus\:from-pink-100:focus {
+    --gradient-from-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .dark\:focus\:from-pink-200:focus {
+    --gradient-from-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .dark\:focus\:from-pink-300:focus {
+    --gradient-from-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .dark\:focus\:from-pink-400:focus {
+    --gradient-from-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .dark\:focus\:from-pink-500:focus {
+    --gradient-from-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .dark\:focus\:from-pink-600:focus {
+    --gradient-from-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .dark\:focus\:from-pink-700:focus {
+    --gradient-from-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .dark\:focus\:from-pink-800:focus {
+    --gradient-from-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .dark\:focus\:from-pink-900:focus {
+    --gradient-from-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .dark\: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));
+  }
+
+  .dark\: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));
+  }
+
+  .dark\:focus\:via-black:focus {
+    --gradient-via-color: #000000;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+  }
+
+  .dark\:focus\:via-white:focus {
+    --gradient-via-color: #ffffff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+  }
+
+  .dark\:focus\:via-gray-50:focus {
+    --gradient-via-color: #f9fafb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+  }
+
+  .dark\:focus\:via-gray-100:focus {
+    --gradient-via-color: #f4f5f7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+  }
+
+  .dark\:focus\:via-gray-200:focus {
+    --gradient-via-color: #e5e7eb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+  }
+
+  .dark\:focus\:via-gray-300:focus {
+    --gradient-via-color: #d2d6dc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+  }
+
+  .dark\:focus\:via-gray-400:focus {
+    --gradient-via-color: #9fa6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+  }
+
+  .dark\:focus\:via-gray-500:focus {
+    --gradient-via-color: #6b7280;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+  }
+
+  .dark\:focus\:via-gray-600:focus {
+    --gradient-via-color: #4b5563;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+  }
+
+  .dark\:focus\:via-gray-700:focus {
+    --gradient-via-color: #374151;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+  }
+
+  .dark\:focus\:via-gray-800:focus {
+    --gradient-via-color: #252f3f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+  }
+
+  .dark\:focus\:via-gray-900:focus {
+    --gradient-via-color: #161e2e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+  }
+
+  .dark\:focus\:via-red-50:focus {
+    --gradient-via-color: #fdf2f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+  }
+
+  .dark\:focus\:via-red-100:focus {
+    --gradient-via-color: #fde8e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+  }
+
+  .dark\:focus\:via-red-200:focus {
+    --gradient-via-color: #fbd5d5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+  }
+
+  .dark\:focus\:via-red-300:focus {
+    --gradient-via-color: #f8b4b4;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+  }
+
+  .dark\:focus\:via-red-400:focus {
+    --gradient-via-color: #f98080;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+  }
+
+  .dark\:focus\:via-red-500:focus {
+    --gradient-via-color: #f05252;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+  }
+
+  .dark\:focus\:via-red-600:focus {
+    --gradient-via-color: #e02424;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+  }
+
+  .dark\:focus\:via-red-700:focus {
+    --gradient-via-color: #c81e1e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+  }
+
+  .dark\:focus\:via-red-800:focus {
+    --gradient-via-color: #9b1c1c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+  }
+
+  .dark\:focus\:via-red-900:focus {
+    --gradient-via-color: #771d1d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+  }
+
+  .dark\:focus\:via-orange-50:focus {
+    --gradient-via-color: #fff8f1;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+  }
+
+  .dark\:focus\:via-orange-100:focus {
+    --gradient-via-color: #feecdc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+  }
+
+  .dark\:focus\:via-orange-200:focus {
+    --gradient-via-color: #fcd9bd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+  }
+
+  .dark\:focus\:via-orange-300:focus {
+    --gradient-via-color: #fdba8c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+  }
+
+  .dark\:focus\:via-orange-400:focus {
+    --gradient-via-color: #ff8a4c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+  }
+
+  .dark\:focus\:via-orange-500:focus {
+    --gradient-via-color: #ff5a1f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+  }
+
+  .dark\:focus\:via-orange-600:focus {
+    --gradient-via-color: #d03801;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+  }
+
+  .dark\:focus\:via-orange-700:focus {
+    --gradient-via-color: #b43403;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+  }
+
+  .dark\:focus\:via-orange-800:focus {
+    --gradient-via-color: #8a2c0d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+  }
+
+  .dark\:focus\:via-orange-900:focus {
+    --gradient-via-color: #73230d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+  }
+
+  .dark\:focus\:via-yellow-50:focus {
+    --gradient-via-color: #fdfdea;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+  }
+
+  .dark\:focus\:via-yellow-100:focus {
+    --gradient-via-color: #fdf6b2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+  }
+
+  .dark\:focus\:via-yellow-200:focus {
+    --gradient-via-color: #fce96a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+  }
+
+  .dark\:focus\:via-yellow-300:focus {
+    --gradient-via-color: #faca15;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+  }
+
+  .dark\:focus\:via-yellow-400:focus {
+    --gradient-via-color: #e3a008;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+  }
+
+  .dark\:focus\:via-yellow-500:focus {
+    --gradient-via-color: #c27803;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+  }
+
+  .dark\:focus\:via-yellow-600:focus {
+    --gradient-via-color: #9f580a;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+  }
+
+  .dark\:focus\:via-yellow-700:focus {
+    --gradient-via-color: #8e4b10;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+  }
+
+  .dark\:focus\:via-yellow-800:focus {
+    --gradient-via-color: #723b13;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+  }
+
+  .dark\:focus\:via-yellow-900:focus {
+    --gradient-via-color: #633112;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+  }
+
+  .dark\:focus\:via-green-50:focus {
+    --gradient-via-color: #f3faf7;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+  }
+
+  .dark\:focus\:via-green-100:focus {
+    --gradient-via-color: #def7ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+  }
+
+  .dark\:focus\:via-green-200:focus {
+    --gradient-via-color: #bcf0da;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+  }
+
+  .dark\:focus\:via-green-300:focus {
+    --gradient-via-color: #84e1bc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+  }
+
+  .dark\:focus\:via-green-400:focus {
+    --gradient-via-color: #31c48d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+  }
+
+  .dark\:focus\:via-green-500:focus {
+    --gradient-via-color: #0e9f6e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+  }
+
+  .dark\:focus\:via-green-600:focus {
+    --gradient-via-color: #057a55;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+  }
+
+  .dark\:focus\:via-green-700:focus {
+    --gradient-via-color: #046c4e;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+  }
+
+  .dark\:focus\:via-green-800:focus {
+    --gradient-via-color: #03543f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+  }
+
+  .dark\:focus\:via-green-900:focus {
+    --gradient-via-color: #014737;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+  }
+
+  .dark\:focus\:via-teal-50:focus {
+    --gradient-via-color: #edfafa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+  }
+
+  .dark\:focus\:via-teal-100:focus {
+    --gradient-via-color: #d5f5f6;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+  }
+
+  .dark\:focus\:via-teal-200:focus {
+    --gradient-via-color: #afecef;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+  }
+
+  .dark\:focus\:via-teal-300:focus {
+    --gradient-via-color: #7edce2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+  }
+
+  .dark\:focus\:via-teal-400:focus {
+    --gradient-via-color: #16bdca;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+  }
+
+  .dark\:focus\:via-teal-500:focus {
+    --gradient-via-color: #0694a2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+  }
+
+  .dark\:focus\:via-teal-600:focus {
+    --gradient-via-color: #047481;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+  }
+
+  .dark\:focus\:via-teal-700:focus {
+    --gradient-via-color: #036672;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+  }
+
+  .dark\:focus\:via-teal-800:focus {
+    --gradient-via-color: #05505c;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+  }
+
+  .dark\:focus\:via-teal-900:focus {
+    --gradient-via-color: #014451;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+  }
+
+  .dark\:focus\:via-blue-50:focus {
+    --gradient-via-color: #ebf5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+  }
+
+  .dark\:focus\:via-blue-100:focus {
+    --gradient-via-color: #e1effe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+  }
+
+  .dark\:focus\:via-blue-200:focus {
+    --gradient-via-color: #c3ddfd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+  }
+
+  .dark\:focus\:via-blue-300:focus {
+    --gradient-via-color: #a4cafe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+  }
+
+  .dark\:focus\:via-blue-400:focus {
+    --gradient-via-color: #76a9fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+  }
+
+  .dark\:focus\:via-blue-500:focus {
+    --gradient-via-color: #3f83f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+  }
+
+  .dark\:focus\:via-blue-600:focus {
+    --gradient-via-color: #1c64f2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+  }
+
+  .dark\:focus\:via-blue-700:focus {
+    --gradient-via-color: #1a56db;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+  }
+
+  .dark\:focus\:via-blue-800:focus {
+    --gradient-via-color: #1e429f;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+  }
+
+  .dark\:focus\:via-blue-900:focus {
+    --gradient-via-color: #233876;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+  }
+
+  .dark\:focus\:via-indigo-50:focus {
+    --gradient-via-color: #f0f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+  }
+
+  .dark\:focus\:via-indigo-100:focus {
+    --gradient-via-color: #e5edff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+  }
+
+  .dark\:focus\:via-indigo-200:focus {
+    --gradient-via-color: #cddbfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+  }
+
+  .dark\:focus\:via-indigo-300:focus {
+    --gradient-via-color: #b4c6fc;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+  }
+
+  .dark\:focus\:via-indigo-400:focus {
+    --gradient-via-color: #8da2fb;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+  }
+
+  .dark\:focus\:via-indigo-500:focus {
+    --gradient-via-color: #6875f5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+  }
+
+  .dark\:focus\:via-indigo-600:focus {
+    --gradient-via-color: #5850ec;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+  }
+
+  .dark\:focus\:via-indigo-700:focus {
+    --gradient-via-color: #5145cd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+  }
+
+  .dark\:focus\:via-indigo-800:focus {
+    --gradient-via-color: #42389d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+  }
+
+  .dark\:focus\:via-indigo-900:focus {
+    --gradient-via-color: #362f78;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+  }
+
+  .dark\:focus\:via-purple-50:focus {
+    --gradient-via-color: #f6f5ff;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+  }
+
+  .dark\:focus\:via-purple-100:focus {
+    --gradient-via-color: #edebfe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+  }
+
+  .dark\:focus\:via-purple-200:focus {
+    --gradient-via-color: #dcd7fe;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+  }
+
+  .dark\:focus\:via-purple-300:focus {
+    --gradient-via-color: #cabffd;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+  }
+
+  .dark\:focus\:via-purple-400:focus {
+    --gradient-via-color: #ac94fa;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+  }
+
+  .dark\:focus\:via-purple-500:focus {
+    --gradient-via-color: #9061f9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+  }
+
+  .dark\:focus\:via-purple-600:focus {
+    --gradient-via-color: #7e3af2;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+  }
+
+  .dark\:focus\:via-purple-700:focus {
+    --gradient-via-color: #6c2bd9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+  }
+
+  .dark\:focus\:via-purple-800:focus {
+    --gradient-via-color: #5521b5;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+  }
+
+  .dark\:focus\:via-purple-900:focus {
+    --gradient-via-color: #4a1d96;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+  }
+
+  .dark\:focus\:via-pink-50:focus {
+    --gradient-via-color: #fdf2f8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+  }
+
+  .dark\:focus\:via-pink-100:focus {
+    --gradient-via-color: #fce8f3;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+  }
+
+  .dark\:focus\:via-pink-200:focus {
+    --gradient-via-color: #fad1e8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+  }
+
+  .dark\:focus\:via-pink-300:focus {
+    --gradient-via-color: #f8b4d9;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+  }
+
+  .dark\:focus\:via-pink-400:focus {
+    --gradient-via-color: #f17eb8;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+  }
+
+  .dark\:focus\:via-pink-500:focus {
+    --gradient-via-color: #e74694;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+  }
+
+  .dark\:focus\:via-pink-600:focus {
+    --gradient-via-color: #d61f69;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+  }
+
+  .dark\:focus\:via-pink-700:focus {
+    --gradient-via-color: #bf125d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+  }
+
+  .dark\:focus\:via-pink-800:focus {
+    --gradient-via-color: #99154b;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+  }
+
+  .dark\:focus\:via-pink-900:focus {
+    --gradient-via-color: #751a3d;
+    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+  }
+
+  .dark\:focus\:to-transparent:focus {
+    --gradient-to-color: transparent;
+  }
+
+  .dark\:focus\:to-current:focus {
+    --gradient-to-color: currentColor;
+  }
+
+  .dark\:focus\:to-black:focus {
+    --gradient-to-color: #000000;
+  }
+
+  .dark\:focus\:to-white:focus {
+    --gradient-to-color: #ffffff;
+  }
+
+  .dark\:focus\:to-gray-50:focus {
+    --gradient-to-color: #f9fafb;
+  }
+
+  .dark\:focus\:to-gray-100:focus {
+    --gradient-to-color: #f4f5f7;
+  }
+
+  .dark\:focus\:to-gray-200:focus {
+    --gradient-to-color: #e5e7eb;
+  }
+
+  .dark\:focus\:to-gray-300:focus {
+    --gradient-to-color: #d2d6dc;
+  }
+
+  .dark\:focus\:to-gray-400:focus {
+    --gradient-to-color: #9fa6b2;
+  }
+
+  .dark\:focus\:to-gray-500:focus {
+    --gradient-to-color: #6b7280;
+  }
+
+  .dark\:focus\:to-gray-600:focus {
+    --gradient-to-color: #4b5563;
+  }
+
+  .dark\:focus\:to-gray-700:focus {
+    --gradient-to-color: #374151;
+  }
+
+  .dark\:focus\:to-gray-800:focus {
+    --gradient-to-color: #252f3f;
+  }
+
+  .dark\:focus\:to-gray-900:focus {
+    --gradient-to-color: #161e2e;
+  }
+
+  .dark\:focus\:to-red-50:focus {
+    --gradient-to-color: #fdf2f2;
+  }
+
+  .dark\:focus\:to-red-100:focus {
+    --gradient-to-color: #fde8e8;
+  }
+
+  .dark\:focus\:to-red-200:focus {
+    --gradient-to-color: #fbd5d5;
+  }
+
+  .dark\:focus\:to-red-300:focus {
+    --gradient-to-color: #f8b4b4;
+  }
+
+  .dark\:focus\:to-red-400:focus {
+    --gradient-to-color: #f98080;
+  }
+
+  .dark\:focus\:to-red-500:focus {
+    --gradient-to-color: #f05252;
+  }
+
+  .dark\:focus\:to-red-600:focus {
+    --gradient-to-color: #e02424;
+  }
+
+  .dark\:focus\:to-red-700:focus {
+    --gradient-to-color: #c81e1e;
+  }
+
+  .dark\:focus\:to-red-800:focus {
+    --gradient-to-color: #9b1c1c;
+  }
+
+  .dark\:focus\:to-red-900:focus {
+    --gradient-to-color: #771d1d;
+  }
+
+  .dark\:focus\:to-orange-50:focus {
+    --gradient-to-color: #fff8f1;
+  }
+
+  .dark\:focus\:to-orange-100:focus {
+    --gradient-to-color: #feecdc;
+  }
+
+  .dark\:focus\:to-orange-200:focus {
+    --gradient-to-color: #fcd9bd;
+  }
+
+  .dark\:focus\:to-orange-300:focus {
+    --gradient-to-color: #fdba8c;
+  }
+
+  .dark\:focus\:to-orange-400:focus {
+    --gradient-to-color: #ff8a4c;
+  }
+
+  .dark\:focus\:to-orange-500:focus {
+    --gradient-to-color: #ff5a1f;
+  }
+
+  .dark\:focus\:to-orange-600:focus {
+    --gradient-to-color: #d03801;
+  }
+
+  .dark\:focus\:to-orange-700:focus {
+    --gradient-to-color: #b43403;
+  }
+
+  .dark\:focus\:to-orange-800:focus {
+    --gradient-to-color: #8a2c0d;
+  }
+
+  .dark\:focus\:to-orange-900:focus {
+    --gradient-to-color: #73230d;
+  }
+
+  .dark\:focus\:to-yellow-50:focus {
+    --gradient-to-color: #fdfdea;
+  }
+
+  .dark\:focus\:to-yellow-100:focus {
+    --gradient-to-color: #fdf6b2;
+  }
+
+  .dark\:focus\:to-yellow-200:focus {
+    --gradient-to-color: #fce96a;
+  }
+
+  .dark\:focus\:to-yellow-300:focus {
+    --gradient-to-color: #faca15;
+  }
+
+  .dark\:focus\:to-yellow-400:focus {
+    --gradient-to-color: #e3a008;
+  }
+
+  .dark\:focus\:to-yellow-500:focus {
+    --gradient-to-color: #c27803;
+  }
+
+  .dark\:focus\:to-yellow-600:focus {
+    --gradient-to-color: #9f580a;
+  }
+
+  .dark\:focus\:to-yellow-700:focus {
+    --gradient-to-color: #8e4b10;
+  }
+
+  .dark\:focus\:to-yellow-800:focus {
+    --gradient-to-color: #723b13;
+  }
+
+  .dark\:focus\:to-yellow-900:focus {
+    --gradient-to-color: #633112;
+  }
+
+  .dark\:focus\:to-green-50:focus {
+    --gradient-to-color: #f3faf7;
+  }
+
+  .dark\:focus\:to-green-100:focus {
+    --gradient-to-color: #def7ec;
+  }
+
+  .dark\:focus\:to-green-200:focus {
+    --gradient-to-color: #bcf0da;
+  }
+
+  .dark\:focus\:to-green-300:focus {
+    --gradient-to-color: #84e1bc;
+  }
+
+  .dark\:focus\:to-green-400:focus {
+    --gradient-to-color: #31c48d;
+  }
+
+  .dark\:focus\:to-green-500:focus {
+    --gradient-to-color: #0e9f6e;
+  }
+
+  .dark\:focus\:to-green-600:focus {
+    --gradient-to-color: #057a55;
+  }
+
+  .dark\:focus\:to-green-700:focus {
+    --gradient-to-color: #046c4e;
+  }
+
+  .dark\:focus\:to-green-800:focus {
+    --gradient-to-color: #03543f;
+  }
+
+  .dark\:focus\:to-green-900:focus {
+    --gradient-to-color: #014737;
+  }
+
+  .dark\:focus\:to-teal-50:focus {
+    --gradient-to-color: #edfafa;
+  }
+
+  .dark\:focus\:to-teal-100:focus {
+    --gradient-to-color: #d5f5f6;
+  }
+
+  .dark\:focus\:to-teal-200:focus {
+    --gradient-to-color: #afecef;
+  }
+
+  .dark\:focus\:to-teal-300:focus {
+    --gradient-to-color: #7edce2;
+  }
+
+  .dark\:focus\:to-teal-400:focus {
+    --gradient-to-color: #16bdca;
+  }
+
+  .dark\:focus\:to-teal-500:focus {
+    --gradient-to-color: #0694a2;
+  }
+
+  .dark\:focus\:to-teal-600:focus {
+    --gradient-to-color: #047481;
+  }
+
+  .dark\:focus\:to-teal-700:focus {
+    --gradient-to-color: #036672;
+  }
+
+  .dark\:focus\:to-teal-800:focus {
+    --gradient-to-color: #05505c;
+  }
+
+  .dark\:focus\:to-teal-900:focus {
+    --gradient-to-color: #014451;
+  }
+
+  .dark\:focus\:to-blue-50:focus {
+    --gradient-to-color: #ebf5ff;
+  }
+
+  .dark\:focus\:to-blue-100:focus {
+    --gradient-to-color: #e1effe;
+  }
+
+  .dark\:focus\:to-blue-200:focus {
+    --gradient-to-color: #c3ddfd;
+  }
+
+  .dark\:focus\:to-blue-300:focus {
+    --gradient-to-color: #a4cafe;
+  }
+
+  .dark\:focus\:to-blue-400:focus {
+    --gradient-to-color: #76a9fa;
+  }
+
+  .dark\:focus\:to-blue-500:focus {
+    --gradient-to-color: #3f83f8;
+  }
+
+  .dark\:focus\:to-blue-600:focus {
+    --gradient-to-color: #1c64f2;
+  }
+
+  .dark\:focus\:to-blue-700:focus {
+    --gradient-to-color: #1a56db;
+  }
+
+  .dark\:focus\:to-blue-800:focus {
+    --gradient-to-color: #1e429f;
+  }
+
+  .dark\:focus\:to-blue-900:focus {
+    --gradient-to-color: #233876;
+  }
+
+  .dark\:focus\:to-indigo-50:focus {
+    --gradient-to-color: #f0f5ff;
+  }
+
+  .dark\:focus\:to-indigo-100:focus {
+    --gradient-to-color: #e5edff;
+  }
+
+  .dark\:focus\:to-indigo-200:focus {
+    --gradient-to-color: #cddbfe;
+  }
+
+  .dark\:focus\:to-indigo-300:focus {
+    --gradient-to-color: #b4c6fc;
+  }
+
+  .dark\:focus\:to-indigo-400:focus {
+    --gradient-to-color: #8da2fb;
+  }
+
+  .dark\:focus\:to-indigo-500:focus {
+    --gradient-to-color: #6875f5;
+  }
+
+  .dark\:focus\:to-indigo-600:focus {
+    --gradient-to-color: #5850ec;
+  }
+
+  .dark\:focus\:to-indigo-700:focus {
+    --gradient-to-color: #5145cd;
+  }
+
+  .dark\:focus\:to-indigo-800:focus {
+    --gradient-to-color: #42389d;
+  }
+
+  .dark\:focus\:to-indigo-900:focus {
+    --gradient-to-color: #362f78;
+  }
+
+  .dark\:focus\:to-purple-50:focus {
+    --gradient-to-color: #f6f5ff;
+  }
+
+  .dark\:focus\:to-purple-100:focus {
+    --gradient-to-color: #edebfe;
+  }
+
+  .dark\:focus\:to-purple-200:focus {
+    --gradient-to-color: #dcd7fe;
+  }
+
+  .dark\:focus\:to-purple-300:focus {
+    --gradient-to-color: #cabffd;
+  }
+
+  .dark\:focus\:to-purple-400:focus {
+    --gradient-to-color: #ac94fa;
+  }
+
+  .dark\:focus\:to-purple-500:focus {
+    --gradient-to-color: #9061f9;
+  }
+
+  .dark\:focus\:to-purple-600:focus {
+    --gradient-to-color: #7e3af2;
+  }
+
+  .dark\:focus\:to-purple-700:focus {
+    --gradient-to-color: #6c2bd9;
+  }
+
+  .dark\:focus\:to-purple-800:focus {
+    --gradient-to-color: #5521b5;
+  }
+
+  .dark\:focus\:to-purple-900:focus {
+    --gradient-to-color: #4a1d96;
+  }
+
+  .dark\:focus\:to-pink-50:focus {
+    --gradient-to-color: #fdf2f8;
+  }
+
+  .dark\:focus\:to-pink-100:focus {
+    --gradient-to-color: #fce8f3;
+  }
+
+  .dark\:focus\:to-pink-200:focus {
+    --gradient-to-color: #fad1e8;
+  }
+
+  .dark\:focus\:to-pink-300:focus {
+    --gradient-to-color: #f8b4d9;
+  }
+
+  .dark\:focus\:to-pink-400:focus {
+    --gradient-to-color: #f17eb8;
+  }
+
+  .dark\:focus\:to-pink-500:focus {
+    --gradient-to-color: #e74694;
+  }
+
+  .dark\:focus\:to-pink-600:focus {
+    --gradient-to-color: #d61f69;
+  }
+
+  .dark\:focus\:to-pink-700:focus {
+    --gradient-to-color: #bf125d;
+  }
+
+  .dark\:focus\:to-pink-800:focus {
+    --gradient-to-color: #99154b;
+  }
+
+  .dark\:focus\:to-pink-900:focus {
+    --gradient-to-color: #751a3d;
+  }
+}
+
 .bg-opacity-0 {
   --bg-opacity: 0;
 }
@@ -11207,6 +18061,1868 @@ video {
   border-color: rgba(117, 26, 61, var(--border-opacity));
 }
 
+@media (prefers-color-scheme: dark) {
+  .dark\:border-transparent {
+    border-color: transparent;
+  }
+
+  .dark\:border-current {
+    border-color: currentColor;
+  }
+
+  .dark\:border-black {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .dark\:border-white {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .dark\:border-gray-50 {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .dark\:border-gray-100 {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .dark\:border-gray-200 {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .dark\:border-gray-300 {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .dark\:border-gray-400 {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .dark\:border-gray-500 {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .dark\:border-gray-600 {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .dark\:border-gray-700 {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .dark\:border-gray-800 {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .dark\:border-gray-900 {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .dark\:border-red-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .dark\:border-red-100 {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .dark\:border-red-200 {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .dark\:border-red-300 {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .dark\:border-red-400 {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .dark\:border-red-500 {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .dark\:border-red-600 {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .dark\:border-red-700 {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .dark\:border-red-800 {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .dark\:border-red-900 {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .dark\:border-orange-50 {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .dark\:border-orange-100 {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .dark\:border-orange-200 {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .dark\:border-orange-300 {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .dark\:border-orange-400 {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .dark\:border-orange-500 {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .dark\:border-orange-600 {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .dark\:border-orange-700 {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .dark\:border-orange-800 {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .dark\:border-orange-900 {
+    --border-opacity: 1;
+    border-color: #73230d;
+    border-color: rgba(115, 35, 13, var(--border-opacity));
+  }
+
+  .dark\:border-yellow-50 {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .dark\:border-yellow-100 {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .dark\:border-yellow-200 {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .dark\:border-yellow-300 {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .dark\:border-yellow-400 {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .dark\:border-yellow-500 {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .dark\:border-yellow-600 {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .dark\:border-yellow-700 {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .dark\:border-yellow-800 {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .dark\:border-yellow-900 {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .dark\:border-green-50 {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .dark\:border-green-100 {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .dark\:border-green-200 {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .dark\:border-green-300 {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .dark\:border-green-400 {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .dark\:border-green-500 {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .dark\:border-green-600 {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .dark\:border-green-700 {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .dark\:border-green-800 {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .dark\:border-green-900 {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .dark\:border-teal-50 {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .dark\:border-teal-100 {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .dark\:border-teal-200 {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .dark\:border-teal-300 {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .dark\:border-teal-400 {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .dark\:border-teal-500 {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .dark\:border-teal-600 {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .dark\:border-teal-700 {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .dark\:border-teal-800 {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .dark\:border-teal-900 {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .dark\:border-blue-50 {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .dark\:border-blue-100 {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .dark\:border-blue-200 {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .dark\:border-blue-300 {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .dark\:border-blue-400 {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .dark\:border-blue-500 {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .dark\:border-blue-600 {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .dark\:border-blue-700 {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .dark\:border-blue-800 {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .dark\:border-blue-900 {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .dark\:border-indigo-50 {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .dark\:border-indigo-100 {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .dark\:border-indigo-200 {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .dark\:border-indigo-300 {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .dark\:border-indigo-400 {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .dark\:border-indigo-500 {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .dark\:border-indigo-600 {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .dark\:border-indigo-700 {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .dark\:border-indigo-800 {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .dark\:border-indigo-900 {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .dark\:border-purple-50 {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .dark\:border-purple-100 {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .dark\:border-purple-200 {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .dark\:border-purple-300 {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .dark\:border-purple-400 {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .dark\:border-purple-500 {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .dark\:border-purple-600 {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .dark\:border-purple-700 {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .dark\:border-purple-800 {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .dark\:border-purple-900 {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .dark\:border-pink-50 {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .dark\:border-pink-100 {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .dark\:border-pink-200 {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .dark\:border-pink-300 {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .dark\:border-pink-400 {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .dark\:border-pink-500 {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .dark\:border-pink-600 {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .dark\:border-pink-700 {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .dark\:border-pink-800 {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .dark\:border-pink-900 {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-transparent:hover {
+    border-color: transparent;
+  }
+
+  .dark\:hover\:border-current:hover {
+    border-color: currentColor;
+  }
+
+  .dark\:hover\:border-black:hover {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-white:hover {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-gray-50:hover {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-gray-100:hover {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-gray-200:hover {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-gray-300:hover {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-gray-400:hover {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-gray-500:hover {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-gray-600:hover {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-gray-700:hover {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-gray-800:hover {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-gray-900:hover {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-red-50:hover {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-red-100:hover {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-red-200:hover {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-red-300:hover {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-red-400:hover {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-red-500:hover {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-red-600:hover {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-red-700:hover {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-red-800:hover {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-red-900:hover {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-orange-50:hover {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-orange-100:hover {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-orange-200:hover {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-orange-300:hover {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-orange-400:hover {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-orange-500:hover {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-orange-600:hover {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-orange-700:hover {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-orange-800:hover {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-orange-900:hover {
+    --border-opacity: 1;
+    border-color: #73230d;
+    border-color: rgba(115, 35, 13, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-yellow-50:hover {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-yellow-100:hover {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-yellow-200:hover {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-yellow-300:hover {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-yellow-400:hover {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-yellow-500:hover {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-yellow-600:hover {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-yellow-700:hover {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-yellow-800:hover {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-yellow-900:hover {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-green-50:hover {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-green-100:hover {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-green-200:hover {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-green-300:hover {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-green-400:hover {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-green-500:hover {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-green-600:hover {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-green-700:hover {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-green-800:hover {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-green-900:hover {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-teal-50:hover {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-teal-100:hover {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-teal-200:hover {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-teal-300:hover {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-teal-400:hover {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-teal-500:hover {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-teal-600:hover {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-teal-700:hover {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-teal-800:hover {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-teal-900:hover {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-blue-50:hover {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-blue-100:hover {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-blue-200:hover {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-blue-300:hover {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-blue-400:hover {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-blue-500:hover {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-blue-600:hover {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-blue-700:hover {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-blue-800:hover {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-blue-900:hover {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-indigo-50:hover {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-indigo-100:hover {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-indigo-200:hover {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-indigo-300:hover {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-indigo-400:hover {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-indigo-500:hover {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-indigo-600:hover {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-indigo-700:hover {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-indigo-800:hover {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-indigo-900:hover {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-purple-50:hover {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-purple-100:hover {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-purple-200:hover {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-purple-300:hover {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-purple-400:hover {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-purple-500:hover {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-purple-600:hover {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-purple-700:hover {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-purple-800:hover {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-purple-900:hover {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-pink-50:hover {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-pink-100:hover {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-pink-200:hover {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-pink-300:hover {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-pink-400:hover {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-pink-500:hover {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-pink-600:hover {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-pink-700:hover {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-pink-800:hover {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .dark\:hover\:border-pink-900:hover {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-transparent:focus {
+    border-color: transparent;
+  }
+
+  .dark\:focus\:border-current:focus {
+    border-color: currentColor;
+  }
+
+  .dark\:focus\:border-black:focus {
+    --border-opacity: 1;
+    border-color: #000000;
+    border-color: rgba(0, 0, 0, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-white:focus {
+    --border-opacity: 1;
+    border-color: #ffffff;
+    border-color: rgba(255, 255, 255, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-gray-50:focus {
+    --border-opacity: 1;
+    border-color: #f9fafb;
+    border-color: rgba(249, 250, 251, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-gray-100:focus {
+    --border-opacity: 1;
+    border-color: #f4f5f7;
+    border-color: rgba(244, 245, 247, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-gray-200:focus {
+    --border-opacity: 1;
+    border-color: #e5e7eb;
+    border-color: rgba(229, 231, 235, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-gray-300:focus {
+    --border-opacity: 1;
+    border-color: #d2d6dc;
+    border-color: rgba(210, 214, 220, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-gray-400:focus {
+    --border-opacity: 1;
+    border-color: #9fa6b2;
+    border-color: rgba(159, 166, 178, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-gray-500:focus {
+    --border-opacity: 1;
+    border-color: #6b7280;
+    border-color: rgba(107, 114, 128, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-gray-600:focus {
+    --border-opacity: 1;
+    border-color: #4b5563;
+    border-color: rgba(75, 85, 99, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-gray-700:focus {
+    --border-opacity: 1;
+    border-color: #374151;
+    border-color: rgba(55, 65, 81, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-gray-800:focus {
+    --border-opacity: 1;
+    border-color: #252f3f;
+    border-color: rgba(37, 47, 63, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-gray-900:focus {
+    --border-opacity: 1;
+    border-color: #161e2e;
+    border-color: rgba(22, 30, 46, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-red-50:focus {
+    --border-opacity: 1;
+    border-color: #fdf2f2;
+    border-color: rgba(253, 242, 242, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-red-100:focus {
+    --border-opacity: 1;
+    border-color: #fde8e8;
+    border-color: rgba(253, 232, 232, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-red-200:focus {
+    --border-opacity: 1;
+    border-color: #fbd5d5;
+    border-color: rgba(251, 213, 213, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-red-300:focus {
+    --border-opacity: 1;
+    border-color: #f8b4b4;
+    border-color: rgba(248, 180, 180, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-red-400:focus {
+    --border-opacity: 1;
+    border-color: #f98080;
+    border-color: rgba(249, 128, 128, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-red-500:focus {
+    --border-opacity: 1;
+    border-color: #f05252;
+    border-color: rgba(240, 82, 82, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-red-600:focus {
+    --border-opacity: 1;
+    border-color: #e02424;
+    border-color: rgba(224, 36, 36, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-red-700:focus {
+    --border-opacity: 1;
+    border-color: #c81e1e;
+    border-color: rgba(200, 30, 30, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-red-800:focus {
+    --border-opacity: 1;
+    border-color: #9b1c1c;
+    border-color: rgba(155, 28, 28, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-red-900:focus {
+    --border-opacity: 1;
+    border-color: #771d1d;
+    border-color: rgba(119, 29, 29, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-orange-50:focus {
+    --border-opacity: 1;
+    border-color: #fff8f1;
+    border-color: rgba(255, 248, 241, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-orange-100:focus {
+    --border-opacity: 1;
+    border-color: #feecdc;
+    border-color: rgba(254, 236, 220, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-orange-200:focus {
+    --border-opacity: 1;
+    border-color: #fcd9bd;
+    border-color: rgba(252, 217, 189, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-orange-300:focus {
+    --border-opacity: 1;
+    border-color: #fdba8c;
+    border-color: rgba(253, 186, 140, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-orange-400:focus {
+    --border-opacity: 1;
+    border-color: #ff8a4c;
+    border-color: rgba(255, 138, 76, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-orange-500:focus {
+    --border-opacity: 1;
+    border-color: #ff5a1f;
+    border-color: rgba(255, 90, 31, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-orange-600:focus {
+    --border-opacity: 1;
+    border-color: #d03801;
+    border-color: rgba(208, 56, 1, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-orange-700:focus {
+    --border-opacity: 1;
+    border-color: #b43403;
+    border-color: rgba(180, 52, 3, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-orange-800:focus {
+    --border-opacity: 1;
+    border-color: #8a2c0d;
+    border-color: rgba(138, 44, 13, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-orange-900:focus {
+    --border-opacity: 1;
+    border-color: #73230d;
+    border-color: rgba(115, 35, 13, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-yellow-50:focus {
+    --border-opacity: 1;
+    border-color: #fdfdea;
+    border-color: rgba(253, 253, 234, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-yellow-100:focus {
+    --border-opacity: 1;
+    border-color: #fdf6b2;
+    border-color: rgba(253, 246, 178, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-yellow-200:focus {
+    --border-opacity: 1;
+    border-color: #fce96a;
+    border-color: rgba(252, 233, 106, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-yellow-300:focus {
+    --border-opacity: 1;
+    border-color: #faca15;
+    border-color: rgba(250, 202, 21, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-yellow-400:focus {
+    --border-opacity: 1;
+    border-color: #e3a008;
+    border-color: rgba(227, 160, 8, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-yellow-500:focus {
+    --border-opacity: 1;
+    border-color: #c27803;
+    border-color: rgba(194, 120, 3, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-yellow-600:focus {
+    --border-opacity: 1;
+    border-color: #9f580a;
+    border-color: rgba(159, 88, 10, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-yellow-700:focus {
+    --border-opacity: 1;
+    border-color: #8e4b10;
+    border-color: rgba(142, 75, 16, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-yellow-800:focus {
+    --border-opacity: 1;
+    border-color: #723b13;
+    border-color: rgba(114, 59, 19, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-yellow-900:focus {
+    --border-opacity: 1;
+    border-color: #633112;
+    border-color: rgba(99, 49, 18, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-green-50:focus {
+    --border-opacity: 1;
+    border-color: #f3faf7;
+    border-color: rgba(243, 250, 247, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-green-100:focus {
+    --border-opacity: 1;
+    border-color: #def7ec;
+    border-color: rgba(222, 247, 236, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-green-200:focus {
+    --border-opacity: 1;
+    border-color: #bcf0da;
+    border-color: rgba(188, 240, 218, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-green-300:focus {
+    --border-opacity: 1;
+    border-color: #84e1bc;
+    border-color: rgba(132, 225, 188, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-green-400:focus {
+    --border-opacity: 1;
+    border-color: #31c48d;
+    border-color: rgba(49, 196, 141, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-green-500:focus {
+    --border-opacity: 1;
+    border-color: #0e9f6e;
+    border-color: rgba(14, 159, 110, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-green-600:focus {
+    --border-opacity: 1;
+    border-color: #057a55;
+    border-color: rgba(5, 122, 85, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-green-700:focus {
+    --border-opacity: 1;
+    border-color: #046c4e;
+    border-color: rgba(4, 108, 78, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-green-800:focus {
+    --border-opacity: 1;
+    border-color: #03543f;
+    border-color: rgba(3, 84, 63, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-green-900:focus {
+    --border-opacity: 1;
+    border-color: #014737;
+    border-color: rgba(1, 71, 55, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-teal-50:focus {
+    --border-opacity: 1;
+    border-color: #edfafa;
+    border-color: rgba(237, 250, 250, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-teal-100:focus {
+    --border-opacity: 1;
+    border-color: #d5f5f6;
+    border-color: rgba(213, 245, 246, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-teal-200:focus {
+    --border-opacity: 1;
+    border-color: #afecef;
+    border-color: rgba(175, 236, 239, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-teal-300:focus {
+    --border-opacity: 1;
+    border-color: #7edce2;
+    border-color: rgba(126, 220, 226, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-teal-400:focus {
+    --border-opacity: 1;
+    border-color: #16bdca;
+    border-color: rgba(22, 189, 202, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-teal-500:focus {
+    --border-opacity: 1;
+    border-color: #0694a2;
+    border-color: rgba(6, 148, 162, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-teal-600:focus {
+    --border-opacity: 1;
+    border-color: #047481;
+    border-color: rgba(4, 116, 129, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-teal-700:focus {
+    --border-opacity: 1;
+    border-color: #036672;
+    border-color: rgba(3, 102, 114, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-teal-800:focus {
+    --border-opacity: 1;
+    border-color: #05505c;
+    border-color: rgba(5, 80, 92, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-teal-900:focus {
+    --border-opacity: 1;
+    border-color: #014451;
+    border-color: rgba(1, 68, 81, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-blue-50:focus {
+    --border-opacity: 1;
+    border-color: #ebf5ff;
+    border-color: rgba(235, 245, 255, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-blue-100:focus {
+    --border-opacity: 1;
+    border-color: #e1effe;
+    border-color: rgba(225, 239, 254, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-blue-200:focus {
+    --border-opacity: 1;
+    border-color: #c3ddfd;
+    border-color: rgba(195, 221, 253, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-blue-300:focus {
+    --border-opacity: 1;
+    border-color: #a4cafe;
+    border-color: rgba(164, 202, 254, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-blue-400:focus {
+    --border-opacity: 1;
+    border-color: #76a9fa;
+    border-color: rgba(118, 169, 250, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-blue-500:focus {
+    --border-opacity: 1;
+    border-color: #3f83f8;
+    border-color: rgba(63, 131, 248, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-blue-600:focus {
+    --border-opacity: 1;
+    border-color: #1c64f2;
+    border-color: rgba(28, 100, 242, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-blue-700:focus {
+    --border-opacity: 1;
+    border-color: #1a56db;
+    border-color: rgba(26, 86, 219, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-blue-800:focus {
+    --border-opacity: 1;
+    border-color: #1e429f;
+    border-color: rgba(30, 66, 159, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-blue-900:focus {
+    --border-opacity: 1;
+    border-color: #233876;
+    border-color: rgba(35, 56, 118, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-indigo-50:focus {
+    --border-opacity: 1;
+    border-color: #f0f5ff;
+    border-color: rgba(240, 245, 255, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-indigo-100:focus {
+    --border-opacity: 1;
+    border-color: #e5edff;
+    border-color: rgba(229, 237, 255, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-indigo-200:focus {
+    --border-opacity: 1;
+    border-color: #cddbfe;
+    border-color: rgba(205, 219, 254, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-indigo-300:focus {
+    --border-opacity: 1;
+    border-color: #b4c6fc;
+    border-color: rgba(180, 198, 252, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-indigo-400:focus {
+    --border-opacity: 1;
+    border-color: #8da2fb;
+    border-color: rgba(141, 162, 251, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-indigo-500:focus {
+    --border-opacity: 1;
+    border-color: #6875f5;
+    border-color: rgba(104, 117, 245, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-indigo-600:focus {
+    --border-opacity: 1;
+    border-color: #5850ec;
+    border-color: rgba(88, 80, 236, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-indigo-700:focus {
+    --border-opacity: 1;
+    border-color: #5145cd;
+    border-color: rgba(81, 69, 205, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-indigo-800:focus {
+    --border-opacity: 1;
+    border-color: #42389d;
+    border-color: rgba(66, 56, 157, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-indigo-900:focus {
+    --border-opacity: 1;
+    border-color: #362f78;
+    border-color: rgba(54, 47, 120, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-purple-50:focus {
+    --border-opacity: 1;
+    border-color: #f6f5ff;
+    border-color: rgba(246, 245, 255, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-purple-100:focus {
+    --border-opacity: 1;
+    border-color: #edebfe;
+    border-color: rgba(237, 235, 254, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-purple-200:focus {
+    --border-opacity: 1;
+    border-color: #dcd7fe;
+    border-color: rgba(220, 215, 254, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-purple-300:focus {
+    --border-opacity: 1;
+    border-color: #cabffd;
+    border-color: rgba(202, 191, 253, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-purple-400:focus {
+    --border-opacity: 1;
+    border-color: #ac94fa;
+    border-color: rgba(172, 148, 250, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-purple-500:focus {
+    --border-opacity: 1;
+    border-color: #9061f9;
+    border-color: rgba(144, 97, 249, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-purple-600:focus {
+    --border-opacity: 1;
+    border-color: #7e3af2;
+    border-color: rgba(126, 58, 242, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-purple-700:focus {
+    --border-opacity: 1;
+    border-color: #6c2bd9;
+    border-color: rgba(108, 43, 217, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-purple-800:focus {
+    --border-opacity: 1;
+    border-color: #5521b5;
+    border-color: rgba(85, 33, 181, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-purple-900:focus {
+    --border-opacity: 1;
+    border-color: #4a1d96;
+    border-color: rgba(74, 29, 150, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-pink-50:focus {
+    --border-opacity: 1;
+    border-color: #fdf2f8;
+    border-color: rgba(253, 242, 248, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-pink-100:focus {
+    --border-opacity: 1;
+    border-color: #fce8f3;
+    border-color: rgba(252, 232, 243, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-pink-200:focus {
+    --border-opacity: 1;
+    border-color: #fad1e8;
+    border-color: rgba(250, 209, 232, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-pink-300:focus {
+    --border-opacity: 1;
+    border-color: #f8b4d9;
+    border-color: rgba(248, 180, 217, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-pink-400:focus {
+    --border-opacity: 1;
+    border-color: #f17eb8;
+    border-color: rgba(241, 126, 184, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-pink-500:focus {
+    --border-opacity: 1;
+    border-color: #e74694;
+    border-color: rgba(231, 70, 148, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-pink-600:focus {
+    --border-opacity: 1;
+    border-color: #d61f69;
+    border-color: rgba(214, 31, 105, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-pink-700:focus {
+    --border-opacity: 1;
+    border-color: #bf125d;
+    border-color: rgba(191, 18, 93, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-pink-800:focus {
+    --border-opacity: 1;
+    border-color: #99154b;
+    border-color: rgba(153, 21, 75, var(--border-opacity));
+  }
+
+  .dark\:focus\:border-pink-900:focus {
+    --border-opacity: 1;
+    border-color: #751a3d;
+    border-color: rgba(117, 26, 61, var(--border-opacity));
+  }
+}
+
 .border-opacity-0 {
   --border-opacity: 0;
 }
@@ -20086,6 +28802,1248 @@ video {
   color: rgba(117, 26, 61, var(--placeholder-opacity));
 }
 
+@media (prefers-color-scheme: dark) {
+  .dark\:placeholder-transparent::placeholder {
+    color: transparent;
+  }
+
+  .dark\:placeholder-current::placeholder {
+    color: currentColor;
+  }
+
+  .dark\:placeholder-black::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-white::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-gray-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-gray-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-gray-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-gray-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-gray-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-gray-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-gray-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-gray-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-gray-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-gray-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-red-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-red-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-red-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-red-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-red-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-red-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-red-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-red-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-red-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-red-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-orange-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-orange-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-orange-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-orange-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-orange-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-orange-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-orange-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-orange-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-orange-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-orange-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-yellow-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-yellow-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-yellow-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-yellow-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-yellow-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-yellow-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-yellow-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-yellow-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-yellow-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-yellow-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-green-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-green-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-green-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-green-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-green-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-green-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-green-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-green-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-green-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-green-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-teal-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-teal-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-teal-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-teal-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-teal-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-teal-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-teal-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-teal-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-teal-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-teal-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-blue-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-blue-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-blue-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-blue-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-blue-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-blue-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-blue-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-blue-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-blue-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-blue-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-indigo-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-indigo-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-indigo-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-indigo-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-indigo-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-indigo-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-indigo-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-indigo-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-indigo-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-indigo-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-purple-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-purple-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-purple-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-purple-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-purple-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-purple-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-purple-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-purple-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-purple-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-purple-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-pink-50::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-pink-100::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-pink-200::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-pink-300::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-pink-400::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-pink-500::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-pink-600::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-pink-700::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-pink-800::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .dark\:placeholder-pink-900::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-transparent:focus::placeholder {
+    color: transparent;
+  }
+
+  .dark\:focus\:placeholder-current:focus::placeholder {
+    color: currentColor;
+  }
+
+  .dark\:focus\:placeholder-black:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-white:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-gray-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-gray-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-gray-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-gray-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-gray-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-gray-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-gray-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-gray-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-gray-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-gray-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-red-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-red-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-red-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-red-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-red-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-red-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-red-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-red-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-red-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-red-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-orange-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-orange-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-orange-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-orange-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-orange-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-orange-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-orange-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-orange-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-orange-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-orange-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-yellow-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-yellow-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-yellow-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-yellow-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-yellow-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-yellow-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-yellow-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-yellow-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-yellow-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-yellow-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-green-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-green-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-green-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-green-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-green-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-green-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-green-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-green-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-green-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-green-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-teal-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-teal-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-teal-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-teal-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-teal-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-teal-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-teal-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-teal-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-teal-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-teal-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-blue-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-blue-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-blue-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-blue-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-blue-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-blue-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-blue-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-blue-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-blue-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-blue-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-indigo-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-indigo-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-indigo-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-indigo-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-indigo-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-indigo-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-indigo-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-indigo-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-indigo-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-indigo-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-purple-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-purple-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-purple-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-purple-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-purple-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-purple-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-purple-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-purple-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-purple-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-purple-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-pink-50:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-pink-100:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-pink-200:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-pink-300:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-pink-400:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-pink-500:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-pink-600:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-pink-700:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-pink-800:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--placeholder-opacity));
+  }
+
+  .dark\:focus\:placeholder-pink-900:focus::placeholder {
+    --placeholder-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--placeholder-opacity));
+  }
+}
+
 .placeholder-opacity-0::placeholder {
   --placeholder-opacity: 0;
 }
@@ -24339,6 +34297,1868 @@ video {
   color: rgba(117, 26, 61, var(--text-opacity));
 }
 
+@media (prefers-color-scheme: dark) {
+  .dark\:text-transparent {
+    color: transparent;
+  }
+
+  .dark\:text-current {
+    color: currentColor;
+  }
+
+  .dark\:text-black {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .dark\:text-white {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .dark\:text-gray-50 {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .dark\:text-gray-100 {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .dark\:text-gray-200 {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .dark\:text-gray-300 {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .dark\:text-gray-400 {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .dark\:text-gray-500 {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .dark\:text-gray-600 {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .dark\:text-gray-700 {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .dark\:text-gray-800 {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .dark\:text-gray-900 {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .dark\:text-red-50 {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .dark\:text-red-100 {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .dark\:text-red-200 {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .dark\:text-red-300 {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .dark\:text-red-400 {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .dark\:text-red-500 {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .dark\:text-red-600 {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .dark\:text-red-700 {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .dark\:text-red-800 {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .dark\:text-red-900 {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .dark\:text-orange-50 {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .dark\:text-orange-100 {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .dark\:text-orange-200 {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .dark\:text-orange-300 {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .dark\:text-orange-400 {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .dark\:text-orange-500 {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .dark\:text-orange-600 {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .dark\:text-orange-700 {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .dark\:text-orange-800 {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .dark\:text-orange-900 {
+    --text-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--text-opacity));
+  }
+
+  .dark\:text-yellow-50 {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .dark\:text-yellow-100 {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .dark\:text-yellow-200 {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .dark\:text-yellow-300 {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .dark\:text-yellow-400 {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .dark\:text-yellow-500 {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .dark\:text-yellow-600 {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .dark\:text-yellow-700 {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .dark\:text-yellow-800 {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .dark\:text-yellow-900 {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .dark\:text-green-50 {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .dark\:text-green-100 {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .dark\:text-green-200 {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .dark\:text-green-300 {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .dark\:text-green-400 {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .dark\:text-green-500 {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .dark\:text-green-600 {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .dark\:text-green-700 {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .dark\:text-green-800 {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .dark\:text-green-900 {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .dark\:text-teal-50 {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .dark\:text-teal-100 {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .dark\:text-teal-200 {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .dark\:text-teal-300 {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .dark\:text-teal-400 {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .dark\:text-teal-500 {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .dark\:text-teal-600 {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .dark\:text-teal-700 {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .dark\:text-teal-800 {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .dark\:text-teal-900 {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .dark\:text-blue-50 {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .dark\:text-blue-100 {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .dark\:text-blue-200 {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .dark\:text-blue-300 {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .dark\:text-blue-400 {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .dark\:text-blue-500 {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .dark\:text-blue-600 {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .dark\:text-blue-700 {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .dark\:text-blue-800 {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .dark\:text-blue-900 {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .dark\:text-indigo-50 {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .dark\:text-indigo-100 {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .dark\:text-indigo-200 {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .dark\:text-indigo-300 {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .dark\:text-indigo-400 {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .dark\:text-indigo-500 {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .dark\:text-indigo-600 {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .dark\:text-indigo-700 {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .dark\:text-indigo-800 {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .dark\:text-indigo-900 {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .dark\:text-purple-50 {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .dark\:text-purple-100 {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .dark\:text-purple-200 {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .dark\:text-purple-300 {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .dark\:text-purple-400 {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .dark\:text-purple-500 {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .dark\:text-purple-600 {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .dark\:text-purple-700 {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .dark\:text-purple-800 {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .dark\:text-purple-900 {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .dark\:text-pink-50 {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .dark\:text-pink-100 {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .dark\:text-pink-200 {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .dark\:text-pink-300 {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .dark\:text-pink-400 {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .dark\:text-pink-500 {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .dark\:text-pink-600 {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .dark\:text-pink-700 {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .dark\:text-pink-800 {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .dark\:text-pink-900 {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-transparent:hover {
+    color: transparent;
+  }
+
+  .dark\:hover\:text-current:hover {
+    color: currentColor;
+  }
+
+  .dark\:hover\:text-black:hover {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-white:hover {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-gray-50:hover {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-gray-100:hover {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-gray-200:hover {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-gray-300:hover {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-gray-400:hover {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-gray-500:hover {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-gray-600:hover {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-gray-700:hover {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-gray-800:hover {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-gray-900:hover {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-red-50:hover {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-red-100:hover {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-red-200:hover {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-red-300:hover {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-red-400:hover {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-red-500:hover {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-red-600:hover {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-red-700:hover {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-red-800:hover {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-red-900:hover {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-orange-50:hover {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-orange-100:hover {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-orange-200:hover {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-orange-300:hover {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-orange-400:hover {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-orange-500:hover {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-orange-600:hover {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-orange-700:hover {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-orange-800:hover {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-orange-900:hover {
+    --text-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-yellow-50:hover {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-yellow-100:hover {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-yellow-200:hover {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-yellow-300:hover {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-yellow-400:hover {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-yellow-500:hover {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-yellow-600:hover {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-yellow-700:hover {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-yellow-800:hover {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-yellow-900:hover {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-green-50:hover {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-green-100:hover {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-green-200:hover {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-green-300:hover {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-green-400:hover {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-green-500:hover {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-green-600:hover {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-green-700:hover {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-green-800:hover {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-green-900:hover {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-teal-50:hover {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-teal-100:hover {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-teal-200:hover {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-teal-300:hover {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-teal-400:hover {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-teal-500:hover {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-teal-600:hover {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-teal-700:hover {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-teal-800:hover {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-teal-900:hover {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-blue-50:hover {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-blue-100:hover {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-blue-200:hover {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-blue-300:hover {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-blue-400:hover {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-blue-500:hover {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-blue-600:hover {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-blue-700:hover {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-blue-800:hover {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-blue-900:hover {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-indigo-50:hover {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-indigo-100:hover {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-indigo-200:hover {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-indigo-300:hover {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-indigo-400:hover {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-indigo-500:hover {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-indigo-600:hover {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-indigo-700:hover {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-indigo-800:hover {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-indigo-900:hover {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-purple-50:hover {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-purple-100:hover {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-purple-200:hover {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-purple-300:hover {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-purple-400:hover {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-purple-500:hover {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-purple-600:hover {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-purple-700:hover {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-purple-800:hover {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-purple-900:hover {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-pink-50:hover {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-pink-100:hover {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-pink-200:hover {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-pink-300:hover {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-pink-400:hover {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-pink-500:hover {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-pink-600:hover {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-pink-700:hover {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-pink-800:hover {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .dark\:hover\:text-pink-900:hover {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-transparent:focus {
+    color: transparent;
+  }
+
+  .dark\:focus\:text-current:focus {
+    color: currentColor;
+  }
+
+  .dark\:focus\:text-black:focus {
+    --text-opacity: 1;
+    color: #000000;
+    color: rgba(0, 0, 0, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-white:focus {
+    --text-opacity: 1;
+    color: #ffffff;
+    color: rgba(255, 255, 255, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-gray-50:focus {
+    --text-opacity: 1;
+    color: #f9fafb;
+    color: rgba(249, 250, 251, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-gray-100:focus {
+    --text-opacity: 1;
+    color: #f4f5f7;
+    color: rgba(244, 245, 247, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-gray-200:focus {
+    --text-opacity: 1;
+    color: #e5e7eb;
+    color: rgba(229, 231, 235, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-gray-300:focus {
+    --text-opacity: 1;
+    color: #d2d6dc;
+    color: rgba(210, 214, 220, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-gray-400:focus {
+    --text-opacity: 1;
+    color: #9fa6b2;
+    color: rgba(159, 166, 178, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-gray-500:focus {
+    --text-opacity: 1;
+    color: #6b7280;
+    color: rgba(107, 114, 128, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-gray-600:focus {
+    --text-opacity: 1;
+    color: #4b5563;
+    color: rgba(75, 85, 99, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-gray-700:focus {
+    --text-opacity: 1;
+    color: #374151;
+    color: rgba(55, 65, 81, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-gray-800:focus {
+    --text-opacity: 1;
+    color: #252f3f;
+    color: rgba(37, 47, 63, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-gray-900:focus {
+    --text-opacity: 1;
+    color: #161e2e;
+    color: rgba(22, 30, 46, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-red-50:focus {
+    --text-opacity: 1;
+    color: #fdf2f2;
+    color: rgba(253, 242, 242, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-red-100:focus {
+    --text-opacity: 1;
+    color: #fde8e8;
+    color: rgba(253, 232, 232, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-red-200:focus {
+    --text-opacity: 1;
+    color: #fbd5d5;
+    color: rgba(251, 213, 213, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-red-300:focus {
+    --text-opacity: 1;
+    color: #f8b4b4;
+    color: rgba(248, 180, 180, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-red-400:focus {
+    --text-opacity: 1;
+    color: #f98080;
+    color: rgba(249, 128, 128, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-red-500:focus {
+    --text-opacity: 1;
+    color: #f05252;
+    color: rgba(240, 82, 82, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-red-600:focus {
+    --text-opacity: 1;
+    color: #e02424;
+    color: rgba(224, 36, 36, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-red-700:focus {
+    --text-opacity: 1;
+    color: #c81e1e;
+    color: rgba(200, 30, 30, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-red-800:focus {
+    --text-opacity: 1;
+    color: #9b1c1c;
+    color: rgba(155, 28, 28, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-red-900:focus {
+    --text-opacity: 1;
+    color: #771d1d;
+    color: rgba(119, 29, 29, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-orange-50:focus {
+    --text-opacity: 1;
+    color: #fff8f1;
+    color: rgba(255, 248, 241, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-orange-100:focus {
+    --text-opacity: 1;
+    color: #feecdc;
+    color: rgba(254, 236, 220, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-orange-200:focus {
+    --text-opacity: 1;
+    color: #fcd9bd;
+    color: rgba(252, 217, 189, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-orange-300:focus {
+    --text-opacity: 1;
+    color: #fdba8c;
+    color: rgba(253, 186, 140, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-orange-400:focus {
+    --text-opacity: 1;
+    color: #ff8a4c;
+    color: rgba(255, 138, 76, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-orange-500:focus {
+    --text-opacity: 1;
+    color: #ff5a1f;
+    color: rgba(255, 90, 31, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-orange-600:focus {
+    --text-opacity: 1;
+    color: #d03801;
+    color: rgba(208, 56, 1, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-orange-700:focus {
+    --text-opacity: 1;
+    color: #b43403;
+    color: rgba(180, 52, 3, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-orange-800:focus {
+    --text-opacity: 1;
+    color: #8a2c0d;
+    color: rgba(138, 44, 13, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-orange-900:focus {
+    --text-opacity: 1;
+    color: #73230d;
+    color: rgba(115, 35, 13, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-yellow-50:focus {
+    --text-opacity: 1;
+    color: #fdfdea;
+    color: rgba(253, 253, 234, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-yellow-100:focus {
+    --text-opacity: 1;
+    color: #fdf6b2;
+    color: rgba(253, 246, 178, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-yellow-200:focus {
+    --text-opacity: 1;
+    color: #fce96a;
+    color: rgba(252, 233, 106, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-yellow-300:focus {
+    --text-opacity: 1;
+    color: #faca15;
+    color: rgba(250, 202, 21, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-yellow-400:focus {
+    --text-opacity: 1;
+    color: #e3a008;
+    color: rgba(227, 160, 8, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-yellow-500:focus {
+    --text-opacity: 1;
+    color: #c27803;
+    color: rgba(194, 120, 3, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-yellow-600:focus {
+    --text-opacity: 1;
+    color: #9f580a;
+    color: rgba(159, 88, 10, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-yellow-700:focus {
+    --text-opacity: 1;
+    color: #8e4b10;
+    color: rgba(142, 75, 16, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-yellow-800:focus {
+    --text-opacity: 1;
+    color: #723b13;
+    color: rgba(114, 59, 19, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-yellow-900:focus {
+    --text-opacity: 1;
+    color: #633112;
+    color: rgba(99, 49, 18, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-green-50:focus {
+    --text-opacity: 1;
+    color: #f3faf7;
+    color: rgba(243, 250, 247, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-green-100:focus {
+    --text-opacity: 1;
+    color: #def7ec;
+    color: rgba(222, 247, 236, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-green-200:focus {
+    --text-opacity: 1;
+    color: #bcf0da;
+    color: rgba(188, 240, 218, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-green-300:focus {
+    --text-opacity: 1;
+    color: #84e1bc;
+    color: rgba(132, 225, 188, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-green-400:focus {
+    --text-opacity: 1;
+    color: #31c48d;
+    color: rgba(49, 196, 141, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-green-500:focus {
+    --text-opacity: 1;
+    color: #0e9f6e;
+    color: rgba(14, 159, 110, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-green-600:focus {
+    --text-opacity: 1;
+    color: #057a55;
+    color: rgba(5, 122, 85, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-green-700:focus {
+    --text-opacity: 1;
+    color: #046c4e;
+    color: rgba(4, 108, 78, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-green-800:focus {
+    --text-opacity: 1;
+    color: #03543f;
+    color: rgba(3, 84, 63, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-green-900:focus {
+    --text-opacity: 1;
+    color: #014737;
+    color: rgba(1, 71, 55, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-teal-50:focus {
+    --text-opacity: 1;
+    color: #edfafa;
+    color: rgba(237, 250, 250, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-teal-100:focus {
+    --text-opacity: 1;
+    color: #d5f5f6;
+    color: rgba(213, 245, 246, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-teal-200:focus {
+    --text-opacity: 1;
+    color: #afecef;
+    color: rgba(175, 236, 239, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-teal-300:focus {
+    --text-opacity: 1;
+    color: #7edce2;
+    color: rgba(126, 220, 226, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-teal-400:focus {
+    --text-opacity: 1;
+    color: #16bdca;
+    color: rgba(22, 189, 202, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-teal-500:focus {
+    --text-opacity: 1;
+    color: #0694a2;
+    color: rgba(6, 148, 162, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-teal-600:focus {
+    --text-opacity: 1;
+    color: #047481;
+    color: rgba(4, 116, 129, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-teal-700:focus {
+    --text-opacity: 1;
+    color: #036672;
+    color: rgba(3, 102, 114, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-teal-800:focus {
+    --text-opacity: 1;
+    color: #05505c;
+    color: rgba(5, 80, 92, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-teal-900:focus {
+    --text-opacity: 1;
+    color: #014451;
+    color: rgba(1, 68, 81, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-blue-50:focus {
+    --text-opacity: 1;
+    color: #ebf5ff;
+    color: rgba(235, 245, 255, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-blue-100:focus {
+    --text-opacity: 1;
+    color: #e1effe;
+    color: rgba(225, 239, 254, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-blue-200:focus {
+    --text-opacity: 1;
+    color: #c3ddfd;
+    color: rgba(195, 221, 253, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-blue-300:focus {
+    --text-opacity: 1;
+    color: #a4cafe;
+    color: rgba(164, 202, 254, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-blue-400:focus {
+    --text-opacity: 1;
+    color: #76a9fa;
+    color: rgba(118, 169, 250, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-blue-500:focus {
+    --text-opacity: 1;
+    color: #3f83f8;
+    color: rgba(63, 131, 248, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-blue-600:focus {
+    --text-opacity: 1;
+    color: #1c64f2;
+    color: rgba(28, 100, 242, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-blue-700:focus {
+    --text-opacity: 1;
+    color: #1a56db;
+    color: rgba(26, 86, 219, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-blue-800:focus {
+    --text-opacity: 1;
+    color: #1e429f;
+    color: rgba(30, 66, 159, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-blue-900:focus {
+    --text-opacity: 1;
+    color: #233876;
+    color: rgba(35, 56, 118, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-indigo-50:focus {
+    --text-opacity: 1;
+    color: #f0f5ff;
+    color: rgba(240, 245, 255, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-indigo-100:focus {
+    --text-opacity: 1;
+    color: #e5edff;
+    color: rgba(229, 237, 255, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-indigo-200:focus {
+    --text-opacity: 1;
+    color: #cddbfe;
+    color: rgba(205, 219, 254, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-indigo-300:focus {
+    --text-opacity: 1;
+    color: #b4c6fc;
+    color: rgba(180, 198, 252, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-indigo-400:focus {
+    --text-opacity: 1;
+    color: #8da2fb;
+    color: rgba(141, 162, 251, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-indigo-500:focus {
+    --text-opacity: 1;
+    color: #6875f5;
+    color: rgba(104, 117, 245, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-indigo-600:focus {
+    --text-opacity: 1;
+    color: #5850ec;
+    color: rgba(88, 80, 236, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-indigo-700:focus {
+    --text-opacity: 1;
+    color: #5145cd;
+    color: rgba(81, 69, 205, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-indigo-800:focus {
+    --text-opacity: 1;
+    color: #42389d;
+    color: rgba(66, 56, 157, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-indigo-900:focus {
+    --text-opacity: 1;
+    color: #362f78;
+    color: rgba(54, 47, 120, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-purple-50:focus {
+    --text-opacity: 1;
+    color: #f6f5ff;
+    color: rgba(246, 245, 255, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-purple-100:focus {
+    --text-opacity: 1;
+    color: #edebfe;
+    color: rgba(237, 235, 254, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-purple-200:focus {
+    --text-opacity: 1;
+    color: #dcd7fe;
+    color: rgba(220, 215, 254, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-purple-300:focus {
+    --text-opacity: 1;
+    color: #cabffd;
+    color: rgba(202, 191, 253, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-purple-400:focus {
+    --text-opacity: 1;
+    color: #ac94fa;
+    color: rgba(172, 148, 250, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-purple-500:focus {
+    --text-opacity: 1;
+    color: #9061f9;
+    color: rgba(144, 97, 249, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-purple-600:focus {
+    --text-opacity: 1;
+    color: #7e3af2;
+    color: rgba(126, 58, 242, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-purple-700:focus {
+    --text-opacity: 1;
+    color: #6c2bd9;
+    color: rgba(108, 43, 217, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-purple-800:focus {
+    --text-opacity: 1;
+    color: #5521b5;
+    color: rgba(85, 33, 181, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-purple-900:focus {
+    --text-opacity: 1;
+    color: #4a1d96;
+    color: rgba(74, 29, 150, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-pink-50:focus {
+    --text-opacity: 1;
+    color: #fdf2f8;
+    color: rgba(253, 242, 248, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-pink-100:focus {
+    --text-opacity: 1;
+    color: #fce8f3;
+    color: rgba(252, 232, 243, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-pink-200:focus {
+    --text-opacity: 1;
+    color: #fad1e8;
+    color: rgba(250, 209, 232, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-pink-300:focus {
+    --text-opacity: 1;
+    color: #f8b4d9;
+    color: rgba(248, 180, 217, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-pink-400:focus {
+    --text-opacity: 1;
+    color: #f17eb8;
+    color: rgba(241, 126, 184, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-pink-500:focus {
+    --text-opacity: 1;
+    color: #e74694;
+    color: rgba(231, 70, 148, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-pink-600:focus {
+    --text-opacity: 1;
+    color: #d61f69;
+    color: rgba(214, 31, 105, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-pink-700:focus {
+    --text-opacity: 1;
+    color: #bf125d;
+    color: rgba(191, 18, 93, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-pink-800:focus {
+    --text-opacity: 1;
+    color: #99154b;
+    color: rgba(153, 21, 75, var(--text-opacity));
+  }
+
+  .dark\:focus\:text-pink-900:focus {
+    --text-opacity: 1;
+    color: #751a3d;
+    color: rgba(117, 26, 61, var(--text-opacity));
+  }
+}
+
 .text-opacity-0 {
   --text-opacity: 0;
 }
@@ -32346,6 +44166,628 @@ video {
     border-color: rgba(117, 26, 61, var(--divide-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .sm\:dark\:divide-transparent > :not(template) ~ :not(template) {
+      border-color: transparent;
+    }
+
+    .sm\:dark\:divide-current > :not(template) ~ :not(template) {
+      border-color: currentColor;
+    }
+
+    .sm\:dark\:divide-black > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #000000;
+      border-color: rgba(0, 0, 0, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-white > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ffffff;
+      border-color: rgba(255, 255, 255, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-gray-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f9fafb;
+      border-color: rgba(249, 250, 251, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-gray-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f4f5f7;
+      border-color: rgba(244, 245, 247, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-gray-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e5e7eb;
+      border-color: rgba(229, 231, 235, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-gray-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #d2d6dc;
+      border-color: rgba(210, 214, 220, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-gray-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #9fa6b2;
+      border-color: rgba(159, 166, 178, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-gray-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #6b7280;
+      border-color: rgba(107, 114, 128, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-gray-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #4b5563;
+      border-color: rgba(75, 85, 99, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-gray-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #374151;
+      border-color: rgba(55, 65, 81, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-gray-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #252f3f;
+      border-color: rgba(37, 47, 63, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-gray-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #161e2e;
+      border-color: rgba(22, 30, 46, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-red-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdf2f2;
+      border-color: rgba(253, 242, 242, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-red-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fde8e8;
+      border-color: rgba(253, 232, 232, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-red-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fbd5d5;
+      border-color: rgba(251, 213, 213, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-red-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f8b4b4;
+      border-color: rgba(248, 180, 180, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-red-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f98080;
+      border-color: rgba(249, 128, 128, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-red-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f05252;
+      border-color: rgba(240, 82, 82, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-red-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e02424;
+      border-color: rgba(224, 36, 36, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-red-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #c81e1e;
+      border-color: rgba(200, 30, 30, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-red-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #9b1c1c;
+      border-color: rgba(155, 28, 28, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-red-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #771d1d;
+      border-color: rgba(119, 29, 29, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-orange-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fff8f1;
+      border-color: rgba(255, 248, 241, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-orange-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #feecdc;
+      border-color: rgba(254, 236, 220, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-orange-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fcd9bd;
+      border-color: rgba(252, 217, 189, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-orange-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdba8c;
+      border-color: rgba(253, 186, 140, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-orange-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ff8a4c;
+      border-color: rgba(255, 138, 76, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-orange-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ff5a1f;
+      border-color: rgba(255, 90, 31, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-orange-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #d03801;
+      border-color: rgba(208, 56, 1, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-orange-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #b43403;
+      border-color: rgba(180, 52, 3, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-orange-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #8a2c0d;
+      border-color: rgba(138, 44, 13, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-orange-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #73230d;
+      border-color: rgba(115, 35, 13, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-yellow-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdfdea;
+      border-color: rgba(253, 253, 234, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-yellow-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdf6b2;
+      border-color: rgba(253, 246, 178, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-yellow-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fce96a;
+      border-color: rgba(252, 233, 106, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-yellow-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #faca15;
+      border-color: rgba(250, 202, 21, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-yellow-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e3a008;
+      border-color: rgba(227, 160, 8, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-yellow-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #c27803;
+      border-color: rgba(194, 120, 3, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-yellow-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #9f580a;
+      border-color: rgba(159, 88, 10, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-yellow-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #8e4b10;
+      border-color: rgba(142, 75, 16, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-yellow-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #723b13;
+      border-color: rgba(114, 59, 19, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-yellow-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #633112;
+      border-color: rgba(99, 49, 18, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-green-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f3faf7;
+      border-color: rgba(243, 250, 247, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-green-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #def7ec;
+      border-color: rgba(222, 247, 236, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-green-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #bcf0da;
+      border-color: rgba(188, 240, 218, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-green-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #84e1bc;
+      border-color: rgba(132, 225, 188, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-green-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #31c48d;
+      border-color: rgba(49, 196, 141, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-green-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #0e9f6e;
+      border-color: rgba(14, 159, 110, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-green-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #057a55;
+      border-color: rgba(5, 122, 85, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-green-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #046c4e;
+      border-color: rgba(4, 108, 78, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-green-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #03543f;
+      border-color: rgba(3, 84, 63, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-green-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #014737;
+      border-color: rgba(1, 71, 55, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-teal-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #edfafa;
+      border-color: rgba(237, 250, 250, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-teal-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #d5f5f6;
+      border-color: rgba(213, 245, 246, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-teal-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #afecef;
+      border-color: rgba(175, 236, 239, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-teal-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #7edce2;
+      border-color: rgba(126, 220, 226, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-teal-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #16bdca;
+      border-color: rgba(22, 189, 202, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-teal-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #0694a2;
+      border-color: rgba(6, 148, 162, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-teal-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #047481;
+      border-color: rgba(4, 116, 129, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-teal-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #036672;
+      border-color: rgba(3, 102, 114, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-teal-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #05505c;
+      border-color: rgba(5, 80, 92, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-teal-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #014451;
+      border-color: rgba(1, 68, 81, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-blue-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ebf5ff;
+      border-color: rgba(235, 245, 255, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-blue-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e1effe;
+      border-color: rgba(225, 239, 254, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-blue-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #c3ddfd;
+      border-color: rgba(195, 221, 253, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-blue-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #a4cafe;
+      border-color: rgba(164, 202, 254, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-blue-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #76a9fa;
+      border-color: rgba(118, 169, 250, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-blue-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #3f83f8;
+      border-color: rgba(63, 131, 248, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-blue-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #1c64f2;
+      border-color: rgba(28, 100, 242, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-blue-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #1a56db;
+      border-color: rgba(26, 86, 219, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-blue-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #1e429f;
+      border-color: rgba(30, 66, 159, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-blue-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #233876;
+      border-color: rgba(35, 56, 118, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-indigo-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f0f5ff;
+      border-color: rgba(240, 245, 255, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-indigo-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e5edff;
+      border-color: rgba(229, 237, 255, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-indigo-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #cddbfe;
+      border-color: rgba(205, 219, 254, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-indigo-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #b4c6fc;
+      border-color: rgba(180, 198, 252, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-indigo-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #8da2fb;
+      border-color: rgba(141, 162, 251, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-indigo-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #6875f5;
+      border-color: rgba(104, 117, 245, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-indigo-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #5850ec;
+      border-color: rgba(88, 80, 236, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-indigo-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #5145cd;
+      border-color: rgba(81, 69, 205, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-indigo-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #42389d;
+      border-color: rgba(66, 56, 157, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-indigo-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #362f78;
+      border-color: rgba(54, 47, 120, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-purple-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f6f5ff;
+      border-color: rgba(246, 245, 255, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-purple-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #edebfe;
+      border-color: rgba(237, 235, 254, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-purple-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #dcd7fe;
+      border-color: rgba(220, 215, 254, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-purple-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #cabffd;
+      border-color: rgba(202, 191, 253, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-purple-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ac94fa;
+      border-color: rgba(172, 148, 250, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-purple-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #9061f9;
+      border-color: rgba(144, 97, 249, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-purple-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #7e3af2;
+      border-color: rgba(126, 58, 242, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-purple-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #6c2bd9;
+      border-color: rgba(108, 43, 217, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-purple-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #5521b5;
+      border-color: rgba(85, 33, 181, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-purple-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #4a1d96;
+      border-color: rgba(74, 29, 150, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-pink-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdf2f8;
+      border-color: rgba(253, 242, 248, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-pink-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fce8f3;
+      border-color: rgba(252, 232, 243, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-pink-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fad1e8;
+      border-color: rgba(250, 209, 232, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-pink-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f8b4d9;
+      border-color: rgba(248, 180, 217, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-pink-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f17eb8;
+      border-color: rgba(241, 126, 184, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-pink-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e74694;
+      border-color: rgba(231, 70, 148, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-pink-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #d61f69;
+      border-color: rgba(214, 31, 105, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-pink-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #bf125d;
+      border-color: rgba(191, 18, 93, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-pink-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #99154b;
+      border-color: rgba(153, 21, 75, var(--divide-opacity));
+    }
+
+    .sm\:dark\:divide-pink-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #751a3d;
+      border-color: rgba(117, 26, 61, var(--divide-opacity));
+    }
+  }
+
   .sm\:divide-solid > :not(template) ~ :not(template) {
     border-style: solid;
   }
@@ -34324,6 +46766,1868 @@ video {
     background-color: rgba(117, 26, 61, var(--bg-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .sm\:dark\:bg-transparent {
+      background-color: transparent;
+    }
+
+    .sm\:dark\:bg-current {
+      background-color: currentColor;
+    }
+
+    .sm\:dark\:bg-black {
+      --bg-opacity: 1;
+      background-color: #000000;
+      background-color: rgba(0, 0, 0, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-white {
+      --bg-opacity: 1;
+      background-color: #ffffff;
+      background-color: rgba(255, 255, 255, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-gray-50 {
+      --bg-opacity: 1;
+      background-color: #f9fafb;
+      background-color: rgba(249, 250, 251, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-gray-100 {
+      --bg-opacity: 1;
+      background-color: #f4f5f7;
+      background-color: rgba(244, 245, 247, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-gray-200 {
+      --bg-opacity: 1;
+      background-color: #e5e7eb;
+      background-color: rgba(229, 231, 235, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-gray-300 {
+      --bg-opacity: 1;
+      background-color: #d2d6dc;
+      background-color: rgba(210, 214, 220, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-gray-400 {
+      --bg-opacity: 1;
+      background-color: #9fa6b2;
+      background-color: rgba(159, 166, 178, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-gray-500 {
+      --bg-opacity: 1;
+      background-color: #6b7280;
+      background-color: rgba(107, 114, 128, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-gray-600 {
+      --bg-opacity: 1;
+      background-color: #4b5563;
+      background-color: rgba(75, 85, 99, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-gray-700 {
+      --bg-opacity: 1;
+      background-color: #374151;
+      background-color: rgba(55, 65, 81, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-gray-800 {
+      --bg-opacity: 1;
+      background-color: #252f3f;
+      background-color: rgba(37, 47, 63, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-gray-900 {
+      --bg-opacity: 1;
+      background-color: #161e2e;
+      background-color: rgba(22, 30, 46, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-red-50 {
+      --bg-opacity: 1;
+      background-color: #fdf2f2;
+      background-color: rgba(253, 242, 242, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-red-100 {
+      --bg-opacity: 1;
+      background-color: #fde8e8;
+      background-color: rgba(253, 232, 232, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-red-200 {
+      --bg-opacity: 1;
+      background-color: #fbd5d5;
+      background-color: rgba(251, 213, 213, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-red-300 {
+      --bg-opacity: 1;
+      background-color: #f8b4b4;
+      background-color: rgba(248, 180, 180, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-red-400 {
+      --bg-opacity: 1;
+      background-color: #f98080;
+      background-color: rgba(249, 128, 128, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-red-500 {
+      --bg-opacity: 1;
+      background-color: #f05252;
+      background-color: rgba(240, 82, 82, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-red-600 {
+      --bg-opacity: 1;
+      background-color: #e02424;
+      background-color: rgba(224, 36, 36, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-red-700 {
+      --bg-opacity: 1;
+      background-color: #c81e1e;
+      background-color: rgba(200, 30, 30, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-red-800 {
+      --bg-opacity: 1;
+      background-color: #9b1c1c;
+      background-color: rgba(155, 28, 28, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-red-900 {
+      --bg-opacity: 1;
+      background-color: #771d1d;
+      background-color: rgba(119, 29, 29, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-orange-50 {
+      --bg-opacity: 1;
+      background-color: #fff8f1;
+      background-color: rgba(255, 248, 241, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-orange-100 {
+      --bg-opacity: 1;
+      background-color: #feecdc;
+      background-color: rgba(254, 236, 220, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-orange-200 {
+      --bg-opacity: 1;
+      background-color: #fcd9bd;
+      background-color: rgba(252, 217, 189, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-orange-300 {
+      --bg-opacity: 1;
+      background-color: #fdba8c;
+      background-color: rgba(253, 186, 140, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-orange-400 {
+      --bg-opacity: 1;
+      background-color: #ff8a4c;
+      background-color: rgba(255, 138, 76, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-orange-500 {
+      --bg-opacity: 1;
+      background-color: #ff5a1f;
+      background-color: rgba(255, 90, 31, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-orange-600 {
+      --bg-opacity: 1;
+      background-color: #d03801;
+      background-color: rgba(208, 56, 1, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-orange-700 {
+      --bg-opacity: 1;
+      background-color: #b43403;
+      background-color: rgba(180, 52, 3, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-orange-800 {
+      --bg-opacity: 1;
+      background-color: #8a2c0d;
+      background-color: rgba(138, 44, 13, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-orange-900 {
+      --bg-opacity: 1;
+      background-color: #73230d;
+      background-color: rgba(115, 35, 13, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-yellow-50 {
+      --bg-opacity: 1;
+      background-color: #fdfdea;
+      background-color: rgba(253, 253, 234, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-yellow-100 {
+      --bg-opacity: 1;
+      background-color: #fdf6b2;
+      background-color: rgba(253, 246, 178, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-yellow-200 {
+      --bg-opacity: 1;
+      background-color: #fce96a;
+      background-color: rgba(252, 233, 106, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-yellow-300 {
+      --bg-opacity: 1;
+      background-color: #faca15;
+      background-color: rgba(250, 202, 21, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-yellow-400 {
+      --bg-opacity: 1;
+      background-color: #e3a008;
+      background-color: rgba(227, 160, 8, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-yellow-500 {
+      --bg-opacity: 1;
+      background-color: #c27803;
+      background-color: rgba(194, 120, 3, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-yellow-600 {
+      --bg-opacity: 1;
+      background-color: #9f580a;
+      background-color: rgba(159, 88, 10, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-yellow-700 {
+      --bg-opacity: 1;
+      background-color: #8e4b10;
+      background-color: rgba(142, 75, 16, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-yellow-800 {
+      --bg-opacity: 1;
+      background-color: #723b13;
+      background-color: rgba(114, 59, 19, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-yellow-900 {
+      --bg-opacity: 1;
+      background-color: #633112;
+      background-color: rgba(99, 49, 18, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-green-50 {
+      --bg-opacity: 1;
+      background-color: #f3faf7;
+      background-color: rgba(243, 250, 247, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-green-100 {
+      --bg-opacity: 1;
+      background-color: #def7ec;
+      background-color: rgba(222, 247, 236, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-green-200 {
+      --bg-opacity: 1;
+      background-color: #bcf0da;
+      background-color: rgba(188, 240, 218, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-green-300 {
+      --bg-opacity: 1;
+      background-color: #84e1bc;
+      background-color: rgba(132, 225, 188, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-green-400 {
+      --bg-opacity: 1;
+      background-color: #31c48d;
+      background-color: rgba(49, 196, 141, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-green-500 {
+      --bg-opacity: 1;
+      background-color: #0e9f6e;
+      background-color: rgba(14, 159, 110, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-green-600 {
+      --bg-opacity: 1;
+      background-color: #057a55;
+      background-color: rgba(5, 122, 85, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-green-700 {
+      --bg-opacity: 1;
+      background-color: #046c4e;
+      background-color: rgba(4, 108, 78, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-green-800 {
+      --bg-opacity: 1;
+      background-color: #03543f;
+      background-color: rgba(3, 84, 63, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-green-900 {
+      --bg-opacity: 1;
+      background-color: #014737;
+      background-color: rgba(1, 71, 55, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-teal-50 {
+      --bg-opacity: 1;
+      background-color: #edfafa;
+      background-color: rgba(237, 250, 250, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-teal-100 {
+      --bg-opacity: 1;
+      background-color: #d5f5f6;
+      background-color: rgba(213, 245, 246, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-teal-200 {
+      --bg-opacity: 1;
+      background-color: #afecef;
+      background-color: rgba(175, 236, 239, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-teal-300 {
+      --bg-opacity: 1;
+      background-color: #7edce2;
+      background-color: rgba(126, 220, 226, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-teal-400 {
+      --bg-opacity: 1;
+      background-color: #16bdca;
+      background-color: rgba(22, 189, 202, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-teal-500 {
+      --bg-opacity: 1;
+      background-color: #0694a2;
+      background-color: rgba(6, 148, 162, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-teal-600 {
+      --bg-opacity: 1;
+      background-color: #047481;
+      background-color: rgba(4, 116, 129, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-teal-700 {
+      --bg-opacity: 1;
+      background-color: #036672;
+      background-color: rgba(3, 102, 114, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-teal-800 {
+      --bg-opacity: 1;
+      background-color: #05505c;
+      background-color: rgba(5, 80, 92, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-teal-900 {
+      --bg-opacity: 1;
+      background-color: #014451;
+      background-color: rgba(1, 68, 81, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-blue-50 {
+      --bg-opacity: 1;
+      background-color: #ebf5ff;
+      background-color: rgba(235, 245, 255, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-blue-100 {
+      --bg-opacity: 1;
+      background-color: #e1effe;
+      background-color: rgba(225, 239, 254, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-blue-200 {
+      --bg-opacity: 1;
+      background-color: #c3ddfd;
+      background-color: rgba(195, 221, 253, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-blue-300 {
+      --bg-opacity: 1;
+      background-color: #a4cafe;
+      background-color: rgba(164, 202, 254, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-blue-400 {
+      --bg-opacity: 1;
+      background-color: #76a9fa;
+      background-color: rgba(118, 169, 250, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-blue-500 {
+      --bg-opacity: 1;
+      background-color: #3f83f8;
+      background-color: rgba(63, 131, 248, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-blue-600 {
+      --bg-opacity: 1;
+      background-color: #1c64f2;
+      background-color: rgba(28, 100, 242, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-blue-700 {
+      --bg-opacity: 1;
+      background-color: #1a56db;
+      background-color: rgba(26, 86, 219, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-blue-800 {
+      --bg-opacity: 1;
+      background-color: #1e429f;
+      background-color: rgba(30, 66, 159, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-blue-900 {
+      --bg-opacity: 1;
+      background-color: #233876;
+      background-color: rgba(35, 56, 118, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-indigo-50 {
+      --bg-opacity: 1;
+      background-color: #f0f5ff;
+      background-color: rgba(240, 245, 255, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-indigo-100 {
+      --bg-opacity: 1;
+      background-color: #e5edff;
+      background-color: rgba(229, 237, 255, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-indigo-200 {
+      --bg-opacity: 1;
+      background-color: #cddbfe;
+      background-color: rgba(205, 219, 254, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-indigo-300 {
+      --bg-opacity: 1;
+      background-color: #b4c6fc;
+      background-color: rgba(180, 198, 252, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-indigo-400 {
+      --bg-opacity: 1;
+      background-color: #8da2fb;
+      background-color: rgba(141, 162, 251, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-indigo-500 {
+      --bg-opacity: 1;
+      background-color: #6875f5;
+      background-color: rgba(104, 117, 245, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-indigo-600 {
+      --bg-opacity: 1;
+      background-color: #5850ec;
+      background-color: rgba(88, 80, 236, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-indigo-700 {
+      --bg-opacity: 1;
+      background-color: #5145cd;
+      background-color: rgba(81, 69, 205, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-indigo-800 {
+      --bg-opacity: 1;
+      background-color: #42389d;
+      background-color: rgba(66, 56, 157, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-indigo-900 {
+      --bg-opacity: 1;
+      background-color: #362f78;
+      background-color: rgba(54, 47, 120, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-purple-50 {
+      --bg-opacity: 1;
+      background-color: #f6f5ff;
+      background-color: rgba(246, 245, 255, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-purple-100 {
+      --bg-opacity: 1;
+      background-color: #edebfe;
+      background-color: rgba(237, 235, 254, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-purple-200 {
+      --bg-opacity: 1;
+      background-color: #dcd7fe;
+      background-color: rgba(220, 215, 254, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-purple-300 {
+      --bg-opacity: 1;
+      background-color: #cabffd;
+      background-color: rgba(202, 191, 253, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-purple-400 {
+      --bg-opacity: 1;
+      background-color: #ac94fa;
+      background-color: rgba(172, 148, 250, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-purple-500 {
+      --bg-opacity: 1;
+      background-color: #9061f9;
+      background-color: rgba(144, 97, 249, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-purple-600 {
+      --bg-opacity: 1;
+      background-color: #7e3af2;
+      background-color: rgba(126, 58, 242, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-purple-700 {
+      --bg-opacity: 1;
+      background-color: #6c2bd9;
+      background-color: rgba(108, 43, 217, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-purple-800 {
+      --bg-opacity: 1;
+      background-color: #5521b5;
+      background-color: rgba(85, 33, 181, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-purple-900 {
+      --bg-opacity: 1;
+      background-color: #4a1d96;
+      background-color: rgba(74, 29, 150, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-pink-50 {
+      --bg-opacity: 1;
+      background-color: #fdf2f8;
+      background-color: rgba(253, 242, 248, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-pink-100 {
+      --bg-opacity: 1;
+      background-color: #fce8f3;
+      background-color: rgba(252, 232, 243, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-pink-200 {
+      --bg-opacity: 1;
+      background-color: #fad1e8;
+      background-color: rgba(250, 209, 232, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-pink-300 {
+      --bg-opacity: 1;
+      background-color: #f8b4d9;
+      background-color: rgba(248, 180, 217, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-pink-400 {
+      --bg-opacity: 1;
+      background-color: #f17eb8;
+      background-color: rgba(241, 126, 184, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-pink-500 {
+      --bg-opacity: 1;
+      background-color: #e74694;
+      background-color: rgba(231, 70, 148, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-pink-600 {
+      --bg-opacity: 1;
+      background-color: #d61f69;
+      background-color: rgba(214, 31, 105, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-pink-700 {
+      --bg-opacity: 1;
+      background-color: #bf125d;
+      background-color: rgba(191, 18, 93, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-pink-800 {
+      --bg-opacity: 1;
+      background-color: #99154b;
+      background-color: rgba(153, 21, 75, var(--bg-opacity));
+    }
+
+    .sm\:dark\:bg-pink-900 {
+      --bg-opacity: 1;
+      background-color: #751a3d;
+      background-color: rgba(117, 26, 61, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-transparent:hover {
+      background-color: transparent;
+    }
+
+    .sm\:dark\:hover\:bg-current:hover {
+      background-color: currentColor;
+    }
+
+    .sm\:dark\:hover\:bg-black:hover {
+      --bg-opacity: 1;
+      background-color: #000000;
+      background-color: rgba(0, 0, 0, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-white:hover {
+      --bg-opacity: 1;
+      background-color: #ffffff;
+      background-color: rgba(255, 255, 255, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-gray-50:hover {
+      --bg-opacity: 1;
+      background-color: #f9fafb;
+      background-color: rgba(249, 250, 251, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-gray-100:hover {
+      --bg-opacity: 1;
+      background-color: #f4f5f7;
+      background-color: rgba(244, 245, 247, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-gray-200:hover {
+      --bg-opacity: 1;
+      background-color: #e5e7eb;
+      background-color: rgba(229, 231, 235, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-gray-300:hover {
+      --bg-opacity: 1;
+      background-color: #d2d6dc;
+      background-color: rgba(210, 214, 220, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-gray-400:hover {
+      --bg-opacity: 1;
+      background-color: #9fa6b2;
+      background-color: rgba(159, 166, 178, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-gray-500:hover {
+      --bg-opacity: 1;
+      background-color: #6b7280;
+      background-color: rgba(107, 114, 128, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-gray-600:hover {
+      --bg-opacity: 1;
+      background-color: #4b5563;
+      background-color: rgba(75, 85, 99, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-gray-700:hover {
+      --bg-opacity: 1;
+      background-color: #374151;
+      background-color: rgba(55, 65, 81, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-gray-800:hover {
+      --bg-opacity: 1;
+      background-color: #252f3f;
+      background-color: rgba(37, 47, 63, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-gray-900:hover {
+      --bg-opacity: 1;
+      background-color: #161e2e;
+      background-color: rgba(22, 30, 46, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-red-50:hover {
+      --bg-opacity: 1;
+      background-color: #fdf2f2;
+      background-color: rgba(253, 242, 242, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-red-100:hover {
+      --bg-opacity: 1;
+      background-color: #fde8e8;
+      background-color: rgba(253, 232, 232, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-red-200:hover {
+      --bg-opacity: 1;
+      background-color: #fbd5d5;
+      background-color: rgba(251, 213, 213, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-red-300:hover {
+      --bg-opacity: 1;
+      background-color: #f8b4b4;
+      background-color: rgba(248, 180, 180, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-red-400:hover {
+      --bg-opacity: 1;
+      background-color: #f98080;
+      background-color: rgba(249, 128, 128, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-red-500:hover {
+      --bg-opacity: 1;
+      background-color: #f05252;
+      background-color: rgba(240, 82, 82, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-red-600:hover {
+      --bg-opacity: 1;
+      background-color: #e02424;
+      background-color: rgba(224, 36, 36, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-red-700:hover {
+      --bg-opacity: 1;
+      background-color: #c81e1e;
+      background-color: rgba(200, 30, 30, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-red-800:hover {
+      --bg-opacity: 1;
+      background-color: #9b1c1c;
+      background-color: rgba(155, 28, 28, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-red-900:hover {
+      --bg-opacity: 1;
+      background-color: #771d1d;
+      background-color: rgba(119, 29, 29, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-orange-50:hover {
+      --bg-opacity: 1;
+      background-color: #fff8f1;
+      background-color: rgba(255, 248, 241, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-orange-100:hover {
+      --bg-opacity: 1;
+      background-color: #feecdc;
+      background-color: rgba(254, 236, 220, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-orange-200:hover {
+      --bg-opacity: 1;
+      background-color: #fcd9bd;
+      background-color: rgba(252, 217, 189, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-orange-300:hover {
+      --bg-opacity: 1;
+      background-color: #fdba8c;
+      background-color: rgba(253, 186, 140, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-orange-400:hover {
+      --bg-opacity: 1;
+      background-color: #ff8a4c;
+      background-color: rgba(255, 138, 76, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-orange-500:hover {
+      --bg-opacity: 1;
+      background-color: #ff5a1f;
+      background-color: rgba(255, 90, 31, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-orange-600:hover {
+      --bg-opacity: 1;
+      background-color: #d03801;
+      background-color: rgba(208, 56, 1, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-orange-700:hover {
+      --bg-opacity: 1;
+      background-color: #b43403;
+      background-color: rgba(180, 52, 3, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-orange-800:hover {
+      --bg-opacity: 1;
+      background-color: #8a2c0d;
+      background-color: rgba(138, 44, 13, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-orange-900:hover {
+      --bg-opacity: 1;
+      background-color: #73230d;
+      background-color: rgba(115, 35, 13, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-yellow-50:hover {
+      --bg-opacity: 1;
+      background-color: #fdfdea;
+      background-color: rgba(253, 253, 234, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-yellow-100:hover {
+      --bg-opacity: 1;
+      background-color: #fdf6b2;
+      background-color: rgba(253, 246, 178, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-yellow-200:hover {
+      --bg-opacity: 1;
+      background-color: #fce96a;
+      background-color: rgba(252, 233, 106, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-yellow-300:hover {
+      --bg-opacity: 1;
+      background-color: #faca15;
+      background-color: rgba(250, 202, 21, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-yellow-400:hover {
+      --bg-opacity: 1;
+      background-color: #e3a008;
+      background-color: rgba(227, 160, 8, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-yellow-500:hover {
+      --bg-opacity: 1;
+      background-color: #c27803;
+      background-color: rgba(194, 120, 3, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-yellow-600:hover {
+      --bg-opacity: 1;
+      background-color: #9f580a;
+      background-color: rgba(159, 88, 10, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-yellow-700:hover {
+      --bg-opacity: 1;
+      background-color: #8e4b10;
+      background-color: rgba(142, 75, 16, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-yellow-800:hover {
+      --bg-opacity: 1;
+      background-color: #723b13;
+      background-color: rgba(114, 59, 19, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-yellow-900:hover {
+      --bg-opacity: 1;
+      background-color: #633112;
+      background-color: rgba(99, 49, 18, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-green-50:hover {
+      --bg-opacity: 1;
+      background-color: #f3faf7;
+      background-color: rgba(243, 250, 247, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-green-100:hover {
+      --bg-opacity: 1;
+      background-color: #def7ec;
+      background-color: rgba(222, 247, 236, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-green-200:hover {
+      --bg-opacity: 1;
+      background-color: #bcf0da;
+      background-color: rgba(188, 240, 218, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-green-300:hover {
+      --bg-opacity: 1;
+      background-color: #84e1bc;
+      background-color: rgba(132, 225, 188, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-green-400:hover {
+      --bg-opacity: 1;
+      background-color: #31c48d;
+      background-color: rgba(49, 196, 141, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-green-500:hover {
+      --bg-opacity: 1;
+      background-color: #0e9f6e;
+      background-color: rgba(14, 159, 110, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-green-600:hover {
+      --bg-opacity: 1;
+      background-color: #057a55;
+      background-color: rgba(5, 122, 85, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-green-700:hover {
+      --bg-opacity: 1;
+      background-color: #046c4e;
+      background-color: rgba(4, 108, 78, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-green-800:hover {
+      --bg-opacity: 1;
+      background-color: #03543f;
+      background-color: rgba(3, 84, 63, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-green-900:hover {
+      --bg-opacity: 1;
+      background-color: #014737;
+      background-color: rgba(1, 71, 55, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-teal-50:hover {
+      --bg-opacity: 1;
+      background-color: #edfafa;
+      background-color: rgba(237, 250, 250, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-teal-100:hover {
+      --bg-opacity: 1;
+      background-color: #d5f5f6;
+      background-color: rgba(213, 245, 246, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-teal-200:hover {
+      --bg-opacity: 1;
+      background-color: #afecef;
+      background-color: rgba(175, 236, 239, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-teal-300:hover {
+      --bg-opacity: 1;
+      background-color: #7edce2;
+      background-color: rgba(126, 220, 226, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-teal-400:hover {
+      --bg-opacity: 1;
+      background-color: #16bdca;
+      background-color: rgba(22, 189, 202, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-teal-500:hover {
+      --bg-opacity: 1;
+      background-color: #0694a2;
+      background-color: rgba(6, 148, 162, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-teal-600:hover {
+      --bg-opacity: 1;
+      background-color: #047481;
+      background-color: rgba(4, 116, 129, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-teal-700:hover {
+      --bg-opacity: 1;
+      background-color: #036672;
+      background-color: rgba(3, 102, 114, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-teal-800:hover {
+      --bg-opacity: 1;
+      background-color: #05505c;
+      background-color: rgba(5, 80, 92, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-teal-900:hover {
+      --bg-opacity: 1;
+      background-color: #014451;
+      background-color: rgba(1, 68, 81, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-blue-50:hover {
+      --bg-opacity: 1;
+      background-color: #ebf5ff;
+      background-color: rgba(235, 245, 255, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-blue-100:hover {
+      --bg-opacity: 1;
+      background-color: #e1effe;
+      background-color: rgba(225, 239, 254, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-blue-200:hover {
+      --bg-opacity: 1;
+      background-color: #c3ddfd;
+      background-color: rgba(195, 221, 253, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-blue-300:hover {
+      --bg-opacity: 1;
+      background-color: #a4cafe;
+      background-color: rgba(164, 202, 254, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-blue-400:hover {
+      --bg-opacity: 1;
+      background-color: #76a9fa;
+      background-color: rgba(118, 169, 250, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-blue-500:hover {
+      --bg-opacity: 1;
+      background-color: #3f83f8;
+      background-color: rgba(63, 131, 248, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-blue-600:hover {
+      --bg-opacity: 1;
+      background-color: #1c64f2;
+      background-color: rgba(28, 100, 242, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-blue-700:hover {
+      --bg-opacity: 1;
+      background-color: #1a56db;
+      background-color: rgba(26, 86, 219, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-blue-800:hover {
+      --bg-opacity: 1;
+      background-color: #1e429f;
+      background-color: rgba(30, 66, 159, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-blue-900:hover {
+      --bg-opacity: 1;
+      background-color: #233876;
+      background-color: rgba(35, 56, 118, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-indigo-50:hover {
+      --bg-opacity: 1;
+      background-color: #f0f5ff;
+      background-color: rgba(240, 245, 255, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-indigo-100:hover {
+      --bg-opacity: 1;
+      background-color: #e5edff;
+      background-color: rgba(229, 237, 255, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-indigo-200:hover {
+      --bg-opacity: 1;
+      background-color: #cddbfe;
+      background-color: rgba(205, 219, 254, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-indigo-300:hover {
+      --bg-opacity: 1;
+      background-color: #b4c6fc;
+      background-color: rgba(180, 198, 252, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-indigo-400:hover {
+      --bg-opacity: 1;
+      background-color: #8da2fb;
+      background-color: rgba(141, 162, 251, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-indigo-500:hover {
+      --bg-opacity: 1;
+      background-color: #6875f5;
+      background-color: rgba(104, 117, 245, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-indigo-600:hover {
+      --bg-opacity: 1;
+      background-color: #5850ec;
+      background-color: rgba(88, 80, 236, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-indigo-700:hover {
+      --bg-opacity: 1;
+      background-color: #5145cd;
+      background-color: rgba(81, 69, 205, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-indigo-800:hover {
+      --bg-opacity: 1;
+      background-color: #42389d;
+      background-color: rgba(66, 56, 157, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-indigo-900:hover {
+      --bg-opacity: 1;
+      background-color: #362f78;
+      background-color: rgba(54, 47, 120, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-purple-50:hover {
+      --bg-opacity: 1;
+      background-color: #f6f5ff;
+      background-color: rgba(246, 245, 255, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-purple-100:hover {
+      --bg-opacity: 1;
+      background-color: #edebfe;
+      background-color: rgba(237, 235, 254, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-purple-200:hover {
+      --bg-opacity: 1;
+      background-color: #dcd7fe;
+      background-color: rgba(220, 215, 254, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-purple-300:hover {
+      --bg-opacity: 1;
+      background-color: #cabffd;
+      background-color: rgba(202, 191, 253, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-purple-400:hover {
+      --bg-opacity: 1;
+      background-color: #ac94fa;
+      background-color: rgba(172, 148, 250, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-purple-500:hover {
+      --bg-opacity: 1;
+      background-color: #9061f9;
+      background-color: rgba(144, 97, 249, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-purple-600:hover {
+      --bg-opacity: 1;
+      background-color: #7e3af2;
+      background-color: rgba(126, 58, 242, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-purple-700:hover {
+      --bg-opacity: 1;
+      background-color: #6c2bd9;
+      background-color: rgba(108, 43, 217, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-purple-800:hover {
+      --bg-opacity: 1;
+      background-color: #5521b5;
+      background-color: rgba(85, 33, 181, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-purple-900:hover {
+      --bg-opacity: 1;
+      background-color: #4a1d96;
+      background-color: rgba(74, 29, 150, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-pink-50:hover {
+      --bg-opacity: 1;
+      background-color: #fdf2f8;
+      background-color: rgba(253, 242, 248, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-pink-100:hover {
+      --bg-opacity: 1;
+      background-color: #fce8f3;
+      background-color: rgba(252, 232, 243, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-pink-200:hover {
+      --bg-opacity: 1;
+      background-color: #fad1e8;
+      background-color: rgba(250, 209, 232, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-pink-300:hover {
+      --bg-opacity: 1;
+      background-color: #f8b4d9;
+      background-color: rgba(248, 180, 217, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-pink-400:hover {
+      --bg-opacity: 1;
+      background-color: #f17eb8;
+      background-color: rgba(241, 126, 184, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-pink-500:hover {
+      --bg-opacity: 1;
+      background-color: #e74694;
+      background-color: rgba(231, 70, 148, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-pink-600:hover {
+      --bg-opacity: 1;
+      background-color: #d61f69;
+      background-color: rgba(214, 31, 105, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-pink-700:hover {
+      --bg-opacity: 1;
+      background-color: #bf125d;
+      background-color: rgba(191, 18, 93, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-pink-800:hover {
+      --bg-opacity: 1;
+      background-color: #99154b;
+      background-color: rgba(153, 21, 75, var(--bg-opacity));
+    }
+
+    .sm\:dark\:hover\:bg-pink-900:hover {
+      --bg-opacity: 1;
+      background-color: #751a3d;
+      background-color: rgba(117, 26, 61, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-transparent:focus {
+      background-color: transparent;
+    }
+
+    .sm\:dark\:focus\:bg-current:focus {
+      background-color: currentColor;
+    }
+
+    .sm\:dark\:focus\:bg-black:focus {
+      --bg-opacity: 1;
+      background-color: #000000;
+      background-color: rgba(0, 0, 0, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-white:focus {
+      --bg-opacity: 1;
+      background-color: #ffffff;
+      background-color: rgba(255, 255, 255, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-gray-50:focus {
+      --bg-opacity: 1;
+      background-color: #f9fafb;
+      background-color: rgba(249, 250, 251, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-gray-100:focus {
+      --bg-opacity: 1;
+      background-color: #f4f5f7;
+      background-color: rgba(244, 245, 247, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-gray-200:focus {
+      --bg-opacity: 1;
+      background-color: #e5e7eb;
+      background-color: rgba(229, 231, 235, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-gray-300:focus {
+      --bg-opacity: 1;
+      background-color: #d2d6dc;
+      background-color: rgba(210, 214, 220, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-gray-400:focus {
+      --bg-opacity: 1;
+      background-color: #9fa6b2;
+      background-color: rgba(159, 166, 178, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-gray-500:focus {
+      --bg-opacity: 1;
+      background-color: #6b7280;
+      background-color: rgba(107, 114, 128, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-gray-600:focus {
+      --bg-opacity: 1;
+      background-color: #4b5563;
+      background-color: rgba(75, 85, 99, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-gray-700:focus {
+      --bg-opacity: 1;
+      background-color: #374151;
+      background-color: rgba(55, 65, 81, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-gray-800:focus {
+      --bg-opacity: 1;
+      background-color: #252f3f;
+      background-color: rgba(37, 47, 63, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-gray-900:focus {
+      --bg-opacity: 1;
+      background-color: #161e2e;
+      background-color: rgba(22, 30, 46, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-red-50:focus {
+      --bg-opacity: 1;
+      background-color: #fdf2f2;
+      background-color: rgba(253, 242, 242, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-red-100:focus {
+      --bg-opacity: 1;
+      background-color: #fde8e8;
+      background-color: rgba(253, 232, 232, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-red-200:focus {
+      --bg-opacity: 1;
+      background-color: #fbd5d5;
+      background-color: rgba(251, 213, 213, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-red-300:focus {
+      --bg-opacity: 1;
+      background-color: #f8b4b4;
+      background-color: rgba(248, 180, 180, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-red-400:focus {
+      --bg-opacity: 1;
+      background-color: #f98080;
+      background-color: rgba(249, 128, 128, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-red-500:focus {
+      --bg-opacity: 1;
+      background-color: #f05252;
+      background-color: rgba(240, 82, 82, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-red-600:focus {
+      --bg-opacity: 1;
+      background-color: #e02424;
+      background-color: rgba(224, 36, 36, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-red-700:focus {
+      --bg-opacity: 1;
+      background-color: #c81e1e;
+      background-color: rgba(200, 30, 30, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-red-800:focus {
+      --bg-opacity: 1;
+      background-color: #9b1c1c;
+      background-color: rgba(155, 28, 28, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-red-900:focus {
+      --bg-opacity: 1;
+      background-color: #771d1d;
+      background-color: rgba(119, 29, 29, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-orange-50:focus {
+      --bg-opacity: 1;
+      background-color: #fff8f1;
+      background-color: rgba(255, 248, 241, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-orange-100:focus {
+      --bg-opacity: 1;
+      background-color: #feecdc;
+      background-color: rgba(254, 236, 220, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-orange-200:focus {
+      --bg-opacity: 1;
+      background-color: #fcd9bd;
+      background-color: rgba(252, 217, 189, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-orange-300:focus {
+      --bg-opacity: 1;
+      background-color: #fdba8c;
+      background-color: rgba(253, 186, 140, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-orange-400:focus {
+      --bg-opacity: 1;
+      background-color: #ff8a4c;
+      background-color: rgba(255, 138, 76, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-orange-500:focus {
+      --bg-opacity: 1;
+      background-color: #ff5a1f;
+      background-color: rgba(255, 90, 31, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-orange-600:focus {
+      --bg-opacity: 1;
+      background-color: #d03801;
+      background-color: rgba(208, 56, 1, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-orange-700:focus {
+      --bg-opacity: 1;
+      background-color: #b43403;
+      background-color: rgba(180, 52, 3, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-orange-800:focus {
+      --bg-opacity: 1;
+      background-color: #8a2c0d;
+      background-color: rgba(138, 44, 13, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-orange-900:focus {
+      --bg-opacity: 1;
+      background-color: #73230d;
+      background-color: rgba(115, 35, 13, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-yellow-50:focus {
+      --bg-opacity: 1;
+      background-color: #fdfdea;
+      background-color: rgba(253, 253, 234, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-yellow-100:focus {
+      --bg-opacity: 1;
+      background-color: #fdf6b2;
+      background-color: rgba(253, 246, 178, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-yellow-200:focus {
+      --bg-opacity: 1;
+      background-color: #fce96a;
+      background-color: rgba(252, 233, 106, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-yellow-300:focus {
+      --bg-opacity: 1;
+      background-color: #faca15;
+      background-color: rgba(250, 202, 21, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-yellow-400:focus {
+      --bg-opacity: 1;
+      background-color: #e3a008;
+      background-color: rgba(227, 160, 8, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-yellow-500:focus {
+      --bg-opacity: 1;
+      background-color: #c27803;
+      background-color: rgba(194, 120, 3, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-yellow-600:focus {
+      --bg-opacity: 1;
+      background-color: #9f580a;
+      background-color: rgba(159, 88, 10, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-yellow-700:focus {
+      --bg-opacity: 1;
+      background-color: #8e4b10;
+      background-color: rgba(142, 75, 16, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-yellow-800:focus {
+      --bg-opacity: 1;
+      background-color: #723b13;
+      background-color: rgba(114, 59, 19, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-yellow-900:focus {
+      --bg-opacity: 1;
+      background-color: #633112;
+      background-color: rgba(99, 49, 18, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-green-50:focus {
+      --bg-opacity: 1;
+      background-color: #f3faf7;
+      background-color: rgba(243, 250, 247, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-green-100:focus {
+      --bg-opacity: 1;
+      background-color: #def7ec;
+      background-color: rgba(222, 247, 236, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-green-200:focus {
+      --bg-opacity: 1;
+      background-color: #bcf0da;
+      background-color: rgba(188, 240, 218, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-green-300:focus {
+      --bg-opacity: 1;
+      background-color: #84e1bc;
+      background-color: rgba(132, 225, 188, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-green-400:focus {
+      --bg-opacity: 1;
+      background-color: #31c48d;
+      background-color: rgba(49, 196, 141, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-green-500:focus {
+      --bg-opacity: 1;
+      background-color: #0e9f6e;
+      background-color: rgba(14, 159, 110, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-green-600:focus {
+      --bg-opacity: 1;
+      background-color: #057a55;
+      background-color: rgba(5, 122, 85, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-green-700:focus {
+      --bg-opacity: 1;
+      background-color: #046c4e;
+      background-color: rgba(4, 108, 78, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-green-800:focus {
+      --bg-opacity: 1;
+      background-color: #03543f;
+      background-color: rgba(3, 84, 63, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-green-900:focus {
+      --bg-opacity: 1;
+      background-color: #014737;
+      background-color: rgba(1, 71, 55, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-teal-50:focus {
+      --bg-opacity: 1;
+      background-color: #edfafa;
+      background-color: rgba(237, 250, 250, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-teal-100:focus {
+      --bg-opacity: 1;
+      background-color: #d5f5f6;
+      background-color: rgba(213, 245, 246, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-teal-200:focus {
+      --bg-opacity: 1;
+      background-color: #afecef;
+      background-color: rgba(175, 236, 239, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-teal-300:focus {
+      --bg-opacity: 1;
+      background-color: #7edce2;
+      background-color: rgba(126, 220, 226, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-teal-400:focus {
+      --bg-opacity: 1;
+      background-color: #16bdca;
+      background-color: rgba(22, 189, 202, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-teal-500:focus {
+      --bg-opacity: 1;
+      background-color: #0694a2;
+      background-color: rgba(6, 148, 162, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-teal-600:focus {
+      --bg-opacity: 1;
+      background-color: #047481;
+      background-color: rgba(4, 116, 129, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-teal-700:focus {
+      --bg-opacity: 1;
+      background-color: #036672;
+      background-color: rgba(3, 102, 114, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-teal-800:focus {
+      --bg-opacity: 1;
+      background-color: #05505c;
+      background-color: rgba(5, 80, 92, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-teal-900:focus {
+      --bg-opacity: 1;
+      background-color: #014451;
+      background-color: rgba(1, 68, 81, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-blue-50:focus {
+      --bg-opacity: 1;
+      background-color: #ebf5ff;
+      background-color: rgba(235, 245, 255, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-blue-100:focus {
+      --bg-opacity: 1;
+      background-color: #e1effe;
+      background-color: rgba(225, 239, 254, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-blue-200:focus {
+      --bg-opacity: 1;
+      background-color: #c3ddfd;
+      background-color: rgba(195, 221, 253, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-blue-300:focus {
+      --bg-opacity: 1;
+      background-color: #a4cafe;
+      background-color: rgba(164, 202, 254, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-blue-400:focus {
+      --bg-opacity: 1;
+      background-color: #76a9fa;
+      background-color: rgba(118, 169, 250, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-blue-500:focus {
+      --bg-opacity: 1;
+      background-color: #3f83f8;
+      background-color: rgba(63, 131, 248, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-blue-600:focus {
+      --bg-opacity: 1;
+      background-color: #1c64f2;
+      background-color: rgba(28, 100, 242, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-blue-700:focus {
+      --bg-opacity: 1;
+      background-color: #1a56db;
+      background-color: rgba(26, 86, 219, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-blue-800:focus {
+      --bg-opacity: 1;
+      background-color: #1e429f;
+      background-color: rgba(30, 66, 159, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-blue-900:focus {
+      --bg-opacity: 1;
+      background-color: #233876;
+      background-color: rgba(35, 56, 118, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-indigo-50:focus {
+      --bg-opacity: 1;
+      background-color: #f0f5ff;
+      background-color: rgba(240, 245, 255, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-indigo-100:focus {
+      --bg-opacity: 1;
+      background-color: #e5edff;
+      background-color: rgba(229, 237, 255, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-indigo-200:focus {
+      --bg-opacity: 1;
+      background-color: #cddbfe;
+      background-color: rgba(205, 219, 254, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-indigo-300:focus {
+      --bg-opacity: 1;
+      background-color: #b4c6fc;
+      background-color: rgba(180, 198, 252, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-indigo-400:focus {
+      --bg-opacity: 1;
+      background-color: #8da2fb;
+      background-color: rgba(141, 162, 251, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-indigo-500:focus {
+      --bg-opacity: 1;
+      background-color: #6875f5;
+      background-color: rgba(104, 117, 245, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-indigo-600:focus {
+      --bg-opacity: 1;
+      background-color: #5850ec;
+      background-color: rgba(88, 80, 236, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-indigo-700:focus {
+      --bg-opacity: 1;
+      background-color: #5145cd;
+      background-color: rgba(81, 69, 205, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-indigo-800:focus {
+      --bg-opacity: 1;
+      background-color: #42389d;
+      background-color: rgba(66, 56, 157, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-indigo-900:focus {
+      --bg-opacity: 1;
+      background-color: #362f78;
+      background-color: rgba(54, 47, 120, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-purple-50:focus {
+      --bg-opacity: 1;
+      background-color: #f6f5ff;
+      background-color: rgba(246, 245, 255, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-purple-100:focus {
+      --bg-opacity: 1;
+      background-color: #edebfe;
+      background-color: rgba(237, 235, 254, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-purple-200:focus {
+      --bg-opacity: 1;
+      background-color: #dcd7fe;
+      background-color: rgba(220, 215, 254, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-purple-300:focus {
+      --bg-opacity: 1;
+      background-color: #cabffd;
+      background-color: rgba(202, 191, 253, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-purple-400:focus {
+      --bg-opacity: 1;
+      background-color: #ac94fa;
+      background-color: rgba(172, 148, 250, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-purple-500:focus {
+      --bg-opacity: 1;
+      background-color: #9061f9;
+      background-color: rgba(144, 97, 249, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-purple-600:focus {
+      --bg-opacity: 1;
+      background-color: #7e3af2;
+      background-color: rgba(126, 58, 242, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-purple-700:focus {
+      --bg-opacity: 1;
+      background-color: #6c2bd9;
+      background-color: rgba(108, 43, 217, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-purple-800:focus {
+      --bg-opacity: 1;
+      background-color: #5521b5;
+      background-color: rgba(85, 33, 181, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-purple-900:focus {
+      --bg-opacity: 1;
+      background-color: #4a1d96;
+      background-color: rgba(74, 29, 150, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-pink-50:focus {
+      --bg-opacity: 1;
+      background-color: #fdf2f8;
+      background-color: rgba(253, 242, 248, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-pink-100:focus {
+      --bg-opacity: 1;
+      background-color: #fce8f3;
+      background-color: rgba(252, 232, 243, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-pink-200:focus {
+      --bg-opacity: 1;
+      background-color: #fad1e8;
+      background-color: rgba(250, 209, 232, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-pink-300:focus {
+      --bg-opacity: 1;
+      background-color: #f8b4d9;
+      background-color: rgba(248, 180, 217, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-pink-400:focus {
+      --bg-opacity: 1;
+      background-color: #f17eb8;
+      background-color: rgba(241, 126, 184, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-pink-500:focus {
+      --bg-opacity: 1;
+      background-color: #e74694;
+      background-color: rgba(231, 70, 148, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-pink-600:focus {
+      --bg-opacity: 1;
+      background-color: #d61f69;
+      background-color: rgba(214, 31, 105, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-pink-700:focus {
+      --bg-opacity: 1;
+      background-color: #bf125d;
+      background-color: rgba(191, 18, 93, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-pink-800:focus {
+      --bg-opacity: 1;
+      background-color: #99154b;
+      background-color: rgba(153, 21, 75, var(--bg-opacity));
+    }
+
+    .sm\:dark\:focus\:bg-pink-900:focus {
+      --bg-opacity: 1;
+      background-color: #751a3d;
+      background-color: rgba(117, 26, 61, var(--bg-opacity));
+    }
+  }
+
   .sm\:bg-none {
     background-image: none;
   }
@@ -38728,6 +53032,4376 @@ video {
     --gradient-to-color: #751a3d;
   }
 
+  @media (prefers-color-scheme: dark) {
+    .sm\:dark\:from-transparent {
+      --gradient-from-color: transparent;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .sm\:dark\:from-current {
+      --gradient-from-color: currentColor;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .sm\:dark\:from-black {
+      --gradient-from-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .sm\:dark\:from-white {
+      --gradient-from-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .sm\:dark\:from-gray-50 {
+      --gradient-from-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .sm\:dark\:from-gray-100 {
+      --gradient-from-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .sm\:dark\:from-gray-200 {
+      --gradient-from-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .sm\:dark\:from-gray-300 {
+      --gradient-from-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .sm\:dark\:from-gray-400 {
+      --gradient-from-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .sm\:dark\:from-gray-500 {
+      --gradient-from-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .sm\:dark\:from-gray-600 {
+      --gradient-from-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .sm\:dark\:from-gray-700 {
+      --gradient-from-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .sm\:dark\:from-gray-800 {
+      --gradient-from-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .sm\:dark\:from-gray-900 {
+      --gradient-from-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .sm\:dark\:from-red-50 {
+      --gradient-from-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .sm\:dark\:from-red-100 {
+      --gradient-from-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .sm\:dark\:from-red-200 {
+      --gradient-from-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .sm\:dark\:from-red-300 {
+      --gradient-from-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .sm\:dark\:from-red-400 {
+      --gradient-from-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .sm\:dark\:from-red-500 {
+      --gradient-from-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .sm\:dark\:from-red-600 {
+      --gradient-from-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .sm\:dark\:from-red-700 {
+      --gradient-from-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .sm\:dark\:from-red-800 {
+      --gradient-from-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .sm\:dark\:from-red-900 {
+      --gradient-from-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .sm\:dark\:from-orange-50 {
+      --gradient-from-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .sm\:dark\:from-orange-100 {
+      --gradient-from-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .sm\:dark\:from-orange-200 {
+      --gradient-from-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .sm\:dark\:from-orange-300 {
+      --gradient-from-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .sm\:dark\:from-orange-400 {
+      --gradient-from-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .sm\:dark\:from-orange-500 {
+      --gradient-from-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .sm\:dark\:from-orange-600 {
+      --gradient-from-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .sm\:dark\:from-orange-700 {
+      --gradient-from-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .sm\:dark\:from-orange-800 {
+      --gradient-from-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .sm\:dark\:from-orange-900 {
+      --gradient-from-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .sm\:dark\:from-yellow-50 {
+      --gradient-from-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .sm\:dark\:from-yellow-100 {
+      --gradient-from-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .sm\:dark\:from-yellow-200 {
+      --gradient-from-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .sm\:dark\:from-yellow-300 {
+      --gradient-from-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .sm\:dark\:from-yellow-400 {
+      --gradient-from-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .sm\:dark\:from-yellow-500 {
+      --gradient-from-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .sm\:dark\:from-yellow-600 {
+      --gradient-from-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .sm\:dark\:from-yellow-700 {
+      --gradient-from-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .sm\:dark\:from-yellow-800 {
+      --gradient-from-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .sm\:dark\:from-yellow-900 {
+      --gradient-from-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .sm\:dark\:from-green-50 {
+      --gradient-from-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .sm\:dark\:from-green-100 {
+      --gradient-from-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .sm\:dark\:from-green-200 {
+      --gradient-from-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .sm\:dark\:from-green-300 {
+      --gradient-from-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .sm\:dark\:from-green-400 {
+      --gradient-from-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .sm\:dark\:from-green-500 {
+      --gradient-from-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .sm\:dark\:from-green-600 {
+      --gradient-from-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .sm\:dark\:from-green-700 {
+      --gradient-from-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .sm\:dark\:from-green-800 {
+      --gradient-from-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .sm\:dark\:from-green-900 {
+      --gradient-from-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .sm\:dark\:from-teal-50 {
+      --gradient-from-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .sm\:dark\:from-teal-100 {
+      --gradient-from-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .sm\:dark\:from-teal-200 {
+      --gradient-from-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .sm\:dark\:from-teal-300 {
+      --gradient-from-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .sm\:dark\:from-teal-400 {
+      --gradient-from-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .sm\:dark\:from-teal-500 {
+      --gradient-from-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .sm\:dark\:from-teal-600 {
+      --gradient-from-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .sm\:dark\:from-teal-700 {
+      --gradient-from-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .sm\:dark\:from-teal-800 {
+      --gradient-from-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .sm\:dark\:from-teal-900 {
+      --gradient-from-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .sm\:dark\:from-blue-50 {
+      --gradient-from-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .sm\:dark\:from-blue-100 {
+      --gradient-from-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .sm\:dark\:from-blue-200 {
+      --gradient-from-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .sm\:dark\:from-blue-300 {
+      --gradient-from-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .sm\:dark\:from-blue-400 {
+      --gradient-from-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .sm\:dark\:from-blue-500 {
+      --gradient-from-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .sm\:dark\:from-blue-600 {
+      --gradient-from-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .sm\:dark\:from-blue-700 {
+      --gradient-from-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .sm\:dark\:from-blue-800 {
+      --gradient-from-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .sm\:dark\:from-blue-900 {
+      --gradient-from-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .sm\:dark\:from-indigo-50 {
+      --gradient-from-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .sm\:dark\:from-indigo-100 {
+      --gradient-from-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .sm\:dark\:from-indigo-200 {
+      --gradient-from-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .sm\:dark\:from-indigo-300 {
+      --gradient-from-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .sm\:dark\:from-indigo-400 {
+      --gradient-from-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .sm\:dark\:from-indigo-500 {
+      --gradient-from-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .sm\:dark\:from-indigo-600 {
+      --gradient-from-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .sm\:dark\:from-indigo-700 {
+      --gradient-from-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .sm\:dark\:from-indigo-800 {
+      --gradient-from-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .sm\:dark\:from-indigo-900 {
+      --gradient-from-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .sm\:dark\:from-purple-50 {
+      --gradient-from-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .sm\:dark\:from-purple-100 {
+      --gradient-from-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .sm\:dark\:from-purple-200 {
+      --gradient-from-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .sm\:dark\:from-purple-300 {
+      --gradient-from-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .sm\:dark\:from-purple-400 {
+      --gradient-from-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .sm\:dark\:from-purple-500 {
+      --gradient-from-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .sm\:dark\:from-purple-600 {
+      --gradient-from-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .sm\:dark\:from-purple-700 {
+      --gradient-from-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .sm\:dark\:from-purple-800 {
+      --gradient-from-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .sm\:dark\:from-purple-900 {
+      --gradient-from-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .sm\:dark\:from-pink-50 {
+      --gradient-from-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .sm\:dark\:from-pink-100 {
+      --gradient-from-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .sm\:dark\:from-pink-200 {
+      --gradient-from-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .sm\:dark\:from-pink-300 {
+      --gradient-from-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .sm\:dark\:from-pink-400 {
+      --gradient-from-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .sm\:dark\:from-pink-500 {
+      --gradient-from-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .sm\:dark\:from-pink-600 {
+      --gradient-from-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .sm\:dark\:from-pink-700 {
+      --gradient-from-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .sm\:dark\:from-pink-800 {
+      --gradient-from-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .sm\:dark\:from-pink-900 {
+      --gradient-from-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .sm\:dark\: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\:dark\: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\:dark\:via-black {
+      --gradient-via-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .sm\:dark\:via-white {
+      --gradient-via-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .sm\:dark\:via-gray-50 {
+      --gradient-via-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .sm\:dark\:via-gray-100 {
+      --gradient-via-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .sm\:dark\:via-gray-200 {
+      --gradient-via-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .sm\:dark\:via-gray-300 {
+      --gradient-via-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .sm\:dark\:via-gray-400 {
+      --gradient-via-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .sm\:dark\:via-gray-500 {
+      --gradient-via-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .sm\:dark\:via-gray-600 {
+      --gradient-via-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .sm\:dark\:via-gray-700 {
+      --gradient-via-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .sm\:dark\:via-gray-800 {
+      --gradient-via-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .sm\:dark\:via-gray-900 {
+      --gradient-via-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .sm\:dark\:via-red-50 {
+      --gradient-via-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .sm\:dark\:via-red-100 {
+      --gradient-via-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .sm\:dark\:via-red-200 {
+      --gradient-via-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .sm\:dark\:via-red-300 {
+      --gradient-via-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .sm\:dark\:via-red-400 {
+      --gradient-via-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .sm\:dark\:via-red-500 {
+      --gradient-via-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .sm\:dark\:via-red-600 {
+      --gradient-via-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .sm\:dark\:via-red-700 {
+      --gradient-via-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .sm\:dark\:via-red-800 {
+      --gradient-via-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .sm\:dark\:via-red-900 {
+      --gradient-via-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .sm\:dark\:via-orange-50 {
+      --gradient-via-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .sm\:dark\:via-orange-100 {
+      --gradient-via-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .sm\:dark\:via-orange-200 {
+      --gradient-via-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .sm\:dark\:via-orange-300 {
+      --gradient-via-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .sm\:dark\:via-orange-400 {
+      --gradient-via-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .sm\:dark\:via-orange-500 {
+      --gradient-via-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .sm\:dark\:via-orange-600 {
+      --gradient-via-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .sm\:dark\:via-orange-700 {
+      --gradient-via-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .sm\:dark\:via-orange-800 {
+      --gradient-via-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .sm\:dark\:via-orange-900 {
+      --gradient-via-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .sm\:dark\:via-yellow-50 {
+      --gradient-via-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .sm\:dark\:via-yellow-100 {
+      --gradient-via-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .sm\:dark\:via-yellow-200 {
+      --gradient-via-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .sm\:dark\:via-yellow-300 {
+      --gradient-via-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .sm\:dark\:via-yellow-400 {
+      --gradient-via-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .sm\:dark\:via-yellow-500 {
+      --gradient-via-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .sm\:dark\:via-yellow-600 {
+      --gradient-via-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .sm\:dark\:via-yellow-700 {
+      --gradient-via-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .sm\:dark\:via-yellow-800 {
+      --gradient-via-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .sm\:dark\:via-yellow-900 {
+      --gradient-via-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .sm\:dark\:via-green-50 {
+      --gradient-via-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .sm\:dark\:via-green-100 {
+      --gradient-via-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .sm\:dark\:via-green-200 {
+      --gradient-via-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .sm\:dark\:via-green-300 {
+      --gradient-via-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .sm\:dark\:via-green-400 {
+      --gradient-via-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .sm\:dark\:via-green-500 {
+      --gradient-via-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .sm\:dark\:via-green-600 {
+      --gradient-via-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .sm\:dark\:via-green-700 {
+      --gradient-via-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .sm\:dark\:via-green-800 {
+      --gradient-via-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .sm\:dark\:via-green-900 {
+      --gradient-via-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .sm\:dark\:via-teal-50 {
+      --gradient-via-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .sm\:dark\:via-teal-100 {
+      --gradient-via-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .sm\:dark\:via-teal-200 {
+      --gradient-via-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .sm\:dark\:via-teal-300 {
+      --gradient-via-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .sm\:dark\:via-teal-400 {
+      --gradient-via-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .sm\:dark\:via-teal-500 {
+      --gradient-via-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .sm\:dark\:via-teal-600 {
+      --gradient-via-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .sm\:dark\:via-teal-700 {
+      --gradient-via-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .sm\:dark\:via-teal-800 {
+      --gradient-via-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .sm\:dark\:via-teal-900 {
+      --gradient-via-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .sm\:dark\:via-blue-50 {
+      --gradient-via-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .sm\:dark\:via-blue-100 {
+      --gradient-via-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .sm\:dark\:via-blue-200 {
+      --gradient-via-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .sm\:dark\:via-blue-300 {
+      --gradient-via-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .sm\:dark\:via-blue-400 {
+      --gradient-via-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .sm\:dark\:via-blue-500 {
+      --gradient-via-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .sm\:dark\:via-blue-600 {
+      --gradient-via-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .sm\:dark\:via-blue-700 {
+      --gradient-via-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .sm\:dark\:via-blue-800 {
+      --gradient-via-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .sm\:dark\:via-blue-900 {
+      --gradient-via-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .sm\:dark\:via-indigo-50 {
+      --gradient-via-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .sm\:dark\:via-indigo-100 {
+      --gradient-via-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .sm\:dark\:via-indigo-200 {
+      --gradient-via-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .sm\:dark\:via-indigo-300 {
+      --gradient-via-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .sm\:dark\:via-indigo-400 {
+      --gradient-via-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .sm\:dark\:via-indigo-500 {
+      --gradient-via-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .sm\:dark\:via-indigo-600 {
+      --gradient-via-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .sm\:dark\:via-indigo-700 {
+      --gradient-via-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .sm\:dark\:via-indigo-800 {
+      --gradient-via-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .sm\:dark\:via-indigo-900 {
+      --gradient-via-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .sm\:dark\:via-purple-50 {
+      --gradient-via-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .sm\:dark\:via-purple-100 {
+      --gradient-via-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .sm\:dark\:via-purple-200 {
+      --gradient-via-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .sm\:dark\:via-purple-300 {
+      --gradient-via-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .sm\:dark\:via-purple-400 {
+      --gradient-via-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .sm\:dark\:via-purple-500 {
+      --gradient-via-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .sm\:dark\:via-purple-600 {
+      --gradient-via-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .sm\:dark\:via-purple-700 {
+      --gradient-via-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .sm\:dark\:via-purple-800 {
+      --gradient-via-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .sm\:dark\:via-purple-900 {
+      --gradient-via-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .sm\:dark\:via-pink-50 {
+      --gradient-via-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .sm\:dark\:via-pink-100 {
+      --gradient-via-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .sm\:dark\:via-pink-200 {
+      --gradient-via-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .sm\:dark\:via-pink-300 {
+      --gradient-via-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .sm\:dark\:via-pink-400 {
+      --gradient-via-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .sm\:dark\:via-pink-500 {
+      --gradient-via-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .sm\:dark\:via-pink-600 {
+      --gradient-via-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .sm\:dark\:via-pink-700 {
+      --gradient-via-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .sm\:dark\:via-pink-800 {
+      --gradient-via-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .sm\:dark\:via-pink-900 {
+      --gradient-via-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .sm\:dark\:to-transparent {
+      --gradient-to-color: transparent;
+    }
+
+    .sm\:dark\:to-current {
+      --gradient-to-color: currentColor;
+    }
+
+    .sm\:dark\:to-black {
+      --gradient-to-color: #000000;
+    }
+
+    .sm\:dark\:to-white {
+      --gradient-to-color: #ffffff;
+    }
+
+    .sm\:dark\:to-gray-50 {
+      --gradient-to-color: #f9fafb;
+    }
+
+    .sm\:dark\:to-gray-100 {
+      --gradient-to-color: #f4f5f7;
+    }
+
+    .sm\:dark\:to-gray-200 {
+      --gradient-to-color: #e5e7eb;
+    }
+
+    .sm\:dark\:to-gray-300 {
+      --gradient-to-color: #d2d6dc;
+    }
+
+    .sm\:dark\:to-gray-400 {
+      --gradient-to-color: #9fa6b2;
+    }
+
+    .sm\:dark\:to-gray-500 {
+      --gradient-to-color: #6b7280;
+    }
+
+    .sm\:dark\:to-gray-600 {
+      --gradient-to-color: #4b5563;
+    }
+
+    .sm\:dark\:to-gray-700 {
+      --gradient-to-color: #374151;
+    }
+
+    .sm\:dark\:to-gray-800 {
+      --gradient-to-color: #252f3f;
+    }
+
+    .sm\:dark\:to-gray-900 {
+      --gradient-to-color: #161e2e;
+    }
+
+    .sm\:dark\:to-red-50 {
+      --gradient-to-color: #fdf2f2;
+    }
+
+    .sm\:dark\:to-red-100 {
+      --gradient-to-color: #fde8e8;
+    }
+
+    .sm\:dark\:to-red-200 {
+      --gradient-to-color: #fbd5d5;
+    }
+
+    .sm\:dark\:to-red-300 {
+      --gradient-to-color: #f8b4b4;
+    }
+
+    .sm\:dark\:to-red-400 {
+      --gradient-to-color: #f98080;
+    }
+
+    .sm\:dark\:to-red-500 {
+      --gradient-to-color: #f05252;
+    }
+
+    .sm\:dark\:to-red-600 {
+      --gradient-to-color: #e02424;
+    }
+
+    .sm\:dark\:to-red-700 {
+      --gradient-to-color: #c81e1e;
+    }
+
+    .sm\:dark\:to-red-800 {
+      --gradient-to-color: #9b1c1c;
+    }
+
+    .sm\:dark\:to-red-900 {
+      --gradient-to-color: #771d1d;
+    }
+
+    .sm\:dark\:to-orange-50 {
+      --gradient-to-color: #fff8f1;
+    }
+
+    .sm\:dark\:to-orange-100 {
+      --gradient-to-color: #feecdc;
+    }
+
+    .sm\:dark\:to-orange-200 {
+      --gradient-to-color: #fcd9bd;
+    }
+
+    .sm\:dark\:to-orange-300 {
+      --gradient-to-color: #fdba8c;
+    }
+
+    .sm\:dark\:to-orange-400 {
+      --gradient-to-color: #ff8a4c;
+    }
+
+    .sm\:dark\:to-orange-500 {
+      --gradient-to-color: #ff5a1f;
+    }
+
+    .sm\:dark\:to-orange-600 {
+      --gradient-to-color: #d03801;
+    }
+
+    .sm\:dark\:to-orange-700 {
+      --gradient-to-color: #b43403;
+    }
+
+    .sm\:dark\:to-orange-800 {
+      --gradient-to-color: #8a2c0d;
+    }
+
+    .sm\:dark\:to-orange-900 {
+      --gradient-to-color: #73230d;
+    }
+
+    .sm\:dark\:to-yellow-50 {
+      --gradient-to-color: #fdfdea;
+    }
+
+    .sm\:dark\:to-yellow-100 {
+      --gradient-to-color: #fdf6b2;
+    }
+
+    .sm\:dark\:to-yellow-200 {
+      --gradient-to-color: #fce96a;
+    }
+
+    .sm\:dark\:to-yellow-300 {
+      --gradient-to-color: #faca15;
+    }
+
+    .sm\:dark\:to-yellow-400 {
+      --gradient-to-color: #e3a008;
+    }
+
+    .sm\:dark\:to-yellow-500 {
+      --gradient-to-color: #c27803;
+    }
+
+    .sm\:dark\:to-yellow-600 {
+      --gradient-to-color: #9f580a;
+    }
+
+    .sm\:dark\:to-yellow-700 {
+      --gradient-to-color: #8e4b10;
+    }
+
+    .sm\:dark\:to-yellow-800 {
+      --gradient-to-color: #723b13;
+    }
+
+    .sm\:dark\:to-yellow-900 {
+      --gradient-to-color: #633112;
+    }
+
+    .sm\:dark\:to-green-50 {
+      --gradient-to-color: #f3faf7;
+    }
+
+    .sm\:dark\:to-green-100 {
+      --gradient-to-color: #def7ec;
+    }
+
+    .sm\:dark\:to-green-200 {
+      --gradient-to-color: #bcf0da;
+    }
+
+    .sm\:dark\:to-green-300 {
+      --gradient-to-color: #84e1bc;
+    }
+
+    .sm\:dark\:to-green-400 {
+      --gradient-to-color: #31c48d;
+    }
+
+    .sm\:dark\:to-green-500 {
+      --gradient-to-color: #0e9f6e;
+    }
+
+    .sm\:dark\:to-green-600 {
+      --gradient-to-color: #057a55;
+    }
+
+    .sm\:dark\:to-green-700 {
+      --gradient-to-color: #046c4e;
+    }
+
+    .sm\:dark\:to-green-800 {
+      --gradient-to-color: #03543f;
+    }
+
+    .sm\:dark\:to-green-900 {
+      --gradient-to-color: #014737;
+    }
+
+    .sm\:dark\:to-teal-50 {
+      --gradient-to-color: #edfafa;
+    }
+
+    .sm\:dark\:to-teal-100 {
+      --gradient-to-color: #d5f5f6;
+    }
+
+    .sm\:dark\:to-teal-200 {
+      --gradient-to-color: #afecef;
+    }
+
+    .sm\:dark\:to-teal-300 {
+      --gradient-to-color: #7edce2;
+    }
+
+    .sm\:dark\:to-teal-400 {
+      --gradient-to-color: #16bdca;
+    }
+
+    .sm\:dark\:to-teal-500 {
+      --gradient-to-color: #0694a2;
+    }
+
+    .sm\:dark\:to-teal-600 {
+      --gradient-to-color: #047481;
+    }
+
+    .sm\:dark\:to-teal-700 {
+      --gradient-to-color: #036672;
+    }
+
+    .sm\:dark\:to-teal-800 {
+      --gradient-to-color: #05505c;
+    }
+
+    .sm\:dark\:to-teal-900 {
+      --gradient-to-color: #014451;
+    }
+
+    .sm\:dark\:to-blue-50 {
+      --gradient-to-color: #ebf5ff;
+    }
+
+    .sm\:dark\:to-blue-100 {
+      --gradient-to-color: #e1effe;
+    }
+
+    .sm\:dark\:to-blue-200 {
+      --gradient-to-color: #c3ddfd;
+    }
+
+    .sm\:dark\:to-blue-300 {
+      --gradient-to-color: #a4cafe;
+    }
+
+    .sm\:dark\:to-blue-400 {
+      --gradient-to-color: #76a9fa;
+    }
+
+    .sm\:dark\:to-blue-500 {
+      --gradient-to-color: #3f83f8;
+    }
+
+    .sm\:dark\:to-blue-600 {
+      --gradient-to-color: #1c64f2;
+    }
+
+    .sm\:dark\:to-blue-700 {
+      --gradient-to-color: #1a56db;
+    }
+
+    .sm\:dark\:to-blue-800 {
+      --gradient-to-color: #1e429f;
+    }
+
+    .sm\:dark\:to-blue-900 {
+      --gradient-to-color: #233876;
+    }
+
+    .sm\:dark\:to-indigo-50 {
+      --gradient-to-color: #f0f5ff;
+    }
+
+    .sm\:dark\:to-indigo-100 {
+      --gradient-to-color: #e5edff;
+    }
+
+    .sm\:dark\:to-indigo-200 {
+      --gradient-to-color: #cddbfe;
+    }
+
+    .sm\:dark\:to-indigo-300 {
+      --gradient-to-color: #b4c6fc;
+    }
+
+    .sm\:dark\:to-indigo-400 {
+      --gradient-to-color: #8da2fb;
+    }
+
+    .sm\:dark\:to-indigo-500 {
+      --gradient-to-color: #6875f5;
+    }
+
+    .sm\:dark\:to-indigo-600 {
+      --gradient-to-color: #5850ec;
+    }
+
+    .sm\:dark\:to-indigo-700 {
+      --gradient-to-color: #5145cd;
+    }
+
+    .sm\:dark\:to-indigo-800 {
+      --gradient-to-color: #42389d;
+    }
+
+    .sm\:dark\:to-indigo-900 {
+      --gradient-to-color: #362f78;
+    }
+
+    .sm\:dark\:to-purple-50 {
+      --gradient-to-color: #f6f5ff;
+    }
+
+    .sm\:dark\:to-purple-100 {
+      --gradient-to-color: #edebfe;
+    }
+
+    .sm\:dark\:to-purple-200 {
+      --gradient-to-color: #dcd7fe;
+    }
+
+    .sm\:dark\:to-purple-300 {
+      --gradient-to-color: #cabffd;
+    }
+
+    .sm\:dark\:to-purple-400 {
+      --gradient-to-color: #ac94fa;
+    }
+
+    .sm\:dark\:to-purple-500 {
+      --gradient-to-color: #9061f9;
+    }
+
+    .sm\:dark\:to-purple-600 {
+      --gradient-to-color: #7e3af2;
+    }
+
+    .sm\:dark\:to-purple-700 {
+      --gradient-to-color: #6c2bd9;
+    }
+
+    .sm\:dark\:to-purple-800 {
+      --gradient-to-color: #5521b5;
+    }
+
+    .sm\:dark\:to-purple-900 {
+      --gradient-to-color: #4a1d96;
+    }
+
+    .sm\:dark\:to-pink-50 {
+      --gradient-to-color: #fdf2f8;
+    }
+
+    .sm\:dark\:to-pink-100 {
+      --gradient-to-color: #fce8f3;
+    }
+
+    .sm\:dark\:to-pink-200 {
+      --gradient-to-color: #fad1e8;
+    }
+
+    .sm\:dark\:to-pink-300 {
+      --gradient-to-color: #f8b4d9;
+    }
+
+    .sm\:dark\:to-pink-400 {
+      --gradient-to-color: #f17eb8;
+    }
+
+    .sm\:dark\:to-pink-500 {
+      --gradient-to-color: #e74694;
+    }
+
+    .sm\:dark\:to-pink-600 {
+      --gradient-to-color: #d61f69;
+    }
+
+    .sm\:dark\:to-pink-700 {
+      --gradient-to-color: #bf125d;
+    }
+
+    .sm\:dark\:to-pink-800 {
+      --gradient-to-color: #99154b;
+    }
+
+    .sm\:dark\:to-pink-900 {
+      --gradient-to-color: #751a3d;
+    }
+
+    .sm\:dark\: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\:dark\: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\:dark\:hover\:from-black:hover {
+      --gradient-from-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .sm\:dark\:hover\:from-white:hover {
+      --gradient-from-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .sm\:dark\:hover\:from-gray-50:hover {
+      --gradient-from-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .sm\:dark\:hover\:from-gray-100:hover {
+      --gradient-from-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .sm\:dark\:hover\:from-gray-200:hover {
+      --gradient-from-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .sm\:dark\:hover\:from-gray-300:hover {
+      --gradient-from-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .sm\:dark\:hover\:from-gray-400:hover {
+      --gradient-from-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .sm\:dark\:hover\:from-gray-500:hover {
+      --gradient-from-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .sm\:dark\:hover\:from-gray-600:hover {
+      --gradient-from-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .sm\:dark\:hover\:from-gray-700:hover {
+      --gradient-from-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .sm\:dark\:hover\:from-gray-800:hover {
+      --gradient-from-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .sm\:dark\:hover\:from-gray-900:hover {
+      --gradient-from-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .sm\:dark\:hover\:from-red-50:hover {
+      --gradient-from-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .sm\:dark\:hover\:from-red-100:hover {
+      --gradient-from-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .sm\:dark\:hover\:from-red-200:hover {
+      --gradient-from-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .sm\:dark\:hover\:from-red-300:hover {
+      --gradient-from-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .sm\:dark\:hover\:from-red-400:hover {
+      --gradient-from-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .sm\:dark\:hover\:from-red-500:hover {
+      --gradient-from-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .sm\:dark\:hover\:from-red-600:hover {
+      --gradient-from-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .sm\:dark\:hover\:from-red-700:hover {
+      --gradient-from-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .sm\:dark\:hover\:from-red-800:hover {
+      --gradient-from-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .sm\:dark\:hover\:from-red-900:hover {
+      --gradient-from-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .sm\:dark\:hover\:from-orange-50:hover {
+      --gradient-from-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .sm\:dark\:hover\:from-orange-100:hover {
+      --gradient-from-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .sm\:dark\:hover\:from-orange-200:hover {
+      --gradient-from-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .sm\:dark\:hover\:from-orange-300:hover {
+      --gradient-from-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .sm\:dark\:hover\:from-orange-400:hover {
+      --gradient-from-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .sm\:dark\:hover\:from-orange-500:hover {
+      --gradient-from-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .sm\:dark\:hover\:from-orange-600:hover {
+      --gradient-from-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .sm\:dark\:hover\:from-orange-700:hover {
+      --gradient-from-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .sm\:dark\:hover\:from-orange-800:hover {
+      --gradient-from-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .sm\:dark\:hover\:from-orange-900:hover {
+      --gradient-from-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .sm\:dark\:hover\:from-yellow-50:hover {
+      --gradient-from-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .sm\:dark\:hover\:from-yellow-100:hover {
+      --gradient-from-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .sm\:dark\:hover\:from-yellow-200:hover {
+      --gradient-from-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .sm\:dark\:hover\:from-yellow-300:hover {
+      --gradient-from-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .sm\:dark\:hover\:from-yellow-400:hover {
+      --gradient-from-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .sm\:dark\:hover\:from-yellow-500:hover {
+      --gradient-from-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .sm\:dark\:hover\:from-yellow-600:hover {
+      --gradient-from-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .sm\:dark\:hover\:from-yellow-700:hover {
+      --gradient-from-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .sm\:dark\:hover\:from-yellow-800:hover {
+      --gradient-from-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .sm\:dark\:hover\:from-yellow-900:hover {
+      --gradient-from-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .sm\:dark\:hover\:from-green-50:hover {
+      --gradient-from-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .sm\:dark\:hover\:from-green-100:hover {
+      --gradient-from-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .sm\:dark\:hover\:from-green-200:hover {
+      --gradient-from-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .sm\:dark\:hover\:from-green-300:hover {
+      --gradient-from-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .sm\:dark\:hover\:from-green-400:hover {
+      --gradient-from-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .sm\:dark\:hover\:from-green-500:hover {
+      --gradient-from-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .sm\:dark\:hover\:from-green-600:hover {
+      --gradient-from-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .sm\:dark\:hover\:from-green-700:hover {
+      --gradient-from-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .sm\:dark\:hover\:from-green-800:hover {
+      --gradient-from-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .sm\:dark\:hover\:from-green-900:hover {
+      --gradient-from-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .sm\:dark\:hover\:from-teal-50:hover {
+      --gradient-from-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .sm\:dark\:hover\:from-teal-100:hover {
+      --gradient-from-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .sm\:dark\:hover\:from-teal-200:hover {
+      --gradient-from-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .sm\:dark\:hover\:from-teal-300:hover {
+      --gradient-from-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .sm\:dark\:hover\:from-teal-400:hover {
+      --gradient-from-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .sm\:dark\:hover\:from-teal-500:hover {
+      --gradient-from-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .sm\:dark\:hover\:from-teal-600:hover {
+      --gradient-from-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .sm\:dark\:hover\:from-teal-700:hover {
+      --gradient-from-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .sm\:dark\:hover\:from-teal-800:hover {
+      --gradient-from-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .sm\:dark\:hover\:from-teal-900:hover {
+      --gradient-from-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .sm\:dark\:hover\:from-blue-50:hover {
+      --gradient-from-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .sm\:dark\:hover\:from-blue-100:hover {
+      --gradient-from-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .sm\:dark\:hover\:from-blue-200:hover {
+      --gradient-from-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .sm\:dark\:hover\:from-blue-300:hover {
+      --gradient-from-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .sm\:dark\:hover\:from-blue-400:hover {
+      --gradient-from-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .sm\:dark\:hover\:from-blue-500:hover {
+      --gradient-from-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .sm\:dark\:hover\:from-blue-600:hover {
+      --gradient-from-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .sm\:dark\:hover\:from-blue-700:hover {
+      --gradient-from-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .sm\:dark\:hover\:from-blue-800:hover {
+      --gradient-from-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .sm\:dark\:hover\:from-blue-900:hover {
+      --gradient-from-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .sm\:dark\:hover\:from-indigo-50:hover {
+      --gradient-from-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .sm\:dark\:hover\:from-indigo-100:hover {
+      --gradient-from-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .sm\:dark\:hover\:from-indigo-200:hover {
+      --gradient-from-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .sm\:dark\:hover\:from-indigo-300:hover {
+      --gradient-from-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .sm\:dark\:hover\:from-indigo-400:hover {
+      --gradient-from-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .sm\:dark\:hover\:from-indigo-500:hover {
+      --gradient-from-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .sm\:dark\:hover\:from-indigo-600:hover {
+      --gradient-from-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .sm\:dark\:hover\:from-indigo-700:hover {
+      --gradient-from-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .sm\:dark\:hover\:from-indigo-800:hover {
+      --gradient-from-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .sm\:dark\:hover\:from-indigo-900:hover {
+      --gradient-from-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .sm\:dark\:hover\:from-purple-50:hover {
+      --gradient-from-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .sm\:dark\:hover\:from-purple-100:hover {
+      --gradient-from-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .sm\:dark\:hover\:from-purple-200:hover {
+      --gradient-from-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .sm\:dark\:hover\:from-purple-300:hover {
+      --gradient-from-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .sm\:dark\:hover\:from-purple-400:hover {
+      --gradient-from-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .sm\:dark\:hover\:from-purple-500:hover {
+      --gradient-from-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .sm\:dark\:hover\:from-purple-600:hover {
+      --gradient-from-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .sm\:dark\:hover\:from-purple-700:hover {
+      --gradient-from-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .sm\:dark\:hover\:from-purple-800:hover {
+      --gradient-from-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .sm\:dark\:hover\:from-purple-900:hover {
+      --gradient-from-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .sm\:dark\:hover\:from-pink-50:hover {
+      --gradient-from-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .sm\:dark\:hover\:from-pink-100:hover {
+      --gradient-from-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .sm\:dark\:hover\:from-pink-200:hover {
+      --gradient-from-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .sm\:dark\:hover\:from-pink-300:hover {
+      --gradient-from-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .sm\:dark\:hover\:from-pink-400:hover {
+      --gradient-from-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .sm\:dark\:hover\:from-pink-500:hover {
+      --gradient-from-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .sm\:dark\:hover\:from-pink-600:hover {
+      --gradient-from-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .sm\:dark\:hover\:from-pink-700:hover {
+      --gradient-from-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .sm\:dark\:hover\:from-pink-800:hover {
+      --gradient-from-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .sm\:dark\:hover\:from-pink-900:hover {
+      --gradient-from-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .sm\:dark\: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\:dark\: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\:dark\:hover\:via-black:hover {
+      --gradient-via-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .sm\:dark\:hover\:via-white:hover {
+      --gradient-via-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .sm\:dark\:hover\:via-gray-50:hover {
+      --gradient-via-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .sm\:dark\:hover\:via-gray-100:hover {
+      --gradient-via-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .sm\:dark\:hover\:via-gray-200:hover {
+      --gradient-via-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .sm\:dark\:hover\:via-gray-300:hover {
+      --gradient-via-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .sm\:dark\:hover\:via-gray-400:hover {
+      --gradient-via-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .sm\:dark\:hover\:via-gray-500:hover {
+      --gradient-via-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .sm\:dark\:hover\:via-gray-600:hover {
+      --gradient-via-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .sm\:dark\:hover\:via-gray-700:hover {
+      --gradient-via-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .sm\:dark\:hover\:via-gray-800:hover {
+      --gradient-via-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .sm\:dark\:hover\:via-gray-900:hover {
+      --gradient-via-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .sm\:dark\:hover\:via-red-50:hover {
+      --gradient-via-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .sm\:dark\:hover\:via-red-100:hover {
+      --gradient-via-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .sm\:dark\:hover\:via-red-200:hover {
+      --gradient-via-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .sm\:dark\:hover\:via-red-300:hover {
+      --gradient-via-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .sm\:dark\:hover\:via-red-400:hover {
+      --gradient-via-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .sm\:dark\:hover\:via-red-500:hover {
+      --gradient-via-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .sm\:dark\:hover\:via-red-600:hover {
+      --gradient-via-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .sm\:dark\:hover\:via-red-700:hover {
+      --gradient-via-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .sm\:dark\:hover\:via-red-800:hover {
+      --gradient-via-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .sm\:dark\:hover\:via-red-900:hover {
+      --gradient-via-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .sm\:dark\:hover\:via-orange-50:hover {
+      --gradient-via-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .sm\:dark\:hover\:via-orange-100:hover {
+      --gradient-via-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .sm\:dark\:hover\:via-orange-200:hover {
+      --gradient-via-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .sm\:dark\:hover\:via-orange-300:hover {
+      --gradient-via-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .sm\:dark\:hover\:via-orange-400:hover {
+      --gradient-via-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .sm\:dark\:hover\:via-orange-500:hover {
+      --gradient-via-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .sm\:dark\:hover\:via-orange-600:hover {
+      --gradient-via-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .sm\:dark\:hover\:via-orange-700:hover {
+      --gradient-via-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .sm\:dark\:hover\:via-orange-800:hover {
+      --gradient-via-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .sm\:dark\:hover\:via-orange-900:hover {
+      --gradient-via-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .sm\:dark\:hover\:via-yellow-50:hover {
+      --gradient-via-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .sm\:dark\:hover\:via-yellow-100:hover {
+      --gradient-via-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .sm\:dark\:hover\:via-yellow-200:hover {
+      --gradient-via-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .sm\:dark\:hover\:via-yellow-300:hover {
+      --gradient-via-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .sm\:dark\:hover\:via-yellow-400:hover {
+      --gradient-via-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .sm\:dark\:hover\:via-yellow-500:hover {
+      --gradient-via-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .sm\:dark\:hover\:via-yellow-600:hover {
+      --gradient-via-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .sm\:dark\:hover\:via-yellow-700:hover {
+      --gradient-via-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .sm\:dark\:hover\:via-yellow-800:hover {
+      --gradient-via-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .sm\:dark\:hover\:via-yellow-900:hover {
+      --gradient-via-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .sm\:dark\:hover\:via-green-50:hover {
+      --gradient-via-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .sm\:dark\:hover\:via-green-100:hover {
+      --gradient-via-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .sm\:dark\:hover\:via-green-200:hover {
+      --gradient-via-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .sm\:dark\:hover\:via-green-300:hover {
+      --gradient-via-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .sm\:dark\:hover\:via-green-400:hover {
+      --gradient-via-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .sm\:dark\:hover\:via-green-500:hover {
+      --gradient-via-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .sm\:dark\:hover\:via-green-600:hover {
+      --gradient-via-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .sm\:dark\:hover\:via-green-700:hover {
+      --gradient-via-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .sm\:dark\:hover\:via-green-800:hover {
+      --gradient-via-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .sm\:dark\:hover\:via-green-900:hover {
+      --gradient-via-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .sm\:dark\:hover\:via-teal-50:hover {
+      --gradient-via-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .sm\:dark\:hover\:via-teal-100:hover {
+      --gradient-via-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .sm\:dark\:hover\:via-teal-200:hover {
+      --gradient-via-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .sm\:dark\:hover\:via-teal-300:hover {
+      --gradient-via-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .sm\:dark\:hover\:via-teal-400:hover {
+      --gradient-via-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .sm\:dark\:hover\:via-teal-500:hover {
+      --gradient-via-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .sm\:dark\:hover\:via-teal-600:hover {
+      --gradient-via-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .sm\:dark\:hover\:via-teal-700:hover {
+      --gradient-via-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .sm\:dark\:hover\:via-teal-800:hover {
+      --gradient-via-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .sm\:dark\:hover\:via-teal-900:hover {
+      --gradient-via-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .sm\:dark\:hover\:via-blue-50:hover {
+      --gradient-via-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .sm\:dark\:hover\:via-blue-100:hover {
+      --gradient-via-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .sm\:dark\:hover\:via-blue-200:hover {
+      --gradient-via-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .sm\:dark\:hover\:via-blue-300:hover {
+      --gradient-via-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .sm\:dark\:hover\:via-blue-400:hover {
+      --gradient-via-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .sm\:dark\:hover\:via-blue-500:hover {
+      --gradient-via-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .sm\:dark\:hover\:via-blue-600:hover {
+      --gradient-via-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .sm\:dark\:hover\:via-blue-700:hover {
+      --gradient-via-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .sm\:dark\:hover\:via-blue-800:hover {
+      --gradient-via-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .sm\:dark\:hover\:via-blue-900:hover {
+      --gradient-via-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .sm\:dark\:hover\:via-indigo-50:hover {
+      --gradient-via-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .sm\:dark\:hover\:via-indigo-100:hover {
+      --gradient-via-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .sm\:dark\:hover\:via-indigo-200:hover {
+      --gradient-via-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .sm\:dark\:hover\:via-indigo-300:hover {
+      --gradient-via-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .sm\:dark\:hover\:via-indigo-400:hover {
+      --gradient-via-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .sm\:dark\:hover\:via-indigo-500:hover {
+      --gradient-via-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .sm\:dark\:hover\:via-indigo-600:hover {
+      --gradient-via-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .sm\:dark\:hover\:via-indigo-700:hover {
+      --gradient-via-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .sm\:dark\:hover\:via-indigo-800:hover {
+      --gradient-via-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .sm\:dark\:hover\:via-indigo-900:hover {
+      --gradient-via-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .sm\:dark\:hover\:via-purple-50:hover {
+      --gradient-via-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .sm\:dark\:hover\:via-purple-100:hover {
+      --gradient-via-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .sm\:dark\:hover\:via-purple-200:hover {
+      --gradient-via-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .sm\:dark\:hover\:via-purple-300:hover {
+      --gradient-via-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .sm\:dark\:hover\:via-purple-400:hover {
+      --gradient-via-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .sm\:dark\:hover\:via-purple-500:hover {
+      --gradient-via-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .sm\:dark\:hover\:via-purple-600:hover {
+      --gradient-via-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .sm\:dark\:hover\:via-purple-700:hover {
+      --gradient-via-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .sm\:dark\:hover\:via-purple-800:hover {
+      --gradient-via-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .sm\:dark\:hover\:via-purple-900:hover {
+      --gradient-via-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .sm\:dark\:hover\:via-pink-50:hover {
+      --gradient-via-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .sm\:dark\:hover\:via-pink-100:hover {
+      --gradient-via-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .sm\:dark\:hover\:via-pink-200:hover {
+      --gradient-via-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .sm\:dark\:hover\:via-pink-300:hover {
+      --gradient-via-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .sm\:dark\:hover\:via-pink-400:hover {
+      --gradient-via-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .sm\:dark\:hover\:via-pink-500:hover {
+      --gradient-via-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .sm\:dark\:hover\:via-pink-600:hover {
+      --gradient-via-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .sm\:dark\:hover\:via-pink-700:hover {
+      --gradient-via-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .sm\:dark\:hover\:via-pink-800:hover {
+      --gradient-via-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .sm\:dark\:hover\:via-pink-900:hover {
+      --gradient-via-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .sm\:dark\:hover\:to-transparent:hover {
+      --gradient-to-color: transparent;
+    }
+
+    .sm\:dark\:hover\:to-current:hover {
+      --gradient-to-color: currentColor;
+    }
+
+    .sm\:dark\:hover\:to-black:hover {
+      --gradient-to-color: #000000;
+    }
+
+    .sm\:dark\:hover\:to-white:hover {
+      --gradient-to-color: #ffffff;
+    }
+
+    .sm\:dark\:hover\:to-gray-50:hover {
+      --gradient-to-color: #f9fafb;
+    }
+
+    .sm\:dark\:hover\:to-gray-100:hover {
+      --gradient-to-color: #f4f5f7;
+    }
+
+    .sm\:dark\:hover\:to-gray-200:hover {
+      --gradient-to-color: #e5e7eb;
+    }
+
+    .sm\:dark\:hover\:to-gray-300:hover {
+      --gradient-to-color: #d2d6dc;
+    }
+
+    .sm\:dark\:hover\:to-gray-400:hover {
+      --gradient-to-color: #9fa6b2;
+    }
+
+    .sm\:dark\:hover\:to-gray-500:hover {
+      --gradient-to-color: #6b7280;
+    }
+
+    .sm\:dark\:hover\:to-gray-600:hover {
+      --gradient-to-color: #4b5563;
+    }
+
+    .sm\:dark\:hover\:to-gray-700:hover {
+      --gradient-to-color: #374151;
+    }
+
+    .sm\:dark\:hover\:to-gray-800:hover {
+      --gradient-to-color: #252f3f;
+    }
+
+    .sm\:dark\:hover\:to-gray-900:hover {
+      --gradient-to-color: #161e2e;
+    }
+
+    .sm\:dark\:hover\:to-red-50:hover {
+      --gradient-to-color: #fdf2f2;
+    }
+
+    .sm\:dark\:hover\:to-red-100:hover {
+      --gradient-to-color: #fde8e8;
+    }
+
+    .sm\:dark\:hover\:to-red-200:hover {
+      --gradient-to-color: #fbd5d5;
+    }
+
+    .sm\:dark\:hover\:to-red-300:hover {
+      --gradient-to-color: #f8b4b4;
+    }
+
+    .sm\:dark\:hover\:to-red-400:hover {
+      --gradient-to-color: #f98080;
+    }
+
+    .sm\:dark\:hover\:to-red-500:hover {
+      --gradient-to-color: #f05252;
+    }
+
+    .sm\:dark\:hover\:to-red-600:hover {
+      --gradient-to-color: #e02424;
+    }
+
+    .sm\:dark\:hover\:to-red-700:hover {
+      --gradient-to-color: #c81e1e;
+    }
+
+    .sm\:dark\:hover\:to-red-800:hover {
+      --gradient-to-color: #9b1c1c;
+    }
+
+    .sm\:dark\:hover\:to-red-900:hover {
+      --gradient-to-color: #771d1d;
+    }
+
+    .sm\:dark\:hover\:to-orange-50:hover {
+      --gradient-to-color: #fff8f1;
+    }
+
+    .sm\:dark\:hover\:to-orange-100:hover {
+      --gradient-to-color: #feecdc;
+    }
+
+    .sm\:dark\:hover\:to-orange-200:hover {
+      --gradient-to-color: #fcd9bd;
+    }
+
+    .sm\:dark\:hover\:to-orange-300:hover {
+      --gradient-to-color: #fdba8c;
+    }
+
+    .sm\:dark\:hover\:to-orange-400:hover {
+      --gradient-to-color: #ff8a4c;
+    }
+
+    .sm\:dark\:hover\:to-orange-500:hover {
+      --gradient-to-color: #ff5a1f;
+    }
+
+    .sm\:dark\:hover\:to-orange-600:hover {
+      --gradient-to-color: #d03801;
+    }
+
+    .sm\:dark\:hover\:to-orange-700:hover {
+      --gradient-to-color: #b43403;
+    }
+
+    .sm\:dark\:hover\:to-orange-800:hover {
+      --gradient-to-color: #8a2c0d;
+    }
+
+    .sm\:dark\:hover\:to-orange-900:hover {
+      --gradient-to-color: #73230d;
+    }
+
+    .sm\:dark\:hover\:to-yellow-50:hover {
+      --gradient-to-color: #fdfdea;
+    }
+
+    .sm\:dark\:hover\:to-yellow-100:hover {
+      --gradient-to-color: #fdf6b2;
+    }
+
+    .sm\:dark\:hover\:to-yellow-200:hover {
+      --gradient-to-color: #fce96a;
+    }
+
+    .sm\:dark\:hover\:to-yellow-300:hover {
+      --gradient-to-color: #faca15;
+    }
+
+    .sm\:dark\:hover\:to-yellow-400:hover {
+      --gradient-to-color: #e3a008;
+    }
+
+    .sm\:dark\:hover\:to-yellow-500:hover {
+      --gradient-to-color: #c27803;
+    }
+
+    .sm\:dark\:hover\:to-yellow-600:hover {
+      --gradient-to-color: #9f580a;
+    }
+
+    .sm\:dark\:hover\:to-yellow-700:hover {
+      --gradient-to-color: #8e4b10;
+    }
+
+    .sm\:dark\:hover\:to-yellow-800:hover {
+      --gradient-to-color: #723b13;
+    }
+
+    .sm\:dark\:hover\:to-yellow-900:hover {
+      --gradient-to-color: #633112;
+    }
+
+    .sm\:dark\:hover\:to-green-50:hover {
+      --gradient-to-color: #f3faf7;
+    }
+
+    .sm\:dark\:hover\:to-green-100:hover {
+      --gradient-to-color: #def7ec;
+    }
+
+    .sm\:dark\:hover\:to-green-200:hover {
+      --gradient-to-color: #bcf0da;
+    }
+
+    .sm\:dark\:hover\:to-green-300:hover {
+      --gradient-to-color: #84e1bc;
+    }
+
+    .sm\:dark\:hover\:to-green-400:hover {
+      --gradient-to-color: #31c48d;
+    }
+
+    .sm\:dark\:hover\:to-green-500:hover {
+      --gradient-to-color: #0e9f6e;
+    }
+
+    .sm\:dark\:hover\:to-green-600:hover {
+      --gradient-to-color: #057a55;
+    }
+
+    .sm\:dark\:hover\:to-green-700:hover {
+      --gradient-to-color: #046c4e;
+    }
+
+    .sm\:dark\:hover\:to-green-800:hover {
+      --gradient-to-color: #03543f;
+    }
+
+    .sm\:dark\:hover\:to-green-900:hover {
+      --gradient-to-color: #014737;
+    }
+
+    .sm\:dark\:hover\:to-teal-50:hover {
+      --gradient-to-color: #edfafa;
+    }
+
+    .sm\:dark\:hover\:to-teal-100:hover {
+      --gradient-to-color: #d5f5f6;
+    }
+
+    .sm\:dark\:hover\:to-teal-200:hover {
+      --gradient-to-color: #afecef;
+    }
+
+    .sm\:dark\:hover\:to-teal-300:hover {
+      --gradient-to-color: #7edce2;
+    }
+
+    .sm\:dark\:hover\:to-teal-400:hover {
+      --gradient-to-color: #16bdca;
+    }
+
+    .sm\:dark\:hover\:to-teal-500:hover {
+      --gradient-to-color: #0694a2;
+    }
+
+    .sm\:dark\:hover\:to-teal-600:hover {
+      --gradient-to-color: #047481;
+    }
+
+    .sm\:dark\:hover\:to-teal-700:hover {
+      --gradient-to-color: #036672;
+    }
+
+    .sm\:dark\:hover\:to-teal-800:hover {
+      --gradient-to-color: #05505c;
+    }
+
+    .sm\:dark\:hover\:to-teal-900:hover {
+      --gradient-to-color: #014451;
+    }
+
+    .sm\:dark\:hover\:to-blue-50:hover {
+      --gradient-to-color: #ebf5ff;
+    }
+
+    .sm\:dark\:hover\:to-blue-100:hover {
+      --gradient-to-color: #e1effe;
+    }
+
+    .sm\:dark\:hover\:to-blue-200:hover {
+      --gradient-to-color: #c3ddfd;
+    }
+
+    .sm\:dark\:hover\:to-blue-300:hover {
+      --gradient-to-color: #a4cafe;
+    }
+
+    .sm\:dark\:hover\:to-blue-400:hover {
+      --gradient-to-color: #76a9fa;
+    }
+
+    .sm\:dark\:hover\:to-blue-500:hover {
+      --gradient-to-color: #3f83f8;
+    }
+
+    .sm\:dark\:hover\:to-blue-600:hover {
+      --gradient-to-color: #1c64f2;
+    }
+
+    .sm\:dark\:hover\:to-blue-700:hover {
+      --gradient-to-color: #1a56db;
+    }
+
+    .sm\:dark\:hover\:to-blue-800:hover {
+      --gradient-to-color: #1e429f;
+    }
+
+    .sm\:dark\:hover\:to-blue-900:hover {
+      --gradient-to-color: #233876;
+    }
+
+    .sm\:dark\:hover\:to-indigo-50:hover {
+      --gradient-to-color: #f0f5ff;
+    }
+
+    .sm\:dark\:hover\:to-indigo-100:hover {
+      --gradient-to-color: #e5edff;
+    }
+
+    .sm\:dark\:hover\:to-indigo-200:hover {
+      --gradient-to-color: #cddbfe;
+    }
+
+    .sm\:dark\:hover\:to-indigo-300:hover {
+      --gradient-to-color: #b4c6fc;
+    }
+
+    .sm\:dark\:hover\:to-indigo-400:hover {
+      --gradient-to-color: #8da2fb;
+    }
+
+    .sm\:dark\:hover\:to-indigo-500:hover {
+      --gradient-to-color: #6875f5;
+    }
+
+    .sm\:dark\:hover\:to-indigo-600:hover {
+      --gradient-to-color: #5850ec;
+    }
+
+    .sm\:dark\:hover\:to-indigo-700:hover {
+      --gradient-to-color: #5145cd;
+    }
+
+    .sm\:dark\:hover\:to-indigo-800:hover {
+      --gradient-to-color: #42389d;
+    }
+
+    .sm\:dark\:hover\:to-indigo-900:hover {
+      --gradient-to-color: #362f78;
+    }
+
+    .sm\:dark\:hover\:to-purple-50:hover {
+      --gradient-to-color: #f6f5ff;
+    }
+
+    .sm\:dark\:hover\:to-purple-100:hover {
+      --gradient-to-color: #edebfe;
+    }
+
+    .sm\:dark\:hover\:to-purple-200:hover {
+      --gradient-to-color: #dcd7fe;
+    }
+
+    .sm\:dark\:hover\:to-purple-300:hover {
+      --gradient-to-color: #cabffd;
+    }
+
+    .sm\:dark\:hover\:to-purple-400:hover {
+      --gradient-to-color: #ac94fa;
+    }
+
+    .sm\:dark\:hover\:to-purple-500:hover {
+      --gradient-to-color: #9061f9;
+    }
+
+    .sm\:dark\:hover\:to-purple-600:hover {
+      --gradient-to-color: #7e3af2;
+    }
+
+    .sm\:dark\:hover\:to-purple-700:hover {
+      --gradient-to-color: #6c2bd9;
+    }
+
+    .sm\:dark\:hover\:to-purple-800:hover {
+      --gradient-to-color: #5521b5;
+    }
+
+    .sm\:dark\:hover\:to-purple-900:hover {
+      --gradient-to-color: #4a1d96;
+    }
+
+    .sm\:dark\:hover\:to-pink-50:hover {
+      --gradient-to-color: #fdf2f8;
+    }
+
+    .sm\:dark\:hover\:to-pink-100:hover {
+      --gradient-to-color: #fce8f3;
+    }
+
+    .sm\:dark\:hover\:to-pink-200:hover {
+      --gradient-to-color: #fad1e8;
+    }
+
+    .sm\:dark\:hover\:to-pink-300:hover {
+      --gradient-to-color: #f8b4d9;
+    }
+
+    .sm\:dark\:hover\:to-pink-400:hover {
+      --gradient-to-color: #f17eb8;
+    }
+
+    .sm\:dark\:hover\:to-pink-500:hover {
+      --gradient-to-color: #e74694;
+    }
+
+    .sm\:dark\:hover\:to-pink-600:hover {
+      --gradient-to-color: #d61f69;
+    }
+
+    .sm\:dark\:hover\:to-pink-700:hover {
+      --gradient-to-color: #bf125d;
+    }
+
+    .sm\:dark\:hover\:to-pink-800:hover {
+      --gradient-to-color: #99154b;
+    }
+
+    .sm\:dark\:hover\:to-pink-900:hover {
+      --gradient-to-color: #751a3d;
+    }
+
+    .sm\:dark\: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\:dark\: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\:dark\:focus\:from-black:focus {
+      --gradient-from-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .sm\:dark\:focus\:from-white:focus {
+      --gradient-from-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .sm\:dark\:focus\:from-gray-50:focus {
+      --gradient-from-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .sm\:dark\:focus\:from-gray-100:focus {
+      --gradient-from-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .sm\:dark\:focus\:from-gray-200:focus {
+      --gradient-from-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .sm\:dark\:focus\:from-gray-300:focus {
+      --gradient-from-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .sm\:dark\:focus\:from-gray-400:focus {
+      --gradient-from-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .sm\:dark\:focus\:from-gray-500:focus {
+      --gradient-from-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .sm\:dark\:focus\:from-gray-600:focus {
+      --gradient-from-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .sm\:dark\:focus\:from-gray-700:focus {
+      --gradient-from-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .sm\:dark\:focus\:from-gray-800:focus {
+      --gradient-from-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .sm\:dark\:focus\:from-gray-900:focus {
+      --gradient-from-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .sm\:dark\:focus\:from-red-50:focus {
+      --gradient-from-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .sm\:dark\:focus\:from-red-100:focus {
+      --gradient-from-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .sm\:dark\:focus\:from-red-200:focus {
+      --gradient-from-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .sm\:dark\:focus\:from-red-300:focus {
+      --gradient-from-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .sm\:dark\:focus\:from-red-400:focus {
+      --gradient-from-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .sm\:dark\:focus\:from-red-500:focus {
+      --gradient-from-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .sm\:dark\:focus\:from-red-600:focus {
+      --gradient-from-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .sm\:dark\:focus\:from-red-700:focus {
+      --gradient-from-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .sm\:dark\:focus\:from-red-800:focus {
+      --gradient-from-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .sm\:dark\:focus\:from-red-900:focus {
+      --gradient-from-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .sm\:dark\:focus\:from-orange-50:focus {
+      --gradient-from-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .sm\:dark\:focus\:from-orange-100:focus {
+      --gradient-from-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .sm\:dark\:focus\:from-orange-200:focus {
+      --gradient-from-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .sm\:dark\:focus\:from-orange-300:focus {
+      --gradient-from-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .sm\:dark\:focus\:from-orange-400:focus {
+      --gradient-from-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .sm\:dark\:focus\:from-orange-500:focus {
+      --gradient-from-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .sm\:dark\:focus\:from-orange-600:focus {
+      --gradient-from-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .sm\:dark\:focus\:from-orange-700:focus {
+      --gradient-from-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .sm\:dark\:focus\:from-orange-800:focus {
+      --gradient-from-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .sm\:dark\:focus\:from-orange-900:focus {
+      --gradient-from-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .sm\:dark\:focus\:from-yellow-50:focus {
+      --gradient-from-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .sm\:dark\:focus\:from-yellow-100:focus {
+      --gradient-from-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .sm\:dark\:focus\:from-yellow-200:focus {
+      --gradient-from-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .sm\:dark\:focus\:from-yellow-300:focus {
+      --gradient-from-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .sm\:dark\:focus\:from-yellow-400:focus {
+      --gradient-from-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .sm\:dark\:focus\:from-yellow-500:focus {
+      --gradient-from-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .sm\:dark\:focus\:from-yellow-600:focus {
+      --gradient-from-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .sm\:dark\:focus\:from-yellow-700:focus {
+      --gradient-from-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .sm\:dark\:focus\:from-yellow-800:focus {
+      --gradient-from-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .sm\:dark\:focus\:from-yellow-900:focus {
+      --gradient-from-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .sm\:dark\:focus\:from-green-50:focus {
+      --gradient-from-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .sm\:dark\:focus\:from-green-100:focus {
+      --gradient-from-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .sm\:dark\:focus\:from-green-200:focus {
+      --gradient-from-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .sm\:dark\:focus\:from-green-300:focus {
+      --gradient-from-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .sm\:dark\:focus\:from-green-400:focus {
+      --gradient-from-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .sm\:dark\:focus\:from-green-500:focus {
+      --gradient-from-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .sm\:dark\:focus\:from-green-600:focus {
+      --gradient-from-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .sm\:dark\:focus\:from-green-700:focus {
+      --gradient-from-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .sm\:dark\:focus\:from-green-800:focus {
+      --gradient-from-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .sm\:dark\:focus\:from-green-900:focus {
+      --gradient-from-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .sm\:dark\:focus\:from-teal-50:focus {
+      --gradient-from-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .sm\:dark\:focus\:from-teal-100:focus {
+      --gradient-from-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .sm\:dark\:focus\:from-teal-200:focus {
+      --gradient-from-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .sm\:dark\:focus\:from-teal-300:focus {
+      --gradient-from-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .sm\:dark\:focus\:from-teal-400:focus {
+      --gradient-from-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .sm\:dark\:focus\:from-teal-500:focus {
+      --gradient-from-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .sm\:dark\:focus\:from-teal-600:focus {
+      --gradient-from-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .sm\:dark\:focus\:from-teal-700:focus {
+      --gradient-from-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .sm\:dark\:focus\:from-teal-800:focus {
+      --gradient-from-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .sm\:dark\:focus\:from-teal-900:focus {
+      --gradient-from-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .sm\:dark\:focus\:from-blue-50:focus {
+      --gradient-from-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .sm\:dark\:focus\:from-blue-100:focus {
+      --gradient-from-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .sm\:dark\:focus\:from-blue-200:focus {
+      --gradient-from-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .sm\:dark\:focus\:from-blue-300:focus {
+      --gradient-from-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .sm\:dark\:focus\:from-blue-400:focus {
+      --gradient-from-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .sm\:dark\:focus\:from-blue-500:focus {
+      --gradient-from-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .sm\:dark\:focus\:from-blue-600:focus {
+      --gradient-from-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .sm\:dark\:focus\:from-blue-700:focus {
+      --gradient-from-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .sm\:dark\:focus\:from-blue-800:focus {
+      --gradient-from-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .sm\:dark\:focus\:from-blue-900:focus {
+      --gradient-from-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .sm\:dark\:focus\:from-indigo-50:focus {
+      --gradient-from-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .sm\:dark\:focus\:from-indigo-100:focus {
+      --gradient-from-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .sm\:dark\:focus\:from-indigo-200:focus {
+      --gradient-from-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .sm\:dark\:focus\:from-indigo-300:focus {
+      --gradient-from-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .sm\:dark\:focus\:from-indigo-400:focus {
+      --gradient-from-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .sm\:dark\:focus\:from-indigo-500:focus {
+      --gradient-from-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .sm\:dark\:focus\:from-indigo-600:focus {
+      --gradient-from-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .sm\:dark\:focus\:from-indigo-700:focus {
+      --gradient-from-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .sm\:dark\:focus\:from-indigo-800:focus {
+      --gradient-from-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .sm\:dark\:focus\:from-indigo-900:focus {
+      --gradient-from-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .sm\:dark\:focus\:from-purple-50:focus {
+      --gradient-from-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .sm\:dark\:focus\:from-purple-100:focus {
+      --gradient-from-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .sm\:dark\:focus\:from-purple-200:focus {
+      --gradient-from-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .sm\:dark\:focus\:from-purple-300:focus {
+      --gradient-from-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .sm\:dark\:focus\:from-purple-400:focus {
+      --gradient-from-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .sm\:dark\:focus\:from-purple-500:focus {
+      --gradient-from-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .sm\:dark\:focus\:from-purple-600:focus {
+      --gradient-from-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .sm\:dark\:focus\:from-purple-700:focus {
+      --gradient-from-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .sm\:dark\:focus\:from-purple-800:focus {
+      --gradient-from-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .sm\:dark\:focus\:from-purple-900:focus {
+      --gradient-from-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .sm\:dark\:focus\:from-pink-50:focus {
+      --gradient-from-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .sm\:dark\:focus\:from-pink-100:focus {
+      --gradient-from-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .sm\:dark\:focus\:from-pink-200:focus {
+      --gradient-from-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .sm\:dark\:focus\:from-pink-300:focus {
+      --gradient-from-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .sm\:dark\:focus\:from-pink-400:focus {
+      --gradient-from-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .sm\:dark\:focus\:from-pink-500:focus {
+      --gradient-from-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .sm\:dark\:focus\:from-pink-600:focus {
+      --gradient-from-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .sm\:dark\:focus\:from-pink-700:focus {
+      --gradient-from-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .sm\:dark\:focus\:from-pink-800:focus {
+      --gradient-from-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .sm\:dark\:focus\:from-pink-900:focus {
+      --gradient-from-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .sm\:dark\: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\:dark\: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\:dark\:focus\:via-black:focus {
+      --gradient-via-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .sm\:dark\:focus\:via-white:focus {
+      --gradient-via-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .sm\:dark\:focus\:via-gray-50:focus {
+      --gradient-via-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .sm\:dark\:focus\:via-gray-100:focus {
+      --gradient-via-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .sm\:dark\:focus\:via-gray-200:focus {
+      --gradient-via-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .sm\:dark\:focus\:via-gray-300:focus {
+      --gradient-via-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .sm\:dark\:focus\:via-gray-400:focus {
+      --gradient-via-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .sm\:dark\:focus\:via-gray-500:focus {
+      --gradient-via-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .sm\:dark\:focus\:via-gray-600:focus {
+      --gradient-via-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .sm\:dark\:focus\:via-gray-700:focus {
+      --gradient-via-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .sm\:dark\:focus\:via-gray-800:focus {
+      --gradient-via-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .sm\:dark\:focus\:via-gray-900:focus {
+      --gradient-via-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .sm\:dark\:focus\:via-red-50:focus {
+      --gradient-via-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .sm\:dark\:focus\:via-red-100:focus {
+      --gradient-via-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .sm\:dark\:focus\:via-red-200:focus {
+      --gradient-via-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .sm\:dark\:focus\:via-red-300:focus {
+      --gradient-via-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .sm\:dark\:focus\:via-red-400:focus {
+      --gradient-via-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .sm\:dark\:focus\:via-red-500:focus {
+      --gradient-via-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .sm\:dark\:focus\:via-red-600:focus {
+      --gradient-via-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .sm\:dark\:focus\:via-red-700:focus {
+      --gradient-via-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .sm\:dark\:focus\:via-red-800:focus {
+      --gradient-via-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .sm\:dark\:focus\:via-red-900:focus {
+      --gradient-via-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .sm\:dark\:focus\:via-orange-50:focus {
+      --gradient-via-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .sm\:dark\:focus\:via-orange-100:focus {
+      --gradient-via-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .sm\:dark\:focus\:via-orange-200:focus {
+      --gradient-via-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .sm\:dark\:focus\:via-orange-300:focus {
+      --gradient-via-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .sm\:dark\:focus\:via-orange-400:focus {
+      --gradient-via-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .sm\:dark\:focus\:via-orange-500:focus {
+      --gradient-via-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .sm\:dark\:focus\:via-orange-600:focus {
+      --gradient-via-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .sm\:dark\:focus\:via-orange-700:focus {
+      --gradient-via-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .sm\:dark\:focus\:via-orange-800:focus {
+      --gradient-via-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .sm\:dark\:focus\:via-orange-900:focus {
+      --gradient-via-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .sm\:dark\:focus\:via-yellow-50:focus {
+      --gradient-via-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .sm\:dark\:focus\:via-yellow-100:focus {
+      --gradient-via-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .sm\:dark\:focus\:via-yellow-200:focus {
+      --gradient-via-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .sm\:dark\:focus\:via-yellow-300:focus {
+      --gradient-via-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .sm\:dark\:focus\:via-yellow-400:focus {
+      --gradient-via-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .sm\:dark\:focus\:via-yellow-500:focus {
+      --gradient-via-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .sm\:dark\:focus\:via-yellow-600:focus {
+      --gradient-via-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .sm\:dark\:focus\:via-yellow-700:focus {
+      --gradient-via-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .sm\:dark\:focus\:via-yellow-800:focus {
+      --gradient-via-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .sm\:dark\:focus\:via-yellow-900:focus {
+      --gradient-via-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .sm\:dark\:focus\:via-green-50:focus {
+      --gradient-via-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .sm\:dark\:focus\:via-green-100:focus {
+      --gradient-via-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .sm\:dark\:focus\:via-green-200:focus {
+      --gradient-via-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .sm\:dark\:focus\:via-green-300:focus {
+      --gradient-via-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .sm\:dark\:focus\:via-green-400:focus {
+      --gradient-via-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .sm\:dark\:focus\:via-green-500:focus {
+      --gradient-via-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .sm\:dark\:focus\:via-green-600:focus {
+      --gradient-via-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .sm\:dark\:focus\:via-green-700:focus {
+      --gradient-via-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .sm\:dark\:focus\:via-green-800:focus {
+      --gradient-via-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .sm\:dark\:focus\:via-green-900:focus {
+      --gradient-via-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .sm\:dark\:focus\:via-teal-50:focus {
+      --gradient-via-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .sm\:dark\:focus\:via-teal-100:focus {
+      --gradient-via-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .sm\:dark\:focus\:via-teal-200:focus {
+      --gradient-via-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .sm\:dark\:focus\:via-teal-300:focus {
+      --gradient-via-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .sm\:dark\:focus\:via-teal-400:focus {
+      --gradient-via-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .sm\:dark\:focus\:via-teal-500:focus {
+      --gradient-via-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .sm\:dark\:focus\:via-teal-600:focus {
+      --gradient-via-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .sm\:dark\:focus\:via-teal-700:focus {
+      --gradient-via-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .sm\:dark\:focus\:via-teal-800:focus {
+      --gradient-via-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .sm\:dark\:focus\:via-teal-900:focus {
+      --gradient-via-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .sm\:dark\:focus\:via-blue-50:focus {
+      --gradient-via-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .sm\:dark\:focus\:via-blue-100:focus {
+      --gradient-via-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .sm\:dark\:focus\:via-blue-200:focus {
+      --gradient-via-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .sm\:dark\:focus\:via-blue-300:focus {
+      --gradient-via-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .sm\:dark\:focus\:via-blue-400:focus {
+      --gradient-via-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .sm\:dark\:focus\:via-blue-500:focus {
+      --gradient-via-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .sm\:dark\:focus\:via-blue-600:focus {
+      --gradient-via-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .sm\:dark\:focus\:via-blue-700:focus {
+      --gradient-via-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .sm\:dark\:focus\:via-blue-800:focus {
+      --gradient-via-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .sm\:dark\:focus\:via-blue-900:focus {
+      --gradient-via-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .sm\:dark\:focus\:via-indigo-50:focus {
+      --gradient-via-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .sm\:dark\:focus\:via-indigo-100:focus {
+      --gradient-via-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .sm\:dark\:focus\:via-indigo-200:focus {
+      --gradient-via-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .sm\:dark\:focus\:via-indigo-300:focus {
+      --gradient-via-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .sm\:dark\:focus\:via-indigo-400:focus {
+      --gradient-via-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .sm\:dark\:focus\:via-indigo-500:focus {
+      --gradient-via-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .sm\:dark\:focus\:via-indigo-600:focus {
+      --gradient-via-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .sm\:dark\:focus\:via-indigo-700:focus {
+      --gradient-via-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .sm\:dark\:focus\:via-indigo-800:focus {
+      --gradient-via-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .sm\:dark\:focus\:via-indigo-900:focus {
+      --gradient-via-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .sm\:dark\:focus\:via-purple-50:focus {
+      --gradient-via-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .sm\:dark\:focus\:via-purple-100:focus {
+      --gradient-via-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .sm\:dark\:focus\:via-purple-200:focus {
+      --gradient-via-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .sm\:dark\:focus\:via-purple-300:focus {
+      --gradient-via-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .sm\:dark\:focus\:via-purple-400:focus {
+      --gradient-via-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .sm\:dark\:focus\:via-purple-500:focus {
+      --gradient-via-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .sm\:dark\:focus\:via-purple-600:focus {
+      --gradient-via-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .sm\:dark\:focus\:via-purple-700:focus {
+      --gradient-via-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .sm\:dark\:focus\:via-purple-800:focus {
+      --gradient-via-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .sm\:dark\:focus\:via-purple-900:focus {
+      --gradient-via-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .sm\:dark\:focus\:via-pink-50:focus {
+      --gradient-via-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .sm\:dark\:focus\:via-pink-100:focus {
+      --gradient-via-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .sm\:dark\:focus\:via-pink-200:focus {
+      --gradient-via-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .sm\:dark\:focus\:via-pink-300:focus {
+      --gradient-via-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .sm\:dark\:focus\:via-pink-400:focus {
+      --gradient-via-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .sm\:dark\:focus\:via-pink-500:focus {
+      --gradient-via-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .sm\:dark\:focus\:via-pink-600:focus {
+      --gradient-via-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .sm\:dark\:focus\:via-pink-700:focus {
+      --gradient-via-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .sm\:dark\:focus\:via-pink-800:focus {
+      --gradient-via-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .sm\:dark\:focus\:via-pink-900:focus {
+      --gradient-via-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .sm\:dark\:focus\:to-transparent:focus {
+      --gradient-to-color: transparent;
+    }
+
+    .sm\:dark\:focus\:to-current:focus {
+      --gradient-to-color: currentColor;
+    }
+
+    .sm\:dark\:focus\:to-black:focus {
+      --gradient-to-color: #000000;
+    }
+
+    .sm\:dark\:focus\:to-white:focus {
+      --gradient-to-color: #ffffff;
+    }
+
+    .sm\:dark\:focus\:to-gray-50:focus {
+      --gradient-to-color: #f9fafb;
+    }
+
+    .sm\:dark\:focus\:to-gray-100:focus {
+      --gradient-to-color: #f4f5f7;
+    }
+
+    .sm\:dark\:focus\:to-gray-200:focus {
+      --gradient-to-color: #e5e7eb;
+    }
+
+    .sm\:dark\:focus\:to-gray-300:focus {
+      --gradient-to-color: #d2d6dc;
+    }
+
+    .sm\:dark\:focus\:to-gray-400:focus {
+      --gradient-to-color: #9fa6b2;
+    }
+
+    .sm\:dark\:focus\:to-gray-500:focus {
+      --gradient-to-color: #6b7280;
+    }
+
+    .sm\:dark\:focus\:to-gray-600:focus {
+      --gradient-to-color: #4b5563;
+    }
+
+    .sm\:dark\:focus\:to-gray-700:focus {
+      --gradient-to-color: #374151;
+    }
+
+    .sm\:dark\:focus\:to-gray-800:focus {
+      --gradient-to-color: #252f3f;
+    }
+
+    .sm\:dark\:focus\:to-gray-900:focus {
+      --gradient-to-color: #161e2e;
+    }
+
+    .sm\:dark\:focus\:to-red-50:focus {
+      --gradient-to-color: #fdf2f2;
+    }
+
+    .sm\:dark\:focus\:to-red-100:focus {
+      --gradient-to-color: #fde8e8;
+    }
+
+    .sm\:dark\:focus\:to-red-200:focus {
+      --gradient-to-color: #fbd5d5;
+    }
+
+    .sm\:dark\:focus\:to-red-300:focus {
+      --gradient-to-color: #f8b4b4;
+    }
+
+    .sm\:dark\:focus\:to-red-400:focus {
+      --gradient-to-color: #f98080;
+    }
+
+    .sm\:dark\:focus\:to-red-500:focus {
+      --gradient-to-color: #f05252;
+    }
+
+    .sm\:dark\:focus\:to-red-600:focus {
+      --gradient-to-color: #e02424;
+    }
+
+    .sm\:dark\:focus\:to-red-700:focus {
+      --gradient-to-color: #c81e1e;
+    }
+
+    .sm\:dark\:focus\:to-red-800:focus {
+      --gradient-to-color: #9b1c1c;
+    }
+
+    .sm\:dark\:focus\:to-red-900:focus {
+      --gradient-to-color: #771d1d;
+    }
+
+    .sm\:dark\:focus\:to-orange-50:focus {
+      --gradient-to-color: #fff8f1;
+    }
+
+    .sm\:dark\:focus\:to-orange-100:focus {
+      --gradient-to-color: #feecdc;
+    }
+
+    .sm\:dark\:focus\:to-orange-200:focus {
+      --gradient-to-color: #fcd9bd;
+    }
+
+    .sm\:dark\:focus\:to-orange-300:focus {
+      --gradient-to-color: #fdba8c;
+    }
+
+    .sm\:dark\:focus\:to-orange-400:focus {
+      --gradient-to-color: #ff8a4c;
+    }
+
+    .sm\:dark\:focus\:to-orange-500:focus {
+      --gradient-to-color: #ff5a1f;
+    }
+
+    .sm\:dark\:focus\:to-orange-600:focus {
+      --gradient-to-color: #d03801;
+    }
+
+    .sm\:dark\:focus\:to-orange-700:focus {
+      --gradient-to-color: #b43403;
+    }
+
+    .sm\:dark\:focus\:to-orange-800:focus {
+      --gradient-to-color: #8a2c0d;
+    }
+
+    .sm\:dark\:focus\:to-orange-900:focus {
+      --gradient-to-color: #73230d;
+    }
+
+    .sm\:dark\:focus\:to-yellow-50:focus {
+      --gradient-to-color: #fdfdea;
+    }
+
+    .sm\:dark\:focus\:to-yellow-100:focus {
+      --gradient-to-color: #fdf6b2;
+    }
+
+    .sm\:dark\:focus\:to-yellow-200:focus {
+      --gradient-to-color: #fce96a;
+    }
+
+    .sm\:dark\:focus\:to-yellow-300:focus {
+      --gradient-to-color: #faca15;
+    }
+
+    .sm\:dark\:focus\:to-yellow-400:focus {
+      --gradient-to-color: #e3a008;
+    }
+
+    .sm\:dark\:focus\:to-yellow-500:focus {
+      --gradient-to-color: #c27803;
+    }
+
+    .sm\:dark\:focus\:to-yellow-600:focus {
+      --gradient-to-color: #9f580a;
+    }
+
+    .sm\:dark\:focus\:to-yellow-700:focus {
+      --gradient-to-color: #8e4b10;
+    }
+
+    .sm\:dark\:focus\:to-yellow-800:focus {
+      --gradient-to-color: #723b13;
+    }
+
+    .sm\:dark\:focus\:to-yellow-900:focus {
+      --gradient-to-color: #633112;
+    }
+
+    .sm\:dark\:focus\:to-green-50:focus {
+      --gradient-to-color: #f3faf7;
+    }
+
+    .sm\:dark\:focus\:to-green-100:focus {
+      --gradient-to-color: #def7ec;
+    }
+
+    .sm\:dark\:focus\:to-green-200:focus {
+      --gradient-to-color: #bcf0da;
+    }
+
+    .sm\:dark\:focus\:to-green-300:focus {
+      --gradient-to-color: #84e1bc;
+    }
+
+    .sm\:dark\:focus\:to-green-400:focus {
+      --gradient-to-color: #31c48d;
+    }
+
+    .sm\:dark\:focus\:to-green-500:focus {
+      --gradient-to-color: #0e9f6e;
+    }
+
+    .sm\:dark\:focus\:to-green-600:focus {
+      --gradient-to-color: #057a55;
+    }
+
+    .sm\:dark\:focus\:to-green-700:focus {
+      --gradient-to-color: #046c4e;
+    }
+
+    .sm\:dark\:focus\:to-green-800:focus {
+      --gradient-to-color: #03543f;
+    }
+
+    .sm\:dark\:focus\:to-green-900:focus {
+      --gradient-to-color: #014737;
+    }
+
+    .sm\:dark\:focus\:to-teal-50:focus {
+      --gradient-to-color: #edfafa;
+    }
+
+    .sm\:dark\:focus\:to-teal-100:focus {
+      --gradient-to-color: #d5f5f6;
+    }
+
+    .sm\:dark\:focus\:to-teal-200:focus {
+      --gradient-to-color: #afecef;
+    }
+
+    .sm\:dark\:focus\:to-teal-300:focus {
+      --gradient-to-color: #7edce2;
+    }
+
+    .sm\:dark\:focus\:to-teal-400:focus {
+      --gradient-to-color: #16bdca;
+    }
+
+    .sm\:dark\:focus\:to-teal-500:focus {
+      --gradient-to-color: #0694a2;
+    }
+
+    .sm\:dark\:focus\:to-teal-600:focus {
+      --gradient-to-color: #047481;
+    }
+
+    .sm\:dark\:focus\:to-teal-700:focus {
+      --gradient-to-color: #036672;
+    }
+
+    .sm\:dark\:focus\:to-teal-800:focus {
+      --gradient-to-color: #05505c;
+    }
+
+    .sm\:dark\:focus\:to-teal-900:focus {
+      --gradient-to-color: #014451;
+    }
+
+    .sm\:dark\:focus\:to-blue-50:focus {
+      --gradient-to-color: #ebf5ff;
+    }
+
+    .sm\:dark\:focus\:to-blue-100:focus {
+      --gradient-to-color: #e1effe;
+    }
+
+    .sm\:dark\:focus\:to-blue-200:focus {
+      --gradient-to-color: #c3ddfd;
+    }
+
+    .sm\:dark\:focus\:to-blue-300:focus {
+      --gradient-to-color: #a4cafe;
+    }
+
+    .sm\:dark\:focus\:to-blue-400:focus {
+      --gradient-to-color: #76a9fa;
+    }
+
+    .sm\:dark\:focus\:to-blue-500:focus {
+      --gradient-to-color: #3f83f8;
+    }
+
+    .sm\:dark\:focus\:to-blue-600:focus {
+      --gradient-to-color: #1c64f2;
+    }
+
+    .sm\:dark\:focus\:to-blue-700:focus {
+      --gradient-to-color: #1a56db;
+    }
+
+    .sm\:dark\:focus\:to-blue-800:focus {
+      --gradient-to-color: #1e429f;
+    }
+
+    .sm\:dark\:focus\:to-blue-900:focus {
+      --gradient-to-color: #233876;
+    }
+
+    .sm\:dark\:focus\:to-indigo-50:focus {
+      --gradient-to-color: #f0f5ff;
+    }
+
+    .sm\:dark\:focus\:to-indigo-100:focus {
+      --gradient-to-color: #e5edff;
+    }
+
+    .sm\:dark\:focus\:to-indigo-200:focus {
+      --gradient-to-color: #cddbfe;
+    }
+
+    .sm\:dark\:focus\:to-indigo-300:focus {
+      --gradient-to-color: #b4c6fc;
+    }
+
+    .sm\:dark\:focus\:to-indigo-400:focus {
+      --gradient-to-color: #8da2fb;
+    }
+
+    .sm\:dark\:focus\:to-indigo-500:focus {
+      --gradient-to-color: #6875f5;
+    }
+
+    .sm\:dark\:focus\:to-indigo-600:focus {
+      --gradient-to-color: #5850ec;
+    }
+
+    .sm\:dark\:focus\:to-indigo-700:focus {
+      --gradient-to-color: #5145cd;
+    }
+
+    .sm\:dark\:focus\:to-indigo-800:focus {
+      --gradient-to-color: #42389d;
+    }
+
+    .sm\:dark\:focus\:to-indigo-900:focus {
+      --gradient-to-color: #362f78;
+    }
+
+    .sm\:dark\:focus\:to-purple-50:focus {
+      --gradient-to-color: #f6f5ff;
+    }
+
+    .sm\:dark\:focus\:to-purple-100:focus {
+      --gradient-to-color: #edebfe;
+    }
+
+    .sm\:dark\:focus\:to-purple-200:focus {
+      --gradient-to-color: #dcd7fe;
+    }
+
+    .sm\:dark\:focus\:to-purple-300:focus {
+      --gradient-to-color: #cabffd;
+    }
+
+    .sm\:dark\:focus\:to-purple-400:focus {
+      --gradient-to-color: #ac94fa;
+    }
+
+    .sm\:dark\:focus\:to-purple-500:focus {
+      --gradient-to-color: #9061f9;
+    }
+
+    .sm\:dark\:focus\:to-purple-600:focus {
+      --gradient-to-color: #7e3af2;
+    }
+
+    .sm\:dark\:focus\:to-purple-700:focus {
+      --gradient-to-color: #6c2bd9;
+    }
+
+    .sm\:dark\:focus\:to-purple-800:focus {
+      --gradient-to-color: #5521b5;
+    }
+
+    .sm\:dark\:focus\:to-purple-900:focus {
+      --gradient-to-color: #4a1d96;
+    }
+
+    .sm\:dark\:focus\:to-pink-50:focus {
+      --gradient-to-color: #fdf2f8;
+    }
+
+    .sm\:dark\:focus\:to-pink-100:focus {
+      --gradient-to-color: #fce8f3;
+    }
+
+    .sm\:dark\:focus\:to-pink-200:focus {
+      --gradient-to-color: #fad1e8;
+    }
+
+    .sm\:dark\:focus\:to-pink-300:focus {
+      --gradient-to-color: #f8b4d9;
+    }
+
+    .sm\:dark\:focus\:to-pink-400:focus {
+      --gradient-to-color: #f17eb8;
+    }
+
+    .sm\:dark\:focus\:to-pink-500:focus {
+      --gradient-to-color: #e74694;
+    }
+
+    .sm\:dark\:focus\:to-pink-600:focus {
+      --gradient-to-color: #d61f69;
+    }
+
+    .sm\:dark\:focus\:to-pink-700:focus {
+      --gradient-to-color: #bf125d;
+    }
+
+    .sm\:dark\:focus\:to-pink-800:focus {
+      --gradient-to-color: #99154b;
+    }
+
+    .sm\:dark\:focus\:to-pink-900:focus {
+      --gradient-to-color: #751a3d;
+    }
+  }
+
   .sm\:bg-opacity-0 {
     --bg-opacity: 0;
   }
@@ -40728,6 +59402,1868 @@ video {
     border-color: rgba(117, 26, 61, var(--border-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .sm\:dark\:border-transparent {
+      border-color: transparent;
+    }
+
+    .sm\:dark\:border-current {
+      border-color: currentColor;
+    }
+
+    .sm\:dark\:border-black {
+      --border-opacity: 1;
+      border-color: #000000;
+      border-color: rgba(0, 0, 0, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-white {
+      --border-opacity: 1;
+      border-color: #ffffff;
+      border-color: rgba(255, 255, 255, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-gray-50 {
+      --border-opacity: 1;
+      border-color: #f9fafb;
+      border-color: rgba(249, 250, 251, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-gray-100 {
+      --border-opacity: 1;
+      border-color: #f4f5f7;
+      border-color: rgba(244, 245, 247, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-gray-200 {
+      --border-opacity: 1;
+      border-color: #e5e7eb;
+      border-color: rgba(229, 231, 235, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-gray-300 {
+      --border-opacity: 1;
+      border-color: #d2d6dc;
+      border-color: rgba(210, 214, 220, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-gray-400 {
+      --border-opacity: 1;
+      border-color: #9fa6b2;
+      border-color: rgba(159, 166, 178, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-gray-500 {
+      --border-opacity: 1;
+      border-color: #6b7280;
+      border-color: rgba(107, 114, 128, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-gray-600 {
+      --border-opacity: 1;
+      border-color: #4b5563;
+      border-color: rgba(75, 85, 99, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-gray-700 {
+      --border-opacity: 1;
+      border-color: #374151;
+      border-color: rgba(55, 65, 81, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-gray-800 {
+      --border-opacity: 1;
+      border-color: #252f3f;
+      border-color: rgba(37, 47, 63, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-gray-900 {
+      --border-opacity: 1;
+      border-color: #161e2e;
+      border-color: rgba(22, 30, 46, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-red-50 {
+      --border-opacity: 1;
+      border-color: #fdf2f2;
+      border-color: rgba(253, 242, 242, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-red-100 {
+      --border-opacity: 1;
+      border-color: #fde8e8;
+      border-color: rgba(253, 232, 232, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-red-200 {
+      --border-opacity: 1;
+      border-color: #fbd5d5;
+      border-color: rgba(251, 213, 213, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-red-300 {
+      --border-opacity: 1;
+      border-color: #f8b4b4;
+      border-color: rgba(248, 180, 180, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-red-400 {
+      --border-opacity: 1;
+      border-color: #f98080;
+      border-color: rgba(249, 128, 128, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-red-500 {
+      --border-opacity: 1;
+      border-color: #f05252;
+      border-color: rgba(240, 82, 82, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-red-600 {
+      --border-opacity: 1;
+      border-color: #e02424;
+      border-color: rgba(224, 36, 36, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-red-700 {
+      --border-opacity: 1;
+      border-color: #c81e1e;
+      border-color: rgba(200, 30, 30, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-red-800 {
+      --border-opacity: 1;
+      border-color: #9b1c1c;
+      border-color: rgba(155, 28, 28, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-red-900 {
+      --border-opacity: 1;
+      border-color: #771d1d;
+      border-color: rgba(119, 29, 29, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-orange-50 {
+      --border-opacity: 1;
+      border-color: #fff8f1;
+      border-color: rgba(255, 248, 241, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-orange-100 {
+      --border-opacity: 1;
+      border-color: #feecdc;
+      border-color: rgba(254, 236, 220, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-orange-200 {
+      --border-opacity: 1;
+      border-color: #fcd9bd;
+      border-color: rgba(252, 217, 189, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-orange-300 {
+      --border-opacity: 1;
+      border-color: #fdba8c;
+      border-color: rgba(253, 186, 140, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-orange-400 {
+      --border-opacity: 1;
+      border-color: #ff8a4c;
+      border-color: rgba(255, 138, 76, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-orange-500 {
+      --border-opacity: 1;
+      border-color: #ff5a1f;
+      border-color: rgba(255, 90, 31, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-orange-600 {
+      --border-opacity: 1;
+      border-color: #d03801;
+      border-color: rgba(208, 56, 1, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-orange-700 {
+      --border-opacity: 1;
+      border-color: #b43403;
+      border-color: rgba(180, 52, 3, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-orange-800 {
+      --border-opacity: 1;
+      border-color: #8a2c0d;
+      border-color: rgba(138, 44, 13, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-orange-900 {
+      --border-opacity: 1;
+      border-color: #73230d;
+      border-color: rgba(115, 35, 13, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-yellow-50 {
+      --border-opacity: 1;
+      border-color: #fdfdea;
+      border-color: rgba(253, 253, 234, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-yellow-100 {
+      --border-opacity: 1;
+      border-color: #fdf6b2;
+      border-color: rgba(253, 246, 178, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-yellow-200 {
+      --border-opacity: 1;
+      border-color: #fce96a;
+      border-color: rgba(252, 233, 106, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-yellow-300 {
+      --border-opacity: 1;
+      border-color: #faca15;
+      border-color: rgba(250, 202, 21, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-yellow-400 {
+      --border-opacity: 1;
+      border-color: #e3a008;
+      border-color: rgba(227, 160, 8, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-yellow-500 {
+      --border-opacity: 1;
+      border-color: #c27803;
+      border-color: rgba(194, 120, 3, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-yellow-600 {
+      --border-opacity: 1;
+      border-color: #9f580a;
+      border-color: rgba(159, 88, 10, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-yellow-700 {
+      --border-opacity: 1;
+      border-color: #8e4b10;
+      border-color: rgba(142, 75, 16, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-yellow-800 {
+      --border-opacity: 1;
+      border-color: #723b13;
+      border-color: rgba(114, 59, 19, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-yellow-900 {
+      --border-opacity: 1;
+      border-color: #633112;
+      border-color: rgba(99, 49, 18, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-green-50 {
+      --border-opacity: 1;
+      border-color: #f3faf7;
+      border-color: rgba(243, 250, 247, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-green-100 {
+      --border-opacity: 1;
+      border-color: #def7ec;
+      border-color: rgba(222, 247, 236, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-green-200 {
+      --border-opacity: 1;
+      border-color: #bcf0da;
+      border-color: rgba(188, 240, 218, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-green-300 {
+      --border-opacity: 1;
+      border-color: #84e1bc;
+      border-color: rgba(132, 225, 188, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-green-400 {
+      --border-opacity: 1;
+      border-color: #31c48d;
+      border-color: rgba(49, 196, 141, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-green-500 {
+      --border-opacity: 1;
+      border-color: #0e9f6e;
+      border-color: rgba(14, 159, 110, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-green-600 {
+      --border-opacity: 1;
+      border-color: #057a55;
+      border-color: rgba(5, 122, 85, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-green-700 {
+      --border-opacity: 1;
+      border-color: #046c4e;
+      border-color: rgba(4, 108, 78, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-green-800 {
+      --border-opacity: 1;
+      border-color: #03543f;
+      border-color: rgba(3, 84, 63, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-green-900 {
+      --border-opacity: 1;
+      border-color: #014737;
+      border-color: rgba(1, 71, 55, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-teal-50 {
+      --border-opacity: 1;
+      border-color: #edfafa;
+      border-color: rgba(237, 250, 250, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-teal-100 {
+      --border-opacity: 1;
+      border-color: #d5f5f6;
+      border-color: rgba(213, 245, 246, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-teal-200 {
+      --border-opacity: 1;
+      border-color: #afecef;
+      border-color: rgba(175, 236, 239, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-teal-300 {
+      --border-opacity: 1;
+      border-color: #7edce2;
+      border-color: rgba(126, 220, 226, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-teal-400 {
+      --border-opacity: 1;
+      border-color: #16bdca;
+      border-color: rgba(22, 189, 202, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-teal-500 {
+      --border-opacity: 1;
+      border-color: #0694a2;
+      border-color: rgba(6, 148, 162, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-teal-600 {
+      --border-opacity: 1;
+      border-color: #047481;
+      border-color: rgba(4, 116, 129, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-teal-700 {
+      --border-opacity: 1;
+      border-color: #036672;
+      border-color: rgba(3, 102, 114, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-teal-800 {
+      --border-opacity: 1;
+      border-color: #05505c;
+      border-color: rgba(5, 80, 92, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-teal-900 {
+      --border-opacity: 1;
+      border-color: #014451;
+      border-color: rgba(1, 68, 81, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-blue-50 {
+      --border-opacity: 1;
+      border-color: #ebf5ff;
+      border-color: rgba(235, 245, 255, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-blue-100 {
+      --border-opacity: 1;
+      border-color: #e1effe;
+      border-color: rgba(225, 239, 254, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-blue-200 {
+      --border-opacity: 1;
+      border-color: #c3ddfd;
+      border-color: rgba(195, 221, 253, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-blue-300 {
+      --border-opacity: 1;
+      border-color: #a4cafe;
+      border-color: rgba(164, 202, 254, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-blue-400 {
+      --border-opacity: 1;
+      border-color: #76a9fa;
+      border-color: rgba(118, 169, 250, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-blue-500 {
+      --border-opacity: 1;
+      border-color: #3f83f8;
+      border-color: rgba(63, 131, 248, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-blue-600 {
+      --border-opacity: 1;
+      border-color: #1c64f2;
+      border-color: rgba(28, 100, 242, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-blue-700 {
+      --border-opacity: 1;
+      border-color: #1a56db;
+      border-color: rgba(26, 86, 219, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-blue-800 {
+      --border-opacity: 1;
+      border-color: #1e429f;
+      border-color: rgba(30, 66, 159, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-blue-900 {
+      --border-opacity: 1;
+      border-color: #233876;
+      border-color: rgba(35, 56, 118, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-indigo-50 {
+      --border-opacity: 1;
+      border-color: #f0f5ff;
+      border-color: rgba(240, 245, 255, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-indigo-100 {
+      --border-opacity: 1;
+      border-color: #e5edff;
+      border-color: rgba(229, 237, 255, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-indigo-200 {
+      --border-opacity: 1;
+      border-color: #cddbfe;
+      border-color: rgba(205, 219, 254, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-indigo-300 {
+      --border-opacity: 1;
+      border-color: #b4c6fc;
+      border-color: rgba(180, 198, 252, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-indigo-400 {
+      --border-opacity: 1;
+      border-color: #8da2fb;
+      border-color: rgba(141, 162, 251, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-indigo-500 {
+      --border-opacity: 1;
+      border-color: #6875f5;
+      border-color: rgba(104, 117, 245, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-indigo-600 {
+      --border-opacity: 1;
+      border-color: #5850ec;
+      border-color: rgba(88, 80, 236, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-indigo-700 {
+      --border-opacity: 1;
+      border-color: #5145cd;
+      border-color: rgba(81, 69, 205, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-indigo-800 {
+      --border-opacity: 1;
+      border-color: #42389d;
+      border-color: rgba(66, 56, 157, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-indigo-900 {
+      --border-opacity: 1;
+      border-color: #362f78;
+      border-color: rgba(54, 47, 120, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-purple-50 {
+      --border-opacity: 1;
+      border-color: #f6f5ff;
+      border-color: rgba(246, 245, 255, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-purple-100 {
+      --border-opacity: 1;
+      border-color: #edebfe;
+      border-color: rgba(237, 235, 254, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-purple-200 {
+      --border-opacity: 1;
+      border-color: #dcd7fe;
+      border-color: rgba(220, 215, 254, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-purple-300 {
+      --border-opacity: 1;
+      border-color: #cabffd;
+      border-color: rgba(202, 191, 253, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-purple-400 {
+      --border-opacity: 1;
+      border-color: #ac94fa;
+      border-color: rgba(172, 148, 250, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-purple-500 {
+      --border-opacity: 1;
+      border-color: #9061f9;
+      border-color: rgba(144, 97, 249, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-purple-600 {
+      --border-opacity: 1;
+      border-color: #7e3af2;
+      border-color: rgba(126, 58, 242, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-purple-700 {
+      --border-opacity: 1;
+      border-color: #6c2bd9;
+      border-color: rgba(108, 43, 217, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-purple-800 {
+      --border-opacity: 1;
+      border-color: #5521b5;
+      border-color: rgba(85, 33, 181, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-purple-900 {
+      --border-opacity: 1;
+      border-color: #4a1d96;
+      border-color: rgba(74, 29, 150, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-pink-50 {
+      --border-opacity: 1;
+      border-color: #fdf2f8;
+      border-color: rgba(253, 242, 248, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-pink-100 {
+      --border-opacity: 1;
+      border-color: #fce8f3;
+      border-color: rgba(252, 232, 243, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-pink-200 {
+      --border-opacity: 1;
+      border-color: #fad1e8;
+      border-color: rgba(250, 209, 232, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-pink-300 {
+      --border-opacity: 1;
+      border-color: #f8b4d9;
+      border-color: rgba(248, 180, 217, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-pink-400 {
+      --border-opacity: 1;
+      border-color: #f17eb8;
+      border-color: rgba(241, 126, 184, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-pink-500 {
+      --border-opacity: 1;
+      border-color: #e74694;
+      border-color: rgba(231, 70, 148, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-pink-600 {
+      --border-opacity: 1;
+      border-color: #d61f69;
+      border-color: rgba(214, 31, 105, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-pink-700 {
+      --border-opacity: 1;
+      border-color: #bf125d;
+      border-color: rgba(191, 18, 93, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-pink-800 {
+      --border-opacity: 1;
+      border-color: #99154b;
+      border-color: rgba(153, 21, 75, var(--border-opacity));
+    }
+
+    .sm\:dark\:border-pink-900 {
+      --border-opacity: 1;
+      border-color: #751a3d;
+      border-color: rgba(117, 26, 61, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-transparent:hover {
+      border-color: transparent;
+    }
+
+    .sm\:dark\:hover\:border-current:hover {
+      border-color: currentColor;
+    }
+
+    .sm\:dark\:hover\:border-black:hover {
+      --border-opacity: 1;
+      border-color: #000000;
+      border-color: rgba(0, 0, 0, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-white:hover {
+      --border-opacity: 1;
+      border-color: #ffffff;
+      border-color: rgba(255, 255, 255, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-gray-50:hover {
+      --border-opacity: 1;
+      border-color: #f9fafb;
+      border-color: rgba(249, 250, 251, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-gray-100:hover {
+      --border-opacity: 1;
+      border-color: #f4f5f7;
+      border-color: rgba(244, 245, 247, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-gray-200:hover {
+      --border-opacity: 1;
+      border-color: #e5e7eb;
+      border-color: rgba(229, 231, 235, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-gray-300:hover {
+      --border-opacity: 1;
+      border-color: #d2d6dc;
+      border-color: rgba(210, 214, 220, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-gray-400:hover {
+      --border-opacity: 1;
+      border-color: #9fa6b2;
+      border-color: rgba(159, 166, 178, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-gray-500:hover {
+      --border-opacity: 1;
+      border-color: #6b7280;
+      border-color: rgba(107, 114, 128, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-gray-600:hover {
+      --border-opacity: 1;
+      border-color: #4b5563;
+      border-color: rgba(75, 85, 99, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-gray-700:hover {
+      --border-opacity: 1;
+      border-color: #374151;
+      border-color: rgba(55, 65, 81, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-gray-800:hover {
+      --border-opacity: 1;
+      border-color: #252f3f;
+      border-color: rgba(37, 47, 63, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-gray-900:hover {
+      --border-opacity: 1;
+      border-color: #161e2e;
+      border-color: rgba(22, 30, 46, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-red-50:hover {
+      --border-opacity: 1;
+      border-color: #fdf2f2;
+      border-color: rgba(253, 242, 242, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-red-100:hover {
+      --border-opacity: 1;
+      border-color: #fde8e8;
+      border-color: rgba(253, 232, 232, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-red-200:hover {
+      --border-opacity: 1;
+      border-color: #fbd5d5;
+      border-color: rgba(251, 213, 213, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-red-300:hover {
+      --border-opacity: 1;
+      border-color: #f8b4b4;
+      border-color: rgba(248, 180, 180, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-red-400:hover {
+      --border-opacity: 1;
+      border-color: #f98080;
+      border-color: rgba(249, 128, 128, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-red-500:hover {
+      --border-opacity: 1;
+      border-color: #f05252;
+      border-color: rgba(240, 82, 82, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-red-600:hover {
+      --border-opacity: 1;
+      border-color: #e02424;
+      border-color: rgba(224, 36, 36, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-red-700:hover {
+      --border-opacity: 1;
+      border-color: #c81e1e;
+      border-color: rgba(200, 30, 30, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-red-800:hover {
+      --border-opacity: 1;
+      border-color: #9b1c1c;
+      border-color: rgba(155, 28, 28, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-red-900:hover {
+      --border-opacity: 1;
+      border-color: #771d1d;
+      border-color: rgba(119, 29, 29, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-orange-50:hover {
+      --border-opacity: 1;
+      border-color: #fff8f1;
+      border-color: rgba(255, 248, 241, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-orange-100:hover {
+      --border-opacity: 1;
+      border-color: #feecdc;
+      border-color: rgba(254, 236, 220, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-orange-200:hover {
+      --border-opacity: 1;
+      border-color: #fcd9bd;
+      border-color: rgba(252, 217, 189, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-orange-300:hover {
+      --border-opacity: 1;
+      border-color: #fdba8c;
+      border-color: rgba(253, 186, 140, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-orange-400:hover {
+      --border-opacity: 1;
+      border-color: #ff8a4c;
+      border-color: rgba(255, 138, 76, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-orange-500:hover {
+      --border-opacity: 1;
+      border-color: #ff5a1f;
+      border-color: rgba(255, 90, 31, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-orange-600:hover {
+      --border-opacity: 1;
+      border-color: #d03801;
+      border-color: rgba(208, 56, 1, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-orange-700:hover {
+      --border-opacity: 1;
+      border-color: #b43403;
+      border-color: rgba(180, 52, 3, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-orange-800:hover {
+      --border-opacity: 1;
+      border-color: #8a2c0d;
+      border-color: rgba(138, 44, 13, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-orange-900:hover {
+      --border-opacity: 1;
+      border-color: #73230d;
+      border-color: rgba(115, 35, 13, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-yellow-50:hover {
+      --border-opacity: 1;
+      border-color: #fdfdea;
+      border-color: rgba(253, 253, 234, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-yellow-100:hover {
+      --border-opacity: 1;
+      border-color: #fdf6b2;
+      border-color: rgba(253, 246, 178, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-yellow-200:hover {
+      --border-opacity: 1;
+      border-color: #fce96a;
+      border-color: rgba(252, 233, 106, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-yellow-300:hover {
+      --border-opacity: 1;
+      border-color: #faca15;
+      border-color: rgba(250, 202, 21, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-yellow-400:hover {
+      --border-opacity: 1;
+      border-color: #e3a008;
+      border-color: rgba(227, 160, 8, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-yellow-500:hover {
+      --border-opacity: 1;
+      border-color: #c27803;
+      border-color: rgba(194, 120, 3, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-yellow-600:hover {
+      --border-opacity: 1;
+      border-color: #9f580a;
+      border-color: rgba(159, 88, 10, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-yellow-700:hover {
+      --border-opacity: 1;
+      border-color: #8e4b10;
+      border-color: rgba(142, 75, 16, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-yellow-800:hover {
+      --border-opacity: 1;
+      border-color: #723b13;
+      border-color: rgba(114, 59, 19, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-yellow-900:hover {
+      --border-opacity: 1;
+      border-color: #633112;
+      border-color: rgba(99, 49, 18, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-green-50:hover {
+      --border-opacity: 1;
+      border-color: #f3faf7;
+      border-color: rgba(243, 250, 247, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-green-100:hover {
+      --border-opacity: 1;
+      border-color: #def7ec;
+      border-color: rgba(222, 247, 236, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-green-200:hover {
+      --border-opacity: 1;
+      border-color: #bcf0da;
+      border-color: rgba(188, 240, 218, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-green-300:hover {
+      --border-opacity: 1;
+      border-color: #84e1bc;
+      border-color: rgba(132, 225, 188, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-green-400:hover {
+      --border-opacity: 1;
+      border-color: #31c48d;
+      border-color: rgba(49, 196, 141, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-green-500:hover {
+      --border-opacity: 1;
+      border-color: #0e9f6e;
+      border-color: rgba(14, 159, 110, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-green-600:hover {
+      --border-opacity: 1;
+      border-color: #057a55;
+      border-color: rgba(5, 122, 85, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-green-700:hover {
+      --border-opacity: 1;
+      border-color: #046c4e;
+      border-color: rgba(4, 108, 78, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-green-800:hover {
+      --border-opacity: 1;
+      border-color: #03543f;
+      border-color: rgba(3, 84, 63, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-green-900:hover {
+      --border-opacity: 1;
+      border-color: #014737;
+      border-color: rgba(1, 71, 55, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-teal-50:hover {
+      --border-opacity: 1;
+      border-color: #edfafa;
+      border-color: rgba(237, 250, 250, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-teal-100:hover {
+      --border-opacity: 1;
+      border-color: #d5f5f6;
+      border-color: rgba(213, 245, 246, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-teal-200:hover {
+      --border-opacity: 1;
+      border-color: #afecef;
+      border-color: rgba(175, 236, 239, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-teal-300:hover {
+      --border-opacity: 1;
+      border-color: #7edce2;
+      border-color: rgba(126, 220, 226, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-teal-400:hover {
+      --border-opacity: 1;
+      border-color: #16bdca;
+      border-color: rgba(22, 189, 202, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-teal-500:hover {
+      --border-opacity: 1;
+      border-color: #0694a2;
+      border-color: rgba(6, 148, 162, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-teal-600:hover {
+      --border-opacity: 1;
+      border-color: #047481;
+      border-color: rgba(4, 116, 129, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-teal-700:hover {
+      --border-opacity: 1;
+      border-color: #036672;
+      border-color: rgba(3, 102, 114, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-teal-800:hover {
+      --border-opacity: 1;
+      border-color: #05505c;
+      border-color: rgba(5, 80, 92, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-teal-900:hover {
+      --border-opacity: 1;
+      border-color: #014451;
+      border-color: rgba(1, 68, 81, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-blue-50:hover {
+      --border-opacity: 1;
+      border-color: #ebf5ff;
+      border-color: rgba(235, 245, 255, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-blue-100:hover {
+      --border-opacity: 1;
+      border-color: #e1effe;
+      border-color: rgba(225, 239, 254, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-blue-200:hover {
+      --border-opacity: 1;
+      border-color: #c3ddfd;
+      border-color: rgba(195, 221, 253, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-blue-300:hover {
+      --border-opacity: 1;
+      border-color: #a4cafe;
+      border-color: rgba(164, 202, 254, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-blue-400:hover {
+      --border-opacity: 1;
+      border-color: #76a9fa;
+      border-color: rgba(118, 169, 250, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-blue-500:hover {
+      --border-opacity: 1;
+      border-color: #3f83f8;
+      border-color: rgba(63, 131, 248, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-blue-600:hover {
+      --border-opacity: 1;
+      border-color: #1c64f2;
+      border-color: rgba(28, 100, 242, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-blue-700:hover {
+      --border-opacity: 1;
+      border-color: #1a56db;
+      border-color: rgba(26, 86, 219, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-blue-800:hover {
+      --border-opacity: 1;
+      border-color: #1e429f;
+      border-color: rgba(30, 66, 159, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-blue-900:hover {
+      --border-opacity: 1;
+      border-color: #233876;
+      border-color: rgba(35, 56, 118, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-indigo-50:hover {
+      --border-opacity: 1;
+      border-color: #f0f5ff;
+      border-color: rgba(240, 245, 255, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-indigo-100:hover {
+      --border-opacity: 1;
+      border-color: #e5edff;
+      border-color: rgba(229, 237, 255, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-indigo-200:hover {
+      --border-opacity: 1;
+      border-color: #cddbfe;
+      border-color: rgba(205, 219, 254, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-indigo-300:hover {
+      --border-opacity: 1;
+      border-color: #b4c6fc;
+      border-color: rgba(180, 198, 252, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-indigo-400:hover {
+      --border-opacity: 1;
+      border-color: #8da2fb;
+      border-color: rgba(141, 162, 251, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-indigo-500:hover {
+      --border-opacity: 1;
+      border-color: #6875f5;
+      border-color: rgba(104, 117, 245, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-indigo-600:hover {
+      --border-opacity: 1;
+      border-color: #5850ec;
+      border-color: rgba(88, 80, 236, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-indigo-700:hover {
+      --border-opacity: 1;
+      border-color: #5145cd;
+      border-color: rgba(81, 69, 205, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-indigo-800:hover {
+      --border-opacity: 1;
+      border-color: #42389d;
+      border-color: rgba(66, 56, 157, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-indigo-900:hover {
+      --border-opacity: 1;
+      border-color: #362f78;
+      border-color: rgba(54, 47, 120, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-purple-50:hover {
+      --border-opacity: 1;
+      border-color: #f6f5ff;
+      border-color: rgba(246, 245, 255, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-purple-100:hover {
+      --border-opacity: 1;
+      border-color: #edebfe;
+      border-color: rgba(237, 235, 254, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-purple-200:hover {
+      --border-opacity: 1;
+      border-color: #dcd7fe;
+      border-color: rgba(220, 215, 254, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-purple-300:hover {
+      --border-opacity: 1;
+      border-color: #cabffd;
+      border-color: rgba(202, 191, 253, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-purple-400:hover {
+      --border-opacity: 1;
+      border-color: #ac94fa;
+      border-color: rgba(172, 148, 250, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-purple-500:hover {
+      --border-opacity: 1;
+      border-color: #9061f9;
+      border-color: rgba(144, 97, 249, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-purple-600:hover {
+      --border-opacity: 1;
+      border-color: #7e3af2;
+      border-color: rgba(126, 58, 242, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-purple-700:hover {
+      --border-opacity: 1;
+      border-color: #6c2bd9;
+      border-color: rgba(108, 43, 217, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-purple-800:hover {
+      --border-opacity: 1;
+      border-color: #5521b5;
+      border-color: rgba(85, 33, 181, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-purple-900:hover {
+      --border-opacity: 1;
+      border-color: #4a1d96;
+      border-color: rgba(74, 29, 150, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-pink-50:hover {
+      --border-opacity: 1;
+      border-color: #fdf2f8;
+      border-color: rgba(253, 242, 248, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-pink-100:hover {
+      --border-opacity: 1;
+      border-color: #fce8f3;
+      border-color: rgba(252, 232, 243, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-pink-200:hover {
+      --border-opacity: 1;
+      border-color: #fad1e8;
+      border-color: rgba(250, 209, 232, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-pink-300:hover {
+      --border-opacity: 1;
+      border-color: #f8b4d9;
+      border-color: rgba(248, 180, 217, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-pink-400:hover {
+      --border-opacity: 1;
+      border-color: #f17eb8;
+      border-color: rgba(241, 126, 184, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-pink-500:hover {
+      --border-opacity: 1;
+      border-color: #e74694;
+      border-color: rgba(231, 70, 148, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-pink-600:hover {
+      --border-opacity: 1;
+      border-color: #d61f69;
+      border-color: rgba(214, 31, 105, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-pink-700:hover {
+      --border-opacity: 1;
+      border-color: #bf125d;
+      border-color: rgba(191, 18, 93, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-pink-800:hover {
+      --border-opacity: 1;
+      border-color: #99154b;
+      border-color: rgba(153, 21, 75, var(--border-opacity));
+    }
+
+    .sm\:dark\:hover\:border-pink-900:hover {
+      --border-opacity: 1;
+      border-color: #751a3d;
+      border-color: rgba(117, 26, 61, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-transparent:focus {
+      border-color: transparent;
+    }
+
+    .sm\:dark\:focus\:border-current:focus {
+      border-color: currentColor;
+    }
+
+    .sm\:dark\:focus\:border-black:focus {
+      --border-opacity: 1;
+      border-color: #000000;
+      border-color: rgba(0, 0, 0, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-white:focus {
+      --border-opacity: 1;
+      border-color: #ffffff;
+      border-color: rgba(255, 255, 255, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-gray-50:focus {
+      --border-opacity: 1;
+      border-color: #f9fafb;
+      border-color: rgba(249, 250, 251, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-gray-100:focus {
+      --border-opacity: 1;
+      border-color: #f4f5f7;
+      border-color: rgba(244, 245, 247, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-gray-200:focus {
+      --border-opacity: 1;
+      border-color: #e5e7eb;
+      border-color: rgba(229, 231, 235, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-gray-300:focus {
+      --border-opacity: 1;
+      border-color: #d2d6dc;
+      border-color: rgba(210, 214, 220, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-gray-400:focus {
+      --border-opacity: 1;
+      border-color: #9fa6b2;
+      border-color: rgba(159, 166, 178, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-gray-500:focus {
+      --border-opacity: 1;
+      border-color: #6b7280;
+      border-color: rgba(107, 114, 128, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-gray-600:focus {
+      --border-opacity: 1;
+      border-color: #4b5563;
+      border-color: rgba(75, 85, 99, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-gray-700:focus {
+      --border-opacity: 1;
+      border-color: #374151;
+      border-color: rgba(55, 65, 81, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-gray-800:focus {
+      --border-opacity: 1;
+      border-color: #252f3f;
+      border-color: rgba(37, 47, 63, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-gray-900:focus {
+      --border-opacity: 1;
+      border-color: #161e2e;
+      border-color: rgba(22, 30, 46, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-red-50:focus {
+      --border-opacity: 1;
+      border-color: #fdf2f2;
+      border-color: rgba(253, 242, 242, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-red-100:focus {
+      --border-opacity: 1;
+      border-color: #fde8e8;
+      border-color: rgba(253, 232, 232, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-red-200:focus {
+      --border-opacity: 1;
+      border-color: #fbd5d5;
+      border-color: rgba(251, 213, 213, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-red-300:focus {
+      --border-opacity: 1;
+      border-color: #f8b4b4;
+      border-color: rgba(248, 180, 180, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-red-400:focus {
+      --border-opacity: 1;
+      border-color: #f98080;
+      border-color: rgba(249, 128, 128, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-red-500:focus {
+      --border-opacity: 1;
+      border-color: #f05252;
+      border-color: rgba(240, 82, 82, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-red-600:focus {
+      --border-opacity: 1;
+      border-color: #e02424;
+      border-color: rgba(224, 36, 36, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-red-700:focus {
+      --border-opacity: 1;
+      border-color: #c81e1e;
+      border-color: rgba(200, 30, 30, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-red-800:focus {
+      --border-opacity: 1;
+      border-color: #9b1c1c;
+      border-color: rgba(155, 28, 28, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-red-900:focus {
+      --border-opacity: 1;
+      border-color: #771d1d;
+      border-color: rgba(119, 29, 29, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-orange-50:focus {
+      --border-opacity: 1;
+      border-color: #fff8f1;
+      border-color: rgba(255, 248, 241, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-orange-100:focus {
+      --border-opacity: 1;
+      border-color: #feecdc;
+      border-color: rgba(254, 236, 220, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-orange-200:focus {
+      --border-opacity: 1;
+      border-color: #fcd9bd;
+      border-color: rgba(252, 217, 189, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-orange-300:focus {
+      --border-opacity: 1;
+      border-color: #fdba8c;
+      border-color: rgba(253, 186, 140, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-orange-400:focus {
+      --border-opacity: 1;
+      border-color: #ff8a4c;
+      border-color: rgba(255, 138, 76, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-orange-500:focus {
+      --border-opacity: 1;
+      border-color: #ff5a1f;
+      border-color: rgba(255, 90, 31, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-orange-600:focus {
+      --border-opacity: 1;
+      border-color: #d03801;
+      border-color: rgba(208, 56, 1, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-orange-700:focus {
+      --border-opacity: 1;
+      border-color: #b43403;
+      border-color: rgba(180, 52, 3, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-orange-800:focus {
+      --border-opacity: 1;
+      border-color: #8a2c0d;
+      border-color: rgba(138, 44, 13, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-orange-900:focus {
+      --border-opacity: 1;
+      border-color: #73230d;
+      border-color: rgba(115, 35, 13, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-yellow-50:focus {
+      --border-opacity: 1;
+      border-color: #fdfdea;
+      border-color: rgba(253, 253, 234, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-yellow-100:focus {
+      --border-opacity: 1;
+      border-color: #fdf6b2;
+      border-color: rgba(253, 246, 178, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-yellow-200:focus {
+      --border-opacity: 1;
+      border-color: #fce96a;
+      border-color: rgba(252, 233, 106, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-yellow-300:focus {
+      --border-opacity: 1;
+      border-color: #faca15;
+      border-color: rgba(250, 202, 21, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-yellow-400:focus {
+      --border-opacity: 1;
+      border-color: #e3a008;
+      border-color: rgba(227, 160, 8, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-yellow-500:focus {
+      --border-opacity: 1;
+      border-color: #c27803;
+      border-color: rgba(194, 120, 3, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-yellow-600:focus {
+      --border-opacity: 1;
+      border-color: #9f580a;
+      border-color: rgba(159, 88, 10, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-yellow-700:focus {
+      --border-opacity: 1;
+      border-color: #8e4b10;
+      border-color: rgba(142, 75, 16, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-yellow-800:focus {
+      --border-opacity: 1;
+      border-color: #723b13;
+      border-color: rgba(114, 59, 19, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-yellow-900:focus {
+      --border-opacity: 1;
+      border-color: #633112;
+      border-color: rgba(99, 49, 18, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-green-50:focus {
+      --border-opacity: 1;
+      border-color: #f3faf7;
+      border-color: rgba(243, 250, 247, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-green-100:focus {
+      --border-opacity: 1;
+      border-color: #def7ec;
+      border-color: rgba(222, 247, 236, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-green-200:focus {
+      --border-opacity: 1;
+      border-color: #bcf0da;
+      border-color: rgba(188, 240, 218, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-green-300:focus {
+      --border-opacity: 1;
+      border-color: #84e1bc;
+      border-color: rgba(132, 225, 188, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-green-400:focus {
+      --border-opacity: 1;
+      border-color: #31c48d;
+      border-color: rgba(49, 196, 141, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-green-500:focus {
+      --border-opacity: 1;
+      border-color: #0e9f6e;
+      border-color: rgba(14, 159, 110, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-green-600:focus {
+      --border-opacity: 1;
+      border-color: #057a55;
+      border-color: rgba(5, 122, 85, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-green-700:focus {
+      --border-opacity: 1;
+      border-color: #046c4e;
+      border-color: rgba(4, 108, 78, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-green-800:focus {
+      --border-opacity: 1;
+      border-color: #03543f;
+      border-color: rgba(3, 84, 63, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-green-900:focus {
+      --border-opacity: 1;
+      border-color: #014737;
+      border-color: rgba(1, 71, 55, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-teal-50:focus {
+      --border-opacity: 1;
+      border-color: #edfafa;
+      border-color: rgba(237, 250, 250, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-teal-100:focus {
+      --border-opacity: 1;
+      border-color: #d5f5f6;
+      border-color: rgba(213, 245, 246, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-teal-200:focus {
+      --border-opacity: 1;
+      border-color: #afecef;
+      border-color: rgba(175, 236, 239, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-teal-300:focus {
+      --border-opacity: 1;
+      border-color: #7edce2;
+      border-color: rgba(126, 220, 226, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-teal-400:focus {
+      --border-opacity: 1;
+      border-color: #16bdca;
+      border-color: rgba(22, 189, 202, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-teal-500:focus {
+      --border-opacity: 1;
+      border-color: #0694a2;
+      border-color: rgba(6, 148, 162, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-teal-600:focus {
+      --border-opacity: 1;
+      border-color: #047481;
+      border-color: rgba(4, 116, 129, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-teal-700:focus {
+      --border-opacity: 1;
+      border-color: #036672;
+      border-color: rgba(3, 102, 114, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-teal-800:focus {
+      --border-opacity: 1;
+      border-color: #05505c;
+      border-color: rgba(5, 80, 92, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-teal-900:focus {
+      --border-opacity: 1;
+      border-color: #014451;
+      border-color: rgba(1, 68, 81, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-blue-50:focus {
+      --border-opacity: 1;
+      border-color: #ebf5ff;
+      border-color: rgba(235, 245, 255, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-blue-100:focus {
+      --border-opacity: 1;
+      border-color: #e1effe;
+      border-color: rgba(225, 239, 254, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-blue-200:focus {
+      --border-opacity: 1;
+      border-color: #c3ddfd;
+      border-color: rgba(195, 221, 253, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-blue-300:focus {
+      --border-opacity: 1;
+      border-color: #a4cafe;
+      border-color: rgba(164, 202, 254, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-blue-400:focus {
+      --border-opacity: 1;
+      border-color: #76a9fa;
+      border-color: rgba(118, 169, 250, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-blue-500:focus {
+      --border-opacity: 1;
+      border-color: #3f83f8;
+      border-color: rgba(63, 131, 248, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-blue-600:focus {
+      --border-opacity: 1;
+      border-color: #1c64f2;
+      border-color: rgba(28, 100, 242, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-blue-700:focus {
+      --border-opacity: 1;
+      border-color: #1a56db;
+      border-color: rgba(26, 86, 219, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-blue-800:focus {
+      --border-opacity: 1;
+      border-color: #1e429f;
+      border-color: rgba(30, 66, 159, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-blue-900:focus {
+      --border-opacity: 1;
+      border-color: #233876;
+      border-color: rgba(35, 56, 118, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-indigo-50:focus {
+      --border-opacity: 1;
+      border-color: #f0f5ff;
+      border-color: rgba(240, 245, 255, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-indigo-100:focus {
+      --border-opacity: 1;
+      border-color: #e5edff;
+      border-color: rgba(229, 237, 255, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-indigo-200:focus {
+      --border-opacity: 1;
+      border-color: #cddbfe;
+      border-color: rgba(205, 219, 254, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-indigo-300:focus {
+      --border-opacity: 1;
+      border-color: #b4c6fc;
+      border-color: rgba(180, 198, 252, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-indigo-400:focus {
+      --border-opacity: 1;
+      border-color: #8da2fb;
+      border-color: rgba(141, 162, 251, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-indigo-500:focus {
+      --border-opacity: 1;
+      border-color: #6875f5;
+      border-color: rgba(104, 117, 245, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-indigo-600:focus {
+      --border-opacity: 1;
+      border-color: #5850ec;
+      border-color: rgba(88, 80, 236, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-indigo-700:focus {
+      --border-opacity: 1;
+      border-color: #5145cd;
+      border-color: rgba(81, 69, 205, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-indigo-800:focus {
+      --border-opacity: 1;
+      border-color: #42389d;
+      border-color: rgba(66, 56, 157, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-indigo-900:focus {
+      --border-opacity: 1;
+      border-color: #362f78;
+      border-color: rgba(54, 47, 120, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-purple-50:focus {
+      --border-opacity: 1;
+      border-color: #f6f5ff;
+      border-color: rgba(246, 245, 255, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-purple-100:focus {
+      --border-opacity: 1;
+      border-color: #edebfe;
+      border-color: rgba(237, 235, 254, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-purple-200:focus {
+      --border-opacity: 1;
+      border-color: #dcd7fe;
+      border-color: rgba(220, 215, 254, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-purple-300:focus {
+      --border-opacity: 1;
+      border-color: #cabffd;
+      border-color: rgba(202, 191, 253, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-purple-400:focus {
+      --border-opacity: 1;
+      border-color: #ac94fa;
+      border-color: rgba(172, 148, 250, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-purple-500:focus {
+      --border-opacity: 1;
+      border-color: #9061f9;
+      border-color: rgba(144, 97, 249, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-purple-600:focus {
+      --border-opacity: 1;
+      border-color: #7e3af2;
+      border-color: rgba(126, 58, 242, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-purple-700:focus {
+      --border-opacity: 1;
+      border-color: #6c2bd9;
+      border-color: rgba(108, 43, 217, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-purple-800:focus {
+      --border-opacity: 1;
+      border-color: #5521b5;
+      border-color: rgba(85, 33, 181, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-purple-900:focus {
+      --border-opacity: 1;
+      border-color: #4a1d96;
+      border-color: rgba(74, 29, 150, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-pink-50:focus {
+      --border-opacity: 1;
+      border-color: #fdf2f8;
+      border-color: rgba(253, 242, 248, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-pink-100:focus {
+      --border-opacity: 1;
+      border-color: #fce8f3;
+      border-color: rgba(252, 232, 243, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-pink-200:focus {
+      --border-opacity: 1;
+      border-color: #fad1e8;
+      border-color: rgba(250, 209, 232, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-pink-300:focus {
+      --border-opacity: 1;
+      border-color: #f8b4d9;
+      border-color: rgba(248, 180, 217, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-pink-400:focus {
+      --border-opacity: 1;
+      border-color: #f17eb8;
+      border-color: rgba(241, 126, 184, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-pink-500:focus {
+      --border-opacity: 1;
+      border-color: #e74694;
+      border-color: rgba(231, 70, 148, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-pink-600:focus {
+      --border-opacity: 1;
+      border-color: #d61f69;
+      border-color: rgba(214, 31, 105, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-pink-700:focus {
+      --border-opacity: 1;
+      border-color: #bf125d;
+      border-color: rgba(191, 18, 93, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-pink-800:focus {
+      --border-opacity: 1;
+      border-color: #99154b;
+      border-color: rgba(153, 21, 75, var(--border-opacity));
+    }
+
+    .sm\:dark\:focus\:border-pink-900:focus {
+      --border-opacity: 1;
+      border-color: #751a3d;
+      border-color: rgba(117, 26, 61, var(--border-opacity));
+    }
+  }
+
   .sm\:border-opacity-0 {
     --border-opacity: 0;
   }
@@ -49607,6 +70143,1248 @@ video {
     color: rgba(117, 26, 61, var(--placeholder-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .sm\:dark\:placeholder-transparent::placeholder {
+      color: transparent;
+    }
+
+    .sm\:dark\:placeholder-current::placeholder {
+      color: currentColor;
+    }
+
+    .sm\:dark\:placeholder-black::placeholder {
+      --placeholder-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-white::placeholder {
+      --placeholder-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-gray-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-gray-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-gray-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-gray-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-gray-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-gray-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-gray-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-gray-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-gray-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-gray-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-red-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-red-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-red-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-red-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-red-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-red-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-red-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-red-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-red-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-red-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-orange-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-orange-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-orange-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-orange-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-orange-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-orange-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-orange-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-orange-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-orange-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-orange-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-yellow-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-yellow-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-yellow-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-yellow-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-yellow-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-yellow-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-yellow-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-yellow-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-yellow-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-yellow-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-green-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-green-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-green-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-green-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-green-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-green-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-green-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-green-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-green-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-green-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-teal-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-teal-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-teal-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-teal-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-teal-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-teal-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-teal-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-teal-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-teal-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-teal-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-blue-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-blue-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-blue-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-blue-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-blue-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-blue-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-blue-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-blue-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-blue-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-blue-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-indigo-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-indigo-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-indigo-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-indigo-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-indigo-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-indigo-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-indigo-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-indigo-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-indigo-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-indigo-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-purple-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-purple-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-purple-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-purple-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-purple-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-purple-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-purple-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-purple-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-purple-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-purple-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-pink-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-pink-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-pink-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-pink-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-pink-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-pink-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-pink-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-pink-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-pink-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:placeholder-pink-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-transparent:focus::placeholder {
+      color: transparent;
+    }
+
+    .sm\:dark\:focus\:placeholder-current:focus::placeholder {
+      color: currentColor;
+    }
+
+    .sm\:dark\:focus\:placeholder-black:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-white:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-gray-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-gray-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-gray-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-gray-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-gray-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-gray-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-gray-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-gray-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-gray-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-gray-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-red-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-red-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-red-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-red-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-red-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-red-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-red-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-red-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-red-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-red-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-orange-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-orange-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-orange-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-orange-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-orange-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-orange-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-orange-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-orange-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-orange-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-orange-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-yellow-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-yellow-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-yellow-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-yellow-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-yellow-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-yellow-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-yellow-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-yellow-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-yellow-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-yellow-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-green-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-green-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-green-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-green-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-green-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-green-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-green-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-green-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-green-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-green-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-teal-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-teal-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-teal-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-teal-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-teal-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-teal-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-teal-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-teal-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-teal-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-teal-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-blue-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-blue-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-blue-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-blue-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-blue-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-blue-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-blue-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-blue-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-blue-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-blue-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-indigo-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-indigo-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-indigo-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-indigo-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-indigo-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-indigo-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-indigo-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-indigo-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-indigo-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-indigo-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-purple-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-purple-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-purple-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-purple-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-purple-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-purple-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-purple-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-purple-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-purple-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-purple-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-pink-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-pink-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-pink-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-pink-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-pink-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-pink-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-pink-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-pink-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-pink-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--placeholder-opacity));
+    }
+
+    .sm\:dark\:focus\:placeholder-pink-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--placeholder-opacity));
+    }
+  }
+
   .sm\:placeholder-opacity-0::placeholder {
     --placeholder-opacity: 0;
   }
@@ -53860,6 +75638,1868 @@ video {
     color: rgba(117, 26, 61, var(--text-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .sm\:dark\:text-transparent {
+      color: transparent;
+    }
+
+    .sm\:dark\:text-current {
+      color: currentColor;
+    }
+
+    .sm\:dark\:text-black {
+      --text-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-white {
+      --text-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-gray-50 {
+      --text-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-gray-100 {
+      --text-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-gray-200 {
+      --text-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-gray-300 {
+      --text-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-gray-400 {
+      --text-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-gray-500 {
+      --text-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-gray-600 {
+      --text-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-gray-700 {
+      --text-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-gray-800 {
+      --text-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-gray-900 {
+      --text-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-red-50 {
+      --text-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-red-100 {
+      --text-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-red-200 {
+      --text-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-red-300 {
+      --text-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-red-400 {
+      --text-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-red-500 {
+      --text-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-red-600 {
+      --text-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-red-700 {
+      --text-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-red-800 {
+      --text-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-red-900 {
+      --text-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-orange-50 {
+      --text-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-orange-100 {
+      --text-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-orange-200 {
+      --text-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-orange-300 {
+      --text-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-orange-400 {
+      --text-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-orange-500 {
+      --text-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-orange-600 {
+      --text-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-orange-700 {
+      --text-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-orange-800 {
+      --text-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-orange-900 {
+      --text-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-yellow-50 {
+      --text-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-yellow-100 {
+      --text-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-yellow-200 {
+      --text-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-yellow-300 {
+      --text-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-yellow-400 {
+      --text-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-yellow-500 {
+      --text-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-yellow-600 {
+      --text-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-yellow-700 {
+      --text-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-yellow-800 {
+      --text-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-yellow-900 {
+      --text-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-green-50 {
+      --text-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-green-100 {
+      --text-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-green-200 {
+      --text-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-green-300 {
+      --text-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-green-400 {
+      --text-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-green-500 {
+      --text-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-green-600 {
+      --text-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-green-700 {
+      --text-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-green-800 {
+      --text-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-green-900 {
+      --text-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-teal-50 {
+      --text-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-teal-100 {
+      --text-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-teal-200 {
+      --text-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-teal-300 {
+      --text-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-teal-400 {
+      --text-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-teal-500 {
+      --text-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-teal-600 {
+      --text-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-teal-700 {
+      --text-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-teal-800 {
+      --text-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-teal-900 {
+      --text-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-blue-50 {
+      --text-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-blue-100 {
+      --text-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-blue-200 {
+      --text-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-blue-300 {
+      --text-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-blue-400 {
+      --text-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-blue-500 {
+      --text-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-blue-600 {
+      --text-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-blue-700 {
+      --text-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-blue-800 {
+      --text-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-blue-900 {
+      --text-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-indigo-50 {
+      --text-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-indigo-100 {
+      --text-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-indigo-200 {
+      --text-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-indigo-300 {
+      --text-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-indigo-400 {
+      --text-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-indigo-500 {
+      --text-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-indigo-600 {
+      --text-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-indigo-700 {
+      --text-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-indigo-800 {
+      --text-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-indigo-900 {
+      --text-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-purple-50 {
+      --text-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-purple-100 {
+      --text-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-purple-200 {
+      --text-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-purple-300 {
+      --text-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-purple-400 {
+      --text-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-purple-500 {
+      --text-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-purple-600 {
+      --text-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-purple-700 {
+      --text-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-purple-800 {
+      --text-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-purple-900 {
+      --text-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-pink-50 {
+      --text-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-pink-100 {
+      --text-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-pink-200 {
+      --text-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-pink-300 {
+      --text-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-pink-400 {
+      --text-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-pink-500 {
+      --text-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-pink-600 {
+      --text-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-pink-700 {
+      --text-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-pink-800 {
+      --text-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--text-opacity));
+    }
+
+    .sm\:dark\:text-pink-900 {
+      --text-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-transparent:hover {
+      color: transparent;
+    }
+
+    .sm\:dark\:hover\:text-current:hover {
+      color: currentColor;
+    }
+
+    .sm\:dark\:hover\:text-black:hover {
+      --text-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-white:hover {
+      --text-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-gray-50:hover {
+      --text-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-gray-100:hover {
+      --text-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-gray-200:hover {
+      --text-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-gray-300:hover {
+      --text-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-gray-400:hover {
+      --text-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-gray-500:hover {
+      --text-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-gray-600:hover {
+      --text-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-gray-700:hover {
+      --text-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-gray-800:hover {
+      --text-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-gray-900:hover {
+      --text-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-red-50:hover {
+      --text-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-red-100:hover {
+      --text-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-red-200:hover {
+      --text-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-red-300:hover {
+      --text-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-red-400:hover {
+      --text-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-red-500:hover {
+      --text-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-red-600:hover {
+      --text-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-red-700:hover {
+      --text-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-red-800:hover {
+      --text-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-red-900:hover {
+      --text-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-orange-50:hover {
+      --text-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-orange-100:hover {
+      --text-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-orange-200:hover {
+      --text-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-orange-300:hover {
+      --text-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-orange-400:hover {
+      --text-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-orange-500:hover {
+      --text-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-orange-600:hover {
+      --text-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-orange-700:hover {
+      --text-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-orange-800:hover {
+      --text-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-orange-900:hover {
+      --text-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-yellow-50:hover {
+      --text-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-yellow-100:hover {
+      --text-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-yellow-200:hover {
+      --text-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-yellow-300:hover {
+      --text-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-yellow-400:hover {
+      --text-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-yellow-500:hover {
+      --text-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-yellow-600:hover {
+      --text-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-yellow-700:hover {
+      --text-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-yellow-800:hover {
+      --text-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-yellow-900:hover {
+      --text-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-green-50:hover {
+      --text-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-green-100:hover {
+      --text-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-green-200:hover {
+      --text-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-green-300:hover {
+      --text-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-green-400:hover {
+      --text-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-green-500:hover {
+      --text-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-green-600:hover {
+      --text-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-green-700:hover {
+      --text-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-green-800:hover {
+      --text-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-green-900:hover {
+      --text-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-teal-50:hover {
+      --text-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-teal-100:hover {
+      --text-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-teal-200:hover {
+      --text-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-teal-300:hover {
+      --text-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-teal-400:hover {
+      --text-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-teal-500:hover {
+      --text-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-teal-600:hover {
+      --text-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-teal-700:hover {
+      --text-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-teal-800:hover {
+      --text-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-teal-900:hover {
+      --text-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-blue-50:hover {
+      --text-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-blue-100:hover {
+      --text-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-blue-200:hover {
+      --text-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-blue-300:hover {
+      --text-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-blue-400:hover {
+      --text-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-blue-500:hover {
+      --text-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-blue-600:hover {
+      --text-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-blue-700:hover {
+      --text-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-blue-800:hover {
+      --text-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-blue-900:hover {
+      --text-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-indigo-50:hover {
+      --text-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-indigo-100:hover {
+      --text-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-indigo-200:hover {
+      --text-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-indigo-300:hover {
+      --text-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-indigo-400:hover {
+      --text-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-indigo-500:hover {
+      --text-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-indigo-600:hover {
+      --text-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-indigo-700:hover {
+      --text-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-indigo-800:hover {
+      --text-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-indigo-900:hover {
+      --text-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-purple-50:hover {
+      --text-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-purple-100:hover {
+      --text-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-purple-200:hover {
+      --text-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-purple-300:hover {
+      --text-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-purple-400:hover {
+      --text-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-purple-500:hover {
+      --text-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-purple-600:hover {
+      --text-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-purple-700:hover {
+      --text-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-purple-800:hover {
+      --text-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-purple-900:hover {
+      --text-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-pink-50:hover {
+      --text-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-pink-100:hover {
+      --text-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-pink-200:hover {
+      --text-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-pink-300:hover {
+      --text-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-pink-400:hover {
+      --text-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-pink-500:hover {
+      --text-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-pink-600:hover {
+      --text-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-pink-700:hover {
+      --text-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-pink-800:hover {
+      --text-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--text-opacity));
+    }
+
+    .sm\:dark\:hover\:text-pink-900:hover {
+      --text-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-transparent:focus {
+      color: transparent;
+    }
+
+    .sm\:dark\:focus\:text-current:focus {
+      color: currentColor;
+    }
+
+    .sm\:dark\:focus\:text-black:focus {
+      --text-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-white:focus {
+      --text-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-gray-50:focus {
+      --text-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-gray-100:focus {
+      --text-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-gray-200:focus {
+      --text-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-gray-300:focus {
+      --text-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-gray-400:focus {
+      --text-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-gray-500:focus {
+      --text-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-gray-600:focus {
+      --text-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-gray-700:focus {
+      --text-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-gray-800:focus {
+      --text-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-gray-900:focus {
+      --text-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-red-50:focus {
+      --text-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-red-100:focus {
+      --text-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-red-200:focus {
+      --text-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-red-300:focus {
+      --text-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-red-400:focus {
+      --text-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-red-500:focus {
+      --text-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-red-600:focus {
+      --text-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-red-700:focus {
+      --text-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-red-800:focus {
+      --text-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-red-900:focus {
+      --text-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-orange-50:focus {
+      --text-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-orange-100:focus {
+      --text-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-orange-200:focus {
+      --text-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-orange-300:focus {
+      --text-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-orange-400:focus {
+      --text-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-orange-500:focus {
+      --text-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-orange-600:focus {
+      --text-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-orange-700:focus {
+      --text-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-orange-800:focus {
+      --text-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-orange-900:focus {
+      --text-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-yellow-50:focus {
+      --text-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-yellow-100:focus {
+      --text-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-yellow-200:focus {
+      --text-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-yellow-300:focus {
+      --text-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-yellow-400:focus {
+      --text-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-yellow-500:focus {
+      --text-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-yellow-600:focus {
+      --text-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-yellow-700:focus {
+      --text-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-yellow-800:focus {
+      --text-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-yellow-900:focus {
+      --text-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-green-50:focus {
+      --text-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-green-100:focus {
+      --text-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-green-200:focus {
+      --text-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-green-300:focus {
+      --text-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-green-400:focus {
+      --text-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-green-500:focus {
+      --text-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-green-600:focus {
+      --text-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-green-700:focus {
+      --text-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-green-800:focus {
+      --text-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-green-900:focus {
+      --text-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-teal-50:focus {
+      --text-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-teal-100:focus {
+      --text-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-teal-200:focus {
+      --text-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-teal-300:focus {
+      --text-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-teal-400:focus {
+      --text-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-teal-500:focus {
+      --text-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-teal-600:focus {
+      --text-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-teal-700:focus {
+      --text-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-teal-800:focus {
+      --text-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-teal-900:focus {
+      --text-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-blue-50:focus {
+      --text-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-blue-100:focus {
+      --text-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-blue-200:focus {
+      --text-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-blue-300:focus {
+      --text-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-blue-400:focus {
+      --text-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-blue-500:focus {
+      --text-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-blue-600:focus {
+      --text-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-blue-700:focus {
+      --text-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-blue-800:focus {
+      --text-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-blue-900:focus {
+      --text-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-indigo-50:focus {
+      --text-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-indigo-100:focus {
+      --text-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-indigo-200:focus {
+      --text-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-indigo-300:focus {
+      --text-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-indigo-400:focus {
+      --text-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-indigo-500:focus {
+      --text-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-indigo-600:focus {
+      --text-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-indigo-700:focus {
+      --text-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-indigo-800:focus {
+      --text-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-indigo-900:focus {
+      --text-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-purple-50:focus {
+      --text-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-purple-100:focus {
+      --text-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-purple-200:focus {
+      --text-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-purple-300:focus {
+      --text-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-purple-400:focus {
+      --text-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-purple-500:focus {
+      --text-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-purple-600:focus {
+      --text-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-purple-700:focus {
+      --text-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-purple-800:focus {
+      --text-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-purple-900:focus {
+      --text-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-pink-50:focus {
+      --text-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-pink-100:focus {
+      --text-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-pink-200:focus {
+      --text-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-pink-300:focus {
+      --text-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-pink-400:focus {
+      --text-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-pink-500:focus {
+      --text-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-pink-600:focus {
+      --text-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-pink-700:focus {
+      --text-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-pink-800:focus {
+      --text-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--text-opacity));
+    }
+
+    .sm\:dark\:focus\:text-pink-900:focus {
+      --text-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--text-opacity));
+    }
+  }
+
   .sm\:text-opacity-0 {
     --text-opacity: 0;
   }
@@ -61837,6 +85477,628 @@ video {
     border-color: rgba(117, 26, 61, var(--divide-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .md\:dark\:divide-transparent > :not(template) ~ :not(template) {
+      border-color: transparent;
+    }
+
+    .md\:dark\:divide-current > :not(template) ~ :not(template) {
+      border-color: currentColor;
+    }
+
+    .md\:dark\:divide-black > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #000000;
+      border-color: rgba(0, 0, 0, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-white > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ffffff;
+      border-color: rgba(255, 255, 255, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-gray-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f9fafb;
+      border-color: rgba(249, 250, 251, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-gray-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f4f5f7;
+      border-color: rgba(244, 245, 247, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-gray-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e5e7eb;
+      border-color: rgba(229, 231, 235, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-gray-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #d2d6dc;
+      border-color: rgba(210, 214, 220, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-gray-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #9fa6b2;
+      border-color: rgba(159, 166, 178, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-gray-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #6b7280;
+      border-color: rgba(107, 114, 128, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-gray-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #4b5563;
+      border-color: rgba(75, 85, 99, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-gray-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #374151;
+      border-color: rgba(55, 65, 81, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-gray-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #252f3f;
+      border-color: rgba(37, 47, 63, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-gray-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #161e2e;
+      border-color: rgba(22, 30, 46, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-red-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdf2f2;
+      border-color: rgba(253, 242, 242, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-red-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fde8e8;
+      border-color: rgba(253, 232, 232, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-red-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fbd5d5;
+      border-color: rgba(251, 213, 213, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-red-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f8b4b4;
+      border-color: rgba(248, 180, 180, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-red-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f98080;
+      border-color: rgba(249, 128, 128, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-red-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f05252;
+      border-color: rgba(240, 82, 82, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-red-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e02424;
+      border-color: rgba(224, 36, 36, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-red-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #c81e1e;
+      border-color: rgba(200, 30, 30, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-red-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #9b1c1c;
+      border-color: rgba(155, 28, 28, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-red-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #771d1d;
+      border-color: rgba(119, 29, 29, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-orange-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fff8f1;
+      border-color: rgba(255, 248, 241, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-orange-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #feecdc;
+      border-color: rgba(254, 236, 220, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-orange-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fcd9bd;
+      border-color: rgba(252, 217, 189, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-orange-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdba8c;
+      border-color: rgba(253, 186, 140, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-orange-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ff8a4c;
+      border-color: rgba(255, 138, 76, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-orange-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ff5a1f;
+      border-color: rgba(255, 90, 31, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-orange-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #d03801;
+      border-color: rgba(208, 56, 1, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-orange-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #b43403;
+      border-color: rgba(180, 52, 3, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-orange-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #8a2c0d;
+      border-color: rgba(138, 44, 13, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-orange-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #73230d;
+      border-color: rgba(115, 35, 13, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-yellow-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdfdea;
+      border-color: rgba(253, 253, 234, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-yellow-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdf6b2;
+      border-color: rgba(253, 246, 178, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-yellow-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fce96a;
+      border-color: rgba(252, 233, 106, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-yellow-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #faca15;
+      border-color: rgba(250, 202, 21, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-yellow-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e3a008;
+      border-color: rgba(227, 160, 8, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-yellow-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #c27803;
+      border-color: rgba(194, 120, 3, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-yellow-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #9f580a;
+      border-color: rgba(159, 88, 10, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-yellow-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #8e4b10;
+      border-color: rgba(142, 75, 16, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-yellow-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #723b13;
+      border-color: rgba(114, 59, 19, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-yellow-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #633112;
+      border-color: rgba(99, 49, 18, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-green-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f3faf7;
+      border-color: rgba(243, 250, 247, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-green-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #def7ec;
+      border-color: rgba(222, 247, 236, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-green-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #bcf0da;
+      border-color: rgba(188, 240, 218, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-green-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #84e1bc;
+      border-color: rgba(132, 225, 188, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-green-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #31c48d;
+      border-color: rgba(49, 196, 141, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-green-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #0e9f6e;
+      border-color: rgba(14, 159, 110, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-green-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #057a55;
+      border-color: rgba(5, 122, 85, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-green-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #046c4e;
+      border-color: rgba(4, 108, 78, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-green-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #03543f;
+      border-color: rgba(3, 84, 63, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-green-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #014737;
+      border-color: rgba(1, 71, 55, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-teal-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #edfafa;
+      border-color: rgba(237, 250, 250, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-teal-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #d5f5f6;
+      border-color: rgba(213, 245, 246, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-teal-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #afecef;
+      border-color: rgba(175, 236, 239, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-teal-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #7edce2;
+      border-color: rgba(126, 220, 226, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-teal-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #16bdca;
+      border-color: rgba(22, 189, 202, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-teal-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #0694a2;
+      border-color: rgba(6, 148, 162, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-teal-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #047481;
+      border-color: rgba(4, 116, 129, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-teal-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #036672;
+      border-color: rgba(3, 102, 114, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-teal-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #05505c;
+      border-color: rgba(5, 80, 92, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-teal-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #014451;
+      border-color: rgba(1, 68, 81, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-blue-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ebf5ff;
+      border-color: rgba(235, 245, 255, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-blue-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e1effe;
+      border-color: rgba(225, 239, 254, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-blue-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #c3ddfd;
+      border-color: rgba(195, 221, 253, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-blue-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #a4cafe;
+      border-color: rgba(164, 202, 254, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-blue-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #76a9fa;
+      border-color: rgba(118, 169, 250, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-blue-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #3f83f8;
+      border-color: rgba(63, 131, 248, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-blue-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #1c64f2;
+      border-color: rgba(28, 100, 242, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-blue-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #1a56db;
+      border-color: rgba(26, 86, 219, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-blue-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #1e429f;
+      border-color: rgba(30, 66, 159, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-blue-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #233876;
+      border-color: rgba(35, 56, 118, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-indigo-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f0f5ff;
+      border-color: rgba(240, 245, 255, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-indigo-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e5edff;
+      border-color: rgba(229, 237, 255, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-indigo-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #cddbfe;
+      border-color: rgba(205, 219, 254, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-indigo-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #b4c6fc;
+      border-color: rgba(180, 198, 252, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-indigo-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #8da2fb;
+      border-color: rgba(141, 162, 251, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-indigo-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #6875f5;
+      border-color: rgba(104, 117, 245, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-indigo-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #5850ec;
+      border-color: rgba(88, 80, 236, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-indigo-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #5145cd;
+      border-color: rgba(81, 69, 205, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-indigo-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #42389d;
+      border-color: rgba(66, 56, 157, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-indigo-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #362f78;
+      border-color: rgba(54, 47, 120, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-purple-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f6f5ff;
+      border-color: rgba(246, 245, 255, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-purple-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #edebfe;
+      border-color: rgba(237, 235, 254, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-purple-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #dcd7fe;
+      border-color: rgba(220, 215, 254, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-purple-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #cabffd;
+      border-color: rgba(202, 191, 253, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-purple-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ac94fa;
+      border-color: rgba(172, 148, 250, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-purple-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #9061f9;
+      border-color: rgba(144, 97, 249, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-purple-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #7e3af2;
+      border-color: rgba(126, 58, 242, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-purple-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #6c2bd9;
+      border-color: rgba(108, 43, 217, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-purple-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #5521b5;
+      border-color: rgba(85, 33, 181, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-purple-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #4a1d96;
+      border-color: rgba(74, 29, 150, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-pink-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdf2f8;
+      border-color: rgba(253, 242, 248, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-pink-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fce8f3;
+      border-color: rgba(252, 232, 243, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-pink-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fad1e8;
+      border-color: rgba(250, 209, 232, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-pink-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f8b4d9;
+      border-color: rgba(248, 180, 217, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-pink-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f17eb8;
+      border-color: rgba(241, 126, 184, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-pink-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e74694;
+      border-color: rgba(231, 70, 148, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-pink-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #d61f69;
+      border-color: rgba(214, 31, 105, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-pink-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #bf125d;
+      border-color: rgba(191, 18, 93, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-pink-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #99154b;
+      border-color: rgba(153, 21, 75, var(--divide-opacity));
+    }
+
+    .md\:dark\:divide-pink-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #751a3d;
+      border-color: rgba(117, 26, 61, var(--divide-opacity));
+    }
+  }
+
   .md\:divide-solid > :not(template) ~ :not(template) {
     border-style: solid;
   }
@@ -63815,6 +88077,1868 @@ video {
     background-color: rgba(117, 26, 61, var(--bg-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .md\:dark\:bg-transparent {
+      background-color: transparent;
+    }
+
+    .md\:dark\:bg-current {
+      background-color: currentColor;
+    }
+
+    .md\:dark\:bg-black {
+      --bg-opacity: 1;
+      background-color: #000000;
+      background-color: rgba(0, 0, 0, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-white {
+      --bg-opacity: 1;
+      background-color: #ffffff;
+      background-color: rgba(255, 255, 255, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-gray-50 {
+      --bg-opacity: 1;
+      background-color: #f9fafb;
+      background-color: rgba(249, 250, 251, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-gray-100 {
+      --bg-opacity: 1;
+      background-color: #f4f5f7;
+      background-color: rgba(244, 245, 247, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-gray-200 {
+      --bg-opacity: 1;
+      background-color: #e5e7eb;
+      background-color: rgba(229, 231, 235, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-gray-300 {
+      --bg-opacity: 1;
+      background-color: #d2d6dc;
+      background-color: rgba(210, 214, 220, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-gray-400 {
+      --bg-opacity: 1;
+      background-color: #9fa6b2;
+      background-color: rgba(159, 166, 178, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-gray-500 {
+      --bg-opacity: 1;
+      background-color: #6b7280;
+      background-color: rgba(107, 114, 128, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-gray-600 {
+      --bg-opacity: 1;
+      background-color: #4b5563;
+      background-color: rgba(75, 85, 99, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-gray-700 {
+      --bg-opacity: 1;
+      background-color: #374151;
+      background-color: rgba(55, 65, 81, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-gray-800 {
+      --bg-opacity: 1;
+      background-color: #252f3f;
+      background-color: rgba(37, 47, 63, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-gray-900 {
+      --bg-opacity: 1;
+      background-color: #161e2e;
+      background-color: rgba(22, 30, 46, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-red-50 {
+      --bg-opacity: 1;
+      background-color: #fdf2f2;
+      background-color: rgba(253, 242, 242, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-red-100 {
+      --bg-opacity: 1;
+      background-color: #fde8e8;
+      background-color: rgba(253, 232, 232, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-red-200 {
+      --bg-opacity: 1;
+      background-color: #fbd5d5;
+      background-color: rgba(251, 213, 213, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-red-300 {
+      --bg-opacity: 1;
+      background-color: #f8b4b4;
+      background-color: rgba(248, 180, 180, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-red-400 {
+      --bg-opacity: 1;
+      background-color: #f98080;
+      background-color: rgba(249, 128, 128, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-red-500 {
+      --bg-opacity: 1;
+      background-color: #f05252;
+      background-color: rgba(240, 82, 82, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-red-600 {
+      --bg-opacity: 1;
+      background-color: #e02424;
+      background-color: rgba(224, 36, 36, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-red-700 {
+      --bg-opacity: 1;
+      background-color: #c81e1e;
+      background-color: rgba(200, 30, 30, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-red-800 {
+      --bg-opacity: 1;
+      background-color: #9b1c1c;
+      background-color: rgba(155, 28, 28, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-red-900 {
+      --bg-opacity: 1;
+      background-color: #771d1d;
+      background-color: rgba(119, 29, 29, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-orange-50 {
+      --bg-opacity: 1;
+      background-color: #fff8f1;
+      background-color: rgba(255, 248, 241, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-orange-100 {
+      --bg-opacity: 1;
+      background-color: #feecdc;
+      background-color: rgba(254, 236, 220, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-orange-200 {
+      --bg-opacity: 1;
+      background-color: #fcd9bd;
+      background-color: rgba(252, 217, 189, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-orange-300 {
+      --bg-opacity: 1;
+      background-color: #fdba8c;
+      background-color: rgba(253, 186, 140, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-orange-400 {
+      --bg-opacity: 1;
+      background-color: #ff8a4c;
+      background-color: rgba(255, 138, 76, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-orange-500 {
+      --bg-opacity: 1;
+      background-color: #ff5a1f;
+      background-color: rgba(255, 90, 31, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-orange-600 {
+      --bg-opacity: 1;
+      background-color: #d03801;
+      background-color: rgba(208, 56, 1, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-orange-700 {
+      --bg-opacity: 1;
+      background-color: #b43403;
+      background-color: rgba(180, 52, 3, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-orange-800 {
+      --bg-opacity: 1;
+      background-color: #8a2c0d;
+      background-color: rgba(138, 44, 13, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-orange-900 {
+      --bg-opacity: 1;
+      background-color: #73230d;
+      background-color: rgba(115, 35, 13, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-yellow-50 {
+      --bg-opacity: 1;
+      background-color: #fdfdea;
+      background-color: rgba(253, 253, 234, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-yellow-100 {
+      --bg-opacity: 1;
+      background-color: #fdf6b2;
+      background-color: rgba(253, 246, 178, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-yellow-200 {
+      --bg-opacity: 1;
+      background-color: #fce96a;
+      background-color: rgba(252, 233, 106, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-yellow-300 {
+      --bg-opacity: 1;
+      background-color: #faca15;
+      background-color: rgba(250, 202, 21, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-yellow-400 {
+      --bg-opacity: 1;
+      background-color: #e3a008;
+      background-color: rgba(227, 160, 8, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-yellow-500 {
+      --bg-opacity: 1;
+      background-color: #c27803;
+      background-color: rgba(194, 120, 3, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-yellow-600 {
+      --bg-opacity: 1;
+      background-color: #9f580a;
+      background-color: rgba(159, 88, 10, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-yellow-700 {
+      --bg-opacity: 1;
+      background-color: #8e4b10;
+      background-color: rgba(142, 75, 16, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-yellow-800 {
+      --bg-opacity: 1;
+      background-color: #723b13;
+      background-color: rgba(114, 59, 19, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-yellow-900 {
+      --bg-opacity: 1;
+      background-color: #633112;
+      background-color: rgba(99, 49, 18, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-green-50 {
+      --bg-opacity: 1;
+      background-color: #f3faf7;
+      background-color: rgba(243, 250, 247, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-green-100 {
+      --bg-opacity: 1;
+      background-color: #def7ec;
+      background-color: rgba(222, 247, 236, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-green-200 {
+      --bg-opacity: 1;
+      background-color: #bcf0da;
+      background-color: rgba(188, 240, 218, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-green-300 {
+      --bg-opacity: 1;
+      background-color: #84e1bc;
+      background-color: rgba(132, 225, 188, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-green-400 {
+      --bg-opacity: 1;
+      background-color: #31c48d;
+      background-color: rgba(49, 196, 141, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-green-500 {
+      --bg-opacity: 1;
+      background-color: #0e9f6e;
+      background-color: rgba(14, 159, 110, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-green-600 {
+      --bg-opacity: 1;
+      background-color: #057a55;
+      background-color: rgba(5, 122, 85, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-green-700 {
+      --bg-opacity: 1;
+      background-color: #046c4e;
+      background-color: rgba(4, 108, 78, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-green-800 {
+      --bg-opacity: 1;
+      background-color: #03543f;
+      background-color: rgba(3, 84, 63, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-green-900 {
+      --bg-opacity: 1;
+      background-color: #014737;
+      background-color: rgba(1, 71, 55, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-teal-50 {
+      --bg-opacity: 1;
+      background-color: #edfafa;
+      background-color: rgba(237, 250, 250, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-teal-100 {
+      --bg-opacity: 1;
+      background-color: #d5f5f6;
+      background-color: rgba(213, 245, 246, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-teal-200 {
+      --bg-opacity: 1;
+      background-color: #afecef;
+      background-color: rgba(175, 236, 239, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-teal-300 {
+      --bg-opacity: 1;
+      background-color: #7edce2;
+      background-color: rgba(126, 220, 226, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-teal-400 {
+      --bg-opacity: 1;
+      background-color: #16bdca;
+      background-color: rgba(22, 189, 202, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-teal-500 {
+      --bg-opacity: 1;
+      background-color: #0694a2;
+      background-color: rgba(6, 148, 162, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-teal-600 {
+      --bg-opacity: 1;
+      background-color: #047481;
+      background-color: rgba(4, 116, 129, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-teal-700 {
+      --bg-opacity: 1;
+      background-color: #036672;
+      background-color: rgba(3, 102, 114, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-teal-800 {
+      --bg-opacity: 1;
+      background-color: #05505c;
+      background-color: rgba(5, 80, 92, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-teal-900 {
+      --bg-opacity: 1;
+      background-color: #014451;
+      background-color: rgba(1, 68, 81, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-blue-50 {
+      --bg-opacity: 1;
+      background-color: #ebf5ff;
+      background-color: rgba(235, 245, 255, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-blue-100 {
+      --bg-opacity: 1;
+      background-color: #e1effe;
+      background-color: rgba(225, 239, 254, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-blue-200 {
+      --bg-opacity: 1;
+      background-color: #c3ddfd;
+      background-color: rgba(195, 221, 253, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-blue-300 {
+      --bg-opacity: 1;
+      background-color: #a4cafe;
+      background-color: rgba(164, 202, 254, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-blue-400 {
+      --bg-opacity: 1;
+      background-color: #76a9fa;
+      background-color: rgba(118, 169, 250, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-blue-500 {
+      --bg-opacity: 1;
+      background-color: #3f83f8;
+      background-color: rgba(63, 131, 248, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-blue-600 {
+      --bg-opacity: 1;
+      background-color: #1c64f2;
+      background-color: rgba(28, 100, 242, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-blue-700 {
+      --bg-opacity: 1;
+      background-color: #1a56db;
+      background-color: rgba(26, 86, 219, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-blue-800 {
+      --bg-opacity: 1;
+      background-color: #1e429f;
+      background-color: rgba(30, 66, 159, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-blue-900 {
+      --bg-opacity: 1;
+      background-color: #233876;
+      background-color: rgba(35, 56, 118, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-indigo-50 {
+      --bg-opacity: 1;
+      background-color: #f0f5ff;
+      background-color: rgba(240, 245, 255, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-indigo-100 {
+      --bg-opacity: 1;
+      background-color: #e5edff;
+      background-color: rgba(229, 237, 255, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-indigo-200 {
+      --bg-opacity: 1;
+      background-color: #cddbfe;
+      background-color: rgba(205, 219, 254, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-indigo-300 {
+      --bg-opacity: 1;
+      background-color: #b4c6fc;
+      background-color: rgba(180, 198, 252, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-indigo-400 {
+      --bg-opacity: 1;
+      background-color: #8da2fb;
+      background-color: rgba(141, 162, 251, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-indigo-500 {
+      --bg-opacity: 1;
+      background-color: #6875f5;
+      background-color: rgba(104, 117, 245, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-indigo-600 {
+      --bg-opacity: 1;
+      background-color: #5850ec;
+      background-color: rgba(88, 80, 236, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-indigo-700 {
+      --bg-opacity: 1;
+      background-color: #5145cd;
+      background-color: rgba(81, 69, 205, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-indigo-800 {
+      --bg-opacity: 1;
+      background-color: #42389d;
+      background-color: rgba(66, 56, 157, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-indigo-900 {
+      --bg-opacity: 1;
+      background-color: #362f78;
+      background-color: rgba(54, 47, 120, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-purple-50 {
+      --bg-opacity: 1;
+      background-color: #f6f5ff;
+      background-color: rgba(246, 245, 255, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-purple-100 {
+      --bg-opacity: 1;
+      background-color: #edebfe;
+      background-color: rgba(237, 235, 254, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-purple-200 {
+      --bg-opacity: 1;
+      background-color: #dcd7fe;
+      background-color: rgba(220, 215, 254, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-purple-300 {
+      --bg-opacity: 1;
+      background-color: #cabffd;
+      background-color: rgba(202, 191, 253, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-purple-400 {
+      --bg-opacity: 1;
+      background-color: #ac94fa;
+      background-color: rgba(172, 148, 250, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-purple-500 {
+      --bg-opacity: 1;
+      background-color: #9061f9;
+      background-color: rgba(144, 97, 249, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-purple-600 {
+      --bg-opacity: 1;
+      background-color: #7e3af2;
+      background-color: rgba(126, 58, 242, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-purple-700 {
+      --bg-opacity: 1;
+      background-color: #6c2bd9;
+      background-color: rgba(108, 43, 217, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-purple-800 {
+      --bg-opacity: 1;
+      background-color: #5521b5;
+      background-color: rgba(85, 33, 181, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-purple-900 {
+      --bg-opacity: 1;
+      background-color: #4a1d96;
+      background-color: rgba(74, 29, 150, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-pink-50 {
+      --bg-opacity: 1;
+      background-color: #fdf2f8;
+      background-color: rgba(253, 242, 248, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-pink-100 {
+      --bg-opacity: 1;
+      background-color: #fce8f3;
+      background-color: rgba(252, 232, 243, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-pink-200 {
+      --bg-opacity: 1;
+      background-color: #fad1e8;
+      background-color: rgba(250, 209, 232, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-pink-300 {
+      --bg-opacity: 1;
+      background-color: #f8b4d9;
+      background-color: rgba(248, 180, 217, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-pink-400 {
+      --bg-opacity: 1;
+      background-color: #f17eb8;
+      background-color: rgba(241, 126, 184, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-pink-500 {
+      --bg-opacity: 1;
+      background-color: #e74694;
+      background-color: rgba(231, 70, 148, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-pink-600 {
+      --bg-opacity: 1;
+      background-color: #d61f69;
+      background-color: rgba(214, 31, 105, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-pink-700 {
+      --bg-opacity: 1;
+      background-color: #bf125d;
+      background-color: rgba(191, 18, 93, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-pink-800 {
+      --bg-opacity: 1;
+      background-color: #99154b;
+      background-color: rgba(153, 21, 75, var(--bg-opacity));
+    }
+
+    .md\:dark\:bg-pink-900 {
+      --bg-opacity: 1;
+      background-color: #751a3d;
+      background-color: rgba(117, 26, 61, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-transparent:hover {
+      background-color: transparent;
+    }
+
+    .md\:dark\:hover\:bg-current:hover {
+      background-color: currentColor;
+    }
+
+    .md\:dark\:hover\:bg-black:hover {
+      --bg-opacity: 1;
+      background-color: #000000;
+      background-color: rgba(0, 0, 0, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-white:hover {
+      --bg-opacity: 1;
+      background-color: #ffffff;
+      background-color: rgba(255, 255, 255, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-gray-50:hover {
+      --bg-opacity: 1;
+      background-color: #f9fafb;
+      background-color: rgba(249, 250, 251, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-gray-100:hover {
+      --bg-opacity: 1;
+      background-color: #f4f5f7;
+      background-color: rgba(244, 245, 247, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-gray-200:hover {
+      --bg-opacity: 1;
+      background-color: #e5e7eb;
+      background-color: rgba(229, 231, 235, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-gray-300:hover {
+      --bg-opacity: 1;
+      background-color: #d2d6dc;
+      background-color: rgba(210, 214, 220, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-gray-400:hover {
+      --bg-opacity: 1;
+      background-color: #9fa6b2;
+      background-color: rgba(159, 166, 178, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-gray-500:hover {
+      --bg-opacity: 1;
+      background-color: #6b7280;
+      background-color: rgba(107, 114, 128, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-gray-600:hover {
+      --bg-opacity: 1;
+      background-color: #4b5563;
+      background-color: rgba(75, 85, 99, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-gray-700:hover {
+      --bg-opacity: 1;
+      background-color: #374151;
+      background-color: rgba(55, 65, 81, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-gray-800:hover {
+      --bg-opacity: 1;
+      background-color: #252f3f;
+      background-color: rgba(37, 47, 63, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-gray-900:hover {
+      --bg-opacity: 1;
+      background-color: #161e2e;
+      background-color: rgba(22, 30, 46, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-red-50:hover {
+      --bg-opacity: 1;
+      background-color: #fdf2f2;
+      background-color: rgba(253, 242, 242, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-red-100:hover {
+      --bg-opacity: 1;
+      background-color: #fde8e8;
+      background-color: rgba(253, 232, 232, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-red-200:hover {
+      --bg-opacity: 1;
+      background-color: #fbd5d5;
+      background-color: rgba(251, 213, 213, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-red-300:hover {
+      --bg-opacity: 1;
+      background-color: #f8b4b4;
+      background-color: rgba(248, 180, 180, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-red-400:hover {
+      --bg-opacity: 1;
+      background-color: #f98080;
+      background-color: rgba(249, 128, 128, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-red-500:hover {
+      --bg-opacity: 1;
+      background-color: #f05252;
+      background-color: rgba(240, 82, 82, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-red-600:hover {
+      --bg-opacity: 1;
+      background-color: #e02424;
+      background-color: rgba(224, 36, 36, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-red-700:hover {
+      --bg-opacity: 1;
+      background-color: #c81e1e;
+      background-color: rgba(200, 30, 30, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-red-800:hover {
+      --bg-opacity: 1;
+      background-color: #9b1c1c;
+      background-color: rgba(155, 28, 28, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-red-900:hover {
+      --bg-opacity: 1;
+      background-color: #771d1d;
+      background-color: rgba(119, 29, 29, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-orange-50:hover {
+      --bg-opacity: 1;
+      background-color: #fff8f1;
+      background-color: rgba(255, 248, 241, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-orange-100:hover {
+      --bg-opacity: 1;
+      background-color: #feecdc;
+      background-color: rgba(254, 236, 220, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-orange-200:hover {
+      --bg-opacity: 1;
+      background-color: #fcd9bd;
+      background-color: rgba(252, 217, 189, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-orange-300:hover {
+      --bg-opacity: 1;
+      background-color: #fdba8c;
+      background-color: rgba(253, 186, 140, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-orange-400:hover {
+      --bg-opacity: 1;
+      background-color: #ff8a4c;
+      background-color: rgba(255, 138, 76, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-orange-500:hover {
+      --bg-opacity: 1;
+      background-color: #ff5a1f;
+      background-color: rgba(255, 90, 31, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-orange-600:hover {
+      --bg-opacity: 1;
+      background-color: #d03801;
+      background-color: rgba(208, 56, 1, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-orange-700:hover {
+      --bg-opacity: 1;
+      background-color: #b43403;
+      background-color: rgba(180, 52, 3, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-orange-800:hover {
+      --bg-opacity: 1;
+      background-color: #8a2c0d;
+      background-color: rgba(138, 44, 13, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-orange-900:hover {
+      --bg-opacity: 1;
+      background-color: #73230d;
+      background-color: rgba(115, 35, 13, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-yellow-50:hover {
+      --bg-opacity: 1;
+      background-color: #fdfdea;
+      background-color: rgba(253, 253, 234, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-yellow-100:hover {
+      --bg-opacity: 1;
+      background-color: #fdf6b2;
+      background-color: rgba(253, 246, 178, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-yellow-200:hover {
+      --bg-opacity: 1;
+      background-color: #fce96a;
+      background-color: rgba(252, 233, 106, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-yellow-300:hover {
+      --bg-opacity: 1;
+      background-color: #faca15;
+      background-color: rgba(250, 202, 21, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-yellow-400:hover {
+      --bg-opacity: 1;
+      background-color: #e3a008;
+      background-color: rgba(227, 160, 8, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-yellow-500:hover {
+      --bg-opacity: 1;
+      background-color: #c27803;
+      background-color: rgba(194, 120, 3, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-yellow-600:hover {
+      --bg-opacity: 1;
+      background-color: #9f580a;
+      background-color: rgba(159, 88, 10, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-yellow-700:hover {
+      --bg-opacity: 1;
+      background-color: #8e4b10;
+      background-color: rgba(142, 75, 16, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-yellow-800:hover {
+      --bg-opacity: 1;
+      background-color: #723b13;
+      background-color: rgba(114, 59, 19, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-yellow-900:hover {
+      --bg-opacity: 1;
+      background-color: #633112;
+      background-color: rgba(99, 49, 18, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-green-50:hover {
+      --bg-opacity: 1;
+      background-color: #f3faf7;
+      background-color: rgba(243, 250, 247, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-green-100:hover {
+      --bg-opacity: 1;
+      background-color: #def7ec;
+      background-color: rgba(222, 247, 236, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-green-200:hover {
+      --bg-opacity: 1;
+      background-color: #bcf0da;
+      background-color: rgba(188, 240, 218, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-green-300:hover {
+      --bg-opacity: 1;
+      background-color: #84e1bc;
+      background-color: rgba(132, 225, 188, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-green-400:hover {
+      --bg-opacity: 1;
+      background-color: #31c48d;
+      background-color: rgba(49, 196, 141, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-green-500:hover {
+      --bg-opacity: 1;
+      background-color: #0e9f6e;
+      background-color: rgba(14, 159, 110, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-green-600:hover {
+      --bg-opacity: 1;
+      background-color: #057a55;
+      background-color: rgba(5, 122, 85, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-green-700:hover {
+      --bg-opacity: 1;
+      background-color: #046c4e;
+      background-color: rgba(4, 108, 78, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-green-800:hover {
+      --bg-opacity: 1;
+      background-color: #03543f;
+      background-color: rgba(3, 84, 63, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-green-900:hover {
+      --bg-opacity: 1;
+      background-color: #014737;
+      background-color: rgba(1, 71, 55, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-teal-50:hover {
+      --bg-opacity: 1;
+      background-color: #edfafa;
+      background-color: rgba(237, 250, 250, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-teal-100:hover {
+      --bg-opacity: 1;
+      background-color: #d5f5f6;
+      background-color: rgba(213, 245, 246, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-teal-200:hover {
+      --bg-opacity: 1;
+      background-color: #afecef;
+      background-color: rgba(175, 236, 239, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-teal-300:hover {
+      --bg-opacity: 1;
+      background-color: #7edce2;
+      background-color: rgba(126, 220, 226, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-teal-400:hover {
+      --bg-opacity: 1;
+      background-color: #16bdca;
+      background-color: rgba(22, 189, 202, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-teal-500:hover {
+      --bg-opacity: 1;
+      background-color: #0694a2;
+      background-color: rgba(6, 148, 162, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-teal-600:hover {
+      --bg-opacity: 1;
+      background-color: #047481;
+      background-color: rgba(4, 116, 129, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-teal-700:hover {
+      --bg-opacity: 1;
+      background-color: #036672;
+      background-color: rgba(3, 102, 114, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-teal-800:hover {
+      --bg-opacity: 1;
+      background-color: #05505c;
+      background-color: rgba(5, 80, 92, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-teal-900:hover {
+      --bg-opacity: 1;
+      background-color: #014451;
+      background-color: rgba(1, 68, 81, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-blue-50:hover {
+      --bg-opacity: 1;
+      background-color: #ebf5ff;
+      background-color: rgba(235, 245, 255, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-blue-100:hover {
+      --bg-opacity: 1;
+      background-color: #e1effe;
+      background-color: rgba(225, 239, 254, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-blue-200:hover {
+      --bg-opacity: 1;
+      background-color: #c3ddfd;
+      background-color: rgba(195, 221, 253, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-blue-300:hover {
+      --bg-opacity: 1;
+      background-color: #a4cafe;
+      background-color: rgba(164, 202, 254, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-blue-400:hover {
+      --bg-opacity: 1;
+      background-color: #76a9fa;
+      background-color: rgba(118, 169, 250, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-blue-500:hover {
+      --bg-opacity: 1;
+      background-color: #3f83f8;
+      background-color: rgba(63, 131, 248, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-blue-600:hover {
+      --bg-opacity: 1;
+      background-color: #1c64f2;
+      background-color: rgba(28, 100, 242, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-blue-700:hover {
+      --bg-opacity: 1;
+      background-color: #1a56db;
+      background-color: rgba(26, 86, 219, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-blue-800:hover {
+      --bg-opacity: 1;
+      background-color: #1e429f;
+      background-color: rgba(30, 66, 159, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-blue-900:hover {
+      --bg-opacity: 1;
+      background-color: #233876;
+      background-color: rgba(35, 56, 118, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-indigo-50:hover {
+      --bg-opacity: 1;
+      background-color: #f0f5ff;
+      background-color: rgba(240, 245, 255, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-indigo-100:hover {
+      --bg-opacity: 1;
+      background-color: #e5edff;
+      background-color: rgba(229, 237, 255, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-indigo-200:hover {
+      --bg-opacity: 1;
+      background-color: #cddbfe;
+      background-color: rgba(205, 219, 254, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-indigo-300:hover {
+      --bg-opacity: 1;
+      background-color: #b4c6fc;
+      background-color: rgba(180, 198, 252, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-indigo-400:hover {
+      --bg-opacity: 1;
+      background-color: #8da2fb;
+      background-color: rgba(141, 162, 251, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-indigo-500:hover {
+      --bg-opacity: 1;
+      background-color: #6875f5;
+      background-color: rgba(104, 117, 245, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-indigo-600:hover {
+      --bg-opacity: 1;
+      background-color: #5850ec;
+      background-color: rgba(88, 80, 236, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-indigo-700:hover {
+      --bg-opacity: 1;
+      background-color: #5145cd;
+      background-color: rgba(81, 69, 205, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-indigo-800:hover {
+      --bg-opacity: 1;
+      background-color: #42389d;
+      background-color: rgba(66, 56, 157, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-indigo-900:hover {
+      --bg-opacity: 1;
+      background-color: #362f78;
+      background-color: rgba(54, 47, 120, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-purple-50:hover {
+      --bg-opacity: 1;
+      background-color: #f6f5ff;
+      background-color: rgba(246, 245, 255, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-purple-100:hover {
+      --bg-opacity: 1;
+      background-color: #edebfe;
+      background-color: rgba(237, 235, 254, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-purple-200:hover {
+      --bg-opacity: 1;
+      background-color: #dcd7fe;
+      background-color: rgba(220, 215, 254, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-purple-300:hover {
+      --bg-opacity: 1;
+      background-color: #cabffd;
+      background-color: rgba(202, 191, 253, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-purple-400:hover {
+      --bg-opacity: 1;
+      background-color: #ac94fa;
+      background-color: rgba(172, 148, 250, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-purple-500:hover {
+      --bg-opacity: 1;
+      background-color: #9061f9;
+      background-color: rgba(144, 97, 249, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-purple-600:hover {
+      --bg-opacity: 1;
+      background-color: #7e3af2;
+      background-color: rgba(126, 58, 242, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-purple-700:hover {
+      --bg-opacity: 1;
+      background-color: #6c2bd9;
+      background-color: rgba(108, 43, 217, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-purple-800:hover {
+      --bg-opacity: 1;
+      background-color: #5521b5;
+      background-color: rgba(85, 33, 181, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-purple-900:hover {
+      --bg-opacity: 1;
+      background-color: #4a1d96;
+      background-color: rgba(74, 29, 150, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-pink-50:hover {
+      --bg-opacity: 1;
+      background-color: #fdf2f8;
+      background-color: rgba(253, 242, 248, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-pink-100:hover {
+      --bg-opacity: 1;
+      background-color: #fce8f3;
+      background-color: rgba(252, 232, 243, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-pink-200:hover {
+      --bg-opacity: 1;
+      background-color: #fad1e8;
+      background-color: rgba(250, 209, 232, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-pink-300:hover {
+      --bg-opacity: 1;
+      background-color: #f8b4d9;
+      background-color: rgba(248, 180, 217, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-pink-400:hover {
+      --bg-opacity: 1;
+      background-color: #f17eb8;
+      background-color: rgba(241, 126, 184, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-pink-500:hover {
+      --bg-opacity: 1;
+      background-color: #e74694;
+      background-color: rgba(231, 70, 148, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-pink-600:hover {
+      --bg-opacity: 1;
+      background-color: #d61f69;
+      background-color: rgba(214, 31, 105, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-pink-700:hover {
+      --bg-opacity: 1;
+      background-color: #bf125d;
+      background-color: rgba(191, 18, 93, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-pink-800:hover {
+      --bg-opacity: 1;
+      background-color: #99154b;
+      background-color: rgba(153, 21, 75, var(--bg-opacity));
+    }
+
+    .md\:dark\:hover\:bg-pink-900:hover {
+      --bg-opacity: 1;
+      background-color: #751a3d;
+      background-color: rgba(117, 26, 61, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-transparent:focus {
+      background-color: transparent;
+    }
+
+    .md\:dark\:focus\:bg-current:focus {
+      background-color: currentColor;
+    }
+
+    .md\:dark\:focus\:bg-black:focus {
+      --bg-opacity: 1;
+      background-color: #000000;
+      background-color: rgba(0, 0, 0, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-white:focus {
+      --bg-opacity: 1;
+      background-color: #ffffff;
+      background-color: rgba(255, 255, 255, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-gray-50:focus {
+      --bg-opacity: 1;
+      background-color: #f9fafb;
+      background-color: rgba(249, 250, 251, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-gray-100:focus {
+      --bg-opacity: 1;
+      background-color: #f4f5f7;
+      background-color: rgba(244, 245, 247, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-gray-200:focus {
+      --bg-opacity: 1;
+      background-color: #e5e7eb;
+      background-color: rgba(229, 231, 235, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-gray-300:focus {
+      --bg-opacity: 1;
+      background-color: #d2d6dc;
+      background-color: rgba(210, 214, 220, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-gray-400:focus {
+      --bg-opacity: 1;
+      background-color: #9fa6b2;
+      background-color: rgba(159, 166, 178, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-gray-500:focus {
+      --bg-opacity: 1;
+      background-color: #6b7280;
+      background-color: rgba(107, 114, 128, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-gray-600:focus {
+      --bg-opacity: 1;
+      background-color: #4b5563;
+      background-color: rgba(75, 85, 99, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-gray-700:focus {
+      --bg-opacity: 1;
+      background-color: #374151;
+      background-color: rgba(55, 65, 81, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-gray-800:focus {
+      --bg-opacity: 1;
+      background-color: #252f3f;
+      background-color: rgba(37, 47, 63, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-gray-900:focus {
+      --bg-opacity: 1;
+      background-color: #161e2e;
+      background-color: rgba(22, 30, 46, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-red-50:focus {
+      --bg-opacity: 1;
+      background-color: #fdf2f2;
+      background-color: rgba(253, 242, 242, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-red-100:focus {
+      --bg-opacity: 1;
+      background-color: #fde8e8;
+      background-color: rgba(253, 232, 232, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-red-200:focus {
+      --bg-opacity: 1;
+      background-color: #fbd5d5;
+      background-color: rgba(251, 213, 213, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-red-300:focus {
+      --bg-opacity: 1;
+      background-color: #f8b4b4;
+      background-color: rgba(248, 180, 180, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-red-400:focus {
+      --bg-opacity: 1;
+      background-color: #f98080;
+      background-color: rgba(249, 128, 128, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-red-500:focus {
+      --bg-opacity: 1;
+      background-color: #f05252;
+      background-color: rgba(240, 82, 82, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-red-600:focus {
+      --bg-opacity: 1;
+      background-color: #e02424;
+      background-color: rgba(224, 36, 36, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-red-700:focus {
+      --bg-opacity: 1;
+      background-color: #c81e1e;
+      background-color: rgba(200, 30, 30, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-red-800:focus {
+      --bg-opacity: 1;
+      background-color: #9b1c1c;
+      background-color: rgba(155, 28, 28, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-red-900:focus {
+      --bg-opacity: 1;
+      background-color: #771d1d;
+      background-color: rgba(119, 29, 29, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-orange-50:focus {
+      --bg-opacity: 1;
+      background-color: #fff8f1;
+      background-color: rgba(255, 248, 241, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-orange-100:focus {
+      --bg-opacity: 1;
+      background-color: #feecdc;
+      background-color: rgba(254, 236, 220, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-orange-200:focus {
+      --bg-opacity: 1;
+      background-color: #fcd9bd;
+      background-color: rgba(252, 217, 189, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-orange-300:focus {
+      --bg-opacity: 1;
+      background-color: #fdba8c;
+      background-color: rgba(253, 186, 140, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-orange-400:focus {
+      --bg-opacity: 1;
+      background-color: #ff8a4c;
+      background-color: rgba(255, 138, 76, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-orange-500:focus {
+      --bg-opacity: 1;
+      background-color: #ff5a1f;
+      background-color: rgba(255, 90, 31, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-orange-600:focus {
+      --bg-opacity: 1;
+      background-color: #d03801;
+      background-color: rgba(208, 56, 1, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-orange-700:focus {
+      --bg-opacity: 1;
+      background-color: #b43403;
+      background-color: rgba(180, 52, 3, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-orange-800:focus {
+      --bg-opacity: 1;
+      background-color: #8a2c0d;
+      background-color: rgba(138, 44, 13, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-orange-900:focus {
+      --bg-opacity: 1;
+      background-color: #73230d;
+      background-color: rgba(115, 35, 13, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-yellow-50:focus {
+      --bg-opacity: 1;
+      background-color: #fdfdea;
+      background-color: rgba(253, 253, 234, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-yellow-100:focus {
+      --bg-opacity: 1;
+      background-color: #fdf6b2;
+      background-color: rgba(253, 246, 178, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-yellow-200:focus {
+      --bg-opacity: 1;
+      background-color: #fce96a;
+      background-color: rgba(252, 233, 106, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-yellow-300:focus {
+      --bg-opacity: 1;
+      background-color: #faca15;
+      background-color: rgba(250, 202, 21, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-yellow-400:focus {
+      --bg-opacity: 1;
+      background-color: #e3a008;
+      background-color: rgba(227, 160, 8, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-yellow-500:focus {
+      --bg-opacity: 1;
+      background-color: #c27803;
+      background-color: rgba(194, 120, 3, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-yellow-600:focus {
+      --bg-opacity: 1;
+      background-color: #9f580a;
+      background-color: rgba(159, 88, 10, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-yellow-700:focus {
+      --bg-opacity: 1;
+      background-color: #8e4b10;
+      background-color: rgba(142, 75, 16, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-yellow-800:focus {
+      --bg-opacity: 1;
+      background-color: #723b13;
+      background-color: rgba(114, 59, 19, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-yellow-900:focus {
+      --bg-opacity: 1;
+      background-color: #633112;
+      background-color: rgba(99, 49, 18, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-green-50:focus {
+      --bg-opacity: 1;
+      background-color: #f3faf7;
+      background-color: rgba(243, 250, 247, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-green-100:focus {
+      --bg-opacity: 1;
+      background-color: #def7ec;
+      background-color: rgba(222, 247, 236, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-green-200:focus {
+      --bg-opacity: 1;
+      background-color: #bcf0da;
+      background-color: rgba(188, 240, 218, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-green-300:focus {
+      --bg-opacity: 1;
+      background-color: #84e1bc;
+      background-color: rgba(132, 225, 188, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-green-400:focus {
+      --bg-opacity: 1;
+      background-color: #31c48d;
+      background-color: rgba(49, 196, 141, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-green-500:focus {
+      --bg-opacity: 1;
+      background-color: #0e9f6e;
+      background-color: rgba(14, 159, 110, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-green-600:focus {
+      --bg-opacity: 1;
+      background-color: #057a55;
+      background-color: rgba(5, 122, 85, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-green-700:focus {
+      --bg-opacity: 1;
+      background-color: #046c4e;
+      background-color: rgba(4, 108, 78, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-green-800:focus {
+      --bg-opacity: 1;
+      background-color: #03543f;
+      background-color: rgba(3, 84, 63, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-green-900:focus {
+      --bg-opacity: 1;
+      background-color: #014737;
+      background-color: rgba(1, 71, 55, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-teal-50:focus {
+      --bg-opacity: 1;
+      background-color: #edfafa;
+      background-color: rgba(237, 250, 250, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-teal-100:focus {
+      --bg-opacity: 1;
+      background-color: #d5f5f6;
+      background-color: rgba(213, 245, 246, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-teal-200:focus {
+      --bg-opacity: 1;
+      background-color: #afecef;
+      background-color: rgba(175, 236, 239, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-teal-300:focus {
+      --bg-opacity: 1;
+      background-color: #7edce2;
+      background-color: rgba(126, 220, 226, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-teal-400:focus {
+      --bg-opacity: 1;
+      background-color: #16bdca;
+      background-color: rgba(22, 189, 202, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-teal-500:focus {
+      --bg-opacity: 1;
+      background-color: #0694a2;
+      background-color: rgba(6, 148, 162, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-teal-600:focus {
+      --bg-opacity: 1;
+      background-color: #047481;
+      background-color: rgba(4, 116, 129, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-teal-700:focus {
+      --bg-opacity: 1;
+      background-color: #036672;
+      background-color: rgba(3, 102, 114, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-teal-800:focus {
+      --bg-opacity: 1;
+      background-color: #05505c;
+      background-color: rgba(5, 80, 92, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-teal-900:focus {
+      --bg-opacity: 1;
+      background-color: #014451;
+      background-color: rgba(1, 68, 81, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-blue-50:focus {
+      --bg-opacity: 1;
+      background-color: #ebf5ff;
+      background-color: rgba(235, 245, 255, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-blue-100:focus {
+      --bg-opacity: 1;
+      background-color: #e1effe;
+      background-color: rgba(225, 239, 254, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-blue-200:focus {
+      --bg-opacity: 1;
+      background-color: #c3ddfd;
+      background-color: rgba(195, 221, 253, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-blue-300:focus {
+      --bg-opacity: 1;
+      background-color: #a4cafe;
+      background-color: rgba(164, 202, 254, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-blue-400:focus {
+      --bg-opacity: 1;
+      background-color: #76a9fa;
+      background-color: rgba(118, 169, 250, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-blue-500:focus {
+      --bg-opacity: 1;
+      background-color: #3f83f8;
+      background-color: rgba(63, 131, 248, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-blue-600:focus {
+      --bg-opacity: 1;
+      background-color: #1c64f2;
+      background-color: rgba(28, 100, 242, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-blue-700:focus {
+      --bg-opacity: 1;
+      background-color: #1a56db;
+      background-color: rgba(26, 86, 219, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-blue-800:focus {
+      --bg-opacity: 1;
+      background-color: #1e429f;
+      background-color: rgba(30, 66, 159, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-blue-900:focus {
+      --bg-opacity: 1;
+      background-color: #233876;
+      background-color: rgba(35, 56, 118, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-indigo-50:focus {
+      --bg-opacity: 1;
+      background-color: #f0f5ff;
+      background-color: rgba(240, 245, 255, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-indigo-100:focus {
+      --bg-opacity: 1;
+      background-color: #e5edff;
+      background-color: rgba(229, 237, 255, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-indigo-200:focus {
+      --bg-opacity: 1;
+      background-color: #cddbfe;
+      background-color: rgba(205, 219, 254, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-indigo-300:focus {
+      --bg-opacity: 1;
+      background-color: #b4c6fc;
+      background-color: rgba(180, 198, 252, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-indigo-400:focus {
+      --bg-opacity: 1;
+      background-color: #8da2fb;
+      background-color: rgba(141, 162, 251, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-indigo-500:focus {
+      --bg-opacity: 1;
+      background-color: #6875f5;
+      background-color: rgba(104, 117, 245, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-indigo-600:focus {
+      --bg-opacity: 1;
+      background-color: #5850ec;
+      background-color: rgba(88, 80, 236, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-indigo-700:focus {
+      --bg-opacity: 1;
+      background-color: #5145cd;
+      background-color: rgba(81, 69, 205, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-indigo-800:focus {
+      --bg-opacity: 1;
+      background-color: #42389d;
+      background-color: rgba(66, 56, 157, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-indigo-900:focus {
+      --bg-opacity: 1;
+      background-color: #362f78;
+      background-color: rgba(54, 47, 120, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-purple-50:focus {
+      --bg-opacity: 1;
+      background-color: #f6f5ff;
+      background-color: rgba(246, 245, 255, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-purple-100:focus {
+      --bg-opacity: 1;
+      background-color: #edebfe;
+      background-color: rgba(237, 235, 254, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-purple-200:focus {
+      --bg-opacity: 1;
+      background-color: #dcd7fe;
+      background-color: rgba(220, 215, 254, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-purple-300:focus {
+      --bg-opacity: 1;
+      background-color: #cabffd;
+      background-color: rgba(202, 191, 253, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-purple-400:focus {
+      --bg-opacity: 1;
+      background-color: #ac94fa;
+      background-color: rgba(172, 148, 250, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-purple-500:focus {
+      --bg-opacity: 1;
+      background-color: #9061f9;
+      background-color: rgba(144, 97, 249, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-purple-600:focus {
+      --bg-opacity: 1;
+      background-color: #7e3af2;
+      background-color: rgba(126, 58, 242, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-purple-700:focus {
+      --bg-opacity: 1;
+      background-color: #6c2bd9;
+      background-color: rgba(108, 43, 217, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-purple-800:focus {
+      --bg-opacity: 1;
+      background-color: #5521b5;
+      background-color: rgba(85, 33, 181, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-purple-900:focus {
+      --bg-opacity: 1;
+      background-color: #4a1d96;
+      background-color: rgba(74, 29, 150, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-pink-50:focus {
+      --bg-opacity: 1;
+      background-color: #fdf2f8;
+      background-color: rgba(253, 242, 248, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-pink-100:focus {
+      --bg-opacity: 1;
+      background-color: #fce8f3;
+      background-color: rgba(252, 232, 243, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-pink-200:focus {
+      --bg-opacity: 1;
+      background-color: #fad1e8;
+      background-color: rgba(250, 209, 232, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-pink-300:focus {
+      --bg-opacity: 1;
+      background-color: #f8b4d9;
+      background-color: rgba(248, 180, 217, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-pink-400:focus {
+      --bg-opacity: 1;
+      background-color: #f17eb8;
+      background-color: rgba(241, 126, 184, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-pink-500:focus {
+      --bg-opacity: 1;
+      background-color: #e74694;
+      background-color: rgba(231, 70, 148, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-pink-600:focus {
+      --bg-opacity: 1;
+      background-color: #d61f69;
+      background-color: rgba(214, 31, 105, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-pink-700:focus {
+      --bg-opacity: 1;
+      background-color: #bf125d;
+      background-color: rgba(191, 18, 93, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-pink-800:focus {
+      --bg-opacity: 1;
+      background-color: #99154b;
+      background-color: rgba(153, 21, 75, var(--bg-opacity));
+    }
+
+    .md\:dark\:focus\:bg-pink-900:focus {
+      --bg-opacity: 1;
+      background-color: #751a3d;
+      background-color: rgba(117, 26, 61, var(--bg-opacity));
+    }
+  }
+
   .md\:bg-none {
     background-image: none;
   }
@@ -68219,6 +94343,4376 @@ video {
     --gradient-to-color: #751a3d;
   }
 
+  @media (prefers-color-scheme: dark) {
+    .md\:dark\:from-transparent {
+      --gradient-from-color: transparent;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .md\:dark\:from-current {
+      --gradient-from-color: currentColor;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .md\:dark\:from-black {
+      --gradient-from-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .md\:dark\:from-white {
+      --gradient-from-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .md\:dark\:from-gray-50 {
+      --gradient-from-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .md\:dark\:from-gray-100 {
+      --gradient-from-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .md\:dark\:from-gray-200 {
+      --gradient-from-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .md\:dark\:from-gray-300 {
+      --gradient-from-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .md\:dark\:from-gray-400 {
+      --gradient-from-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .md\:dark\:from-gray-500 {
+      --gradient-from-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .md\:dark\:from-gray-600 {
+      --gradient-from-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .md\:dark\:from-gray-700 {
+      --gradient-from-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .md\:dark\:from-gray-800 {
+      --gradient-from-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .md\:dark\:from-gray-900 {
+      --gradient-from-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .md\:dark\:from-red-50 {
+      --gradient-from-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .md\:dark\:from-red-100 {
+      --gradient-from-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .md\:dark\:from-red-200 {
+      --gradient-from-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .md\:dark\:from-red-300 {
+      --gradient-from-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .md\:dark\:from-red-400 {
+      --gradient-from-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .md\:dark\:from-red-500 {
+      --gradient-from-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .md\:dark\:from-red-600 {
+      --gradient-from-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .md\:dark\:from-red-700 {
+      --gradient-from-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .md\:dark\:from-red-800 {
+      --gradient-from-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .md\:dark\:from-red-900 {
+      --gradient-from-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .md\:dark\:from-orange-50 {
+      --gradient-from-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .md\:dark\:from-orange-100 {
+      --gradient-from-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .md\:dark\:from-orange-200 {
+      --gradient-from-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .md\:dark\:from-orange-300 {
+      --gradient-from-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .md\:dark\:from-orange-400 {
+      --gradient-from-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .md\:dark\:from-orange-500 {
+      --gradient-from-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .md\:dark\:from-orange-600 {
+      --gradient-from-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .md\:dark\:from-orange-700 {
+      --gradient-from-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .md\:dark\:from-orange-800 {
+      --gradient-from-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .md\:dark\:from-orange-900 {
+      --gradient-from-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .md\:dark\:from-yellow-50 {
+      --gradient-from-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .md\:dark\:from-yellow-100 {
+      --gradient-from-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .md\:dark\:from-yellow-200 {
+      --gradient-from-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .md\:dark\:from-yellow-300 {
+      --gradient-from-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .md\:dark\:from-yellow-400 {
+      --gradient-from-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .md\:dark\:from-yellow-500 {
+      --gradient-from-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .md\:dark\:from-yellow-600 {
+      --gradient-from-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .md\:dark\:from-yellow-700 {
+      --gradient-from-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .md\:dark\:from-yellow-800 {
+      --gradient-from-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .md\:dark\:from-yellow-900 {
+      --gradient-from-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .md\:dark\:from-green-50 {
+      --gradient-from-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .md\:dark\:from-green-100 {
+      --gradient-from-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .md\:dark\:from-green-200 {
+      --gradient-from-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .md\:dark\:from-green-300 {
+      --gradient-from-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .md\:dark\:from-green-400 {
+      --gradient-from-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .md\:dark\:from-green-500 {
+      --gradient-from-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .md\:dark\:from-green-600 {
+      --gradient-from-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .md\:dark\:from-green-700 {
+      --gradient-from-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .md\:dark\:from-green-800 {
+      --gradient-from-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .md\:dark\:from-green-900 {
+      --gradient-from-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .md\:dark\:from-teal-50 {
+      --gradient-from-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .md\:dark\:from-teal-100 {
+      --gradient-from-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .md\:dark\:from-teal-200 {
+      --gradient-from-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .md\:dark\:from-teal-300 {
+      --gradient-from-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .md\:dark\:from-teal-400 {
+      --gradient-from-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .md\:dark\:from-teal-500 {
+      --gradient-from-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .md\:dark\:from-teal-600 {
+      --gradient-from-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .md\:dark\:from-teal-700 {
+      --gradient-from-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .md\:dark\:from-teal-800 {
+      --gradient-from-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .md\:dark\:from-teal-900 {
+      --gradient-from-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .md\:dark\:from-blue-50 {
+      --gradient-from-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .md\:dark\:from-blue-100 {
+      --gradient-from-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .md\:dark\:from-blue-200 {
+      --gradient-from-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .md\:dark\:from-blue-300 {
+      --gradient-from-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .md\:dark\:from-blue-400 {
+      --gradient-from-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .md\:dark\:from-blue-500 {
+      --gradient-from-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .md\:dark\:from-blue-600 {
+      --gradient-from-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .md\:dark\:from-blue-700 {
+      --gradient-from-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .md\:dark\:from-blue-800 {
+      --gradient-from-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .md\:dark\:from-blue-900 {
+      --gradient-from-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .md\:dark\:from-indigo-50 {
+      --gradient-from-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .md\:dark\:from-indigo-100 {
+      --gradient-from-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .md\:dark\:from-indigo-200 {
+      --gradient-from-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .md\:dark\:from-indigo-300 {
+      --gradient-from-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .md\:dark\:from-indigo-400 {
+      --gradient-from-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .md\:dark\:from-indigo-500 {
+      --gradient-from-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .md\:dark\:from-indigo-600 {
+      --gradient-from-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .md\:dark\:from-indigo-700 {
+      --gradient-from-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .md\:dark\:from-indigo-800 {
+      --gradient-from-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .md\:dark\:from-indigo-900 {
+      --gradient-from-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .md\:dark\:from-purple-50 {
+      --gradient-from-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .md\:dark\:from-purple-100 {
+      --gradient-from-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .md\:dark\:from-purple-200 {
+      --gradient-from-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .md\:dark\:from-purple-300 {
+      --gradient-from-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .md\:dark\:from-purple-400 {
+      --gradient-from-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .md\:dark\:from-purple-500 {
+      --gradient-from-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .md\:dark\:from-purple-600 {
+      --gradient-from-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .md\:dark\:from-purple-700 {
+      --gradient-from-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .md\:dark\:from-purple-800 {
+      --gradient-from-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .md\:dark\:from-purple-900 {
+      --gradient-from-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .md\:dark\:from-pink-50 {
+      --gradient-from-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .md\:dark\:from-pink-100 {
+      --gradient-from-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .md\:dark\:from-pink-200 {
+      --gradient-from-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .md\:dark\:from-pink-300 {
+      --gradient-from-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .md\:dark\:from-pink-400 {
+      --gradient-from-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .md\:dark\:from-pink-500 {
+      --gradient-from-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .md\:dark\:from-pink-600 {
+      --gradient-from-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .md\:dark\:from-pink-700 {
+      --gradient-from-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .md\:dark\:from-pink-800 {
+      --gradient-from-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .md\:dark\:from-pink-900 {
+      --gradient-from-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .md\:dark\: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\:dark\: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\:dark\:via-black {
+      --gradient-via-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .md\:dark\:via-white {
+      --gradient-via-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .md\:dark\:via-gray-50 {
+      --gradient-via-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .md\:dark\:via-gray-100 {
+      --gradient-via-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .md\:dark\:via-gray-200 {
+      --gradient-via-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .md\:dark\:via-gray-300 {
+      --gradient-via-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .md\:dark\:via-gray-400 {
+      --gradient-via-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .md\:dark\:via-gray-500 {
+      --gradient-via-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .md\:dark\:via-gray-600 {
+      --gradient-via-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .md\:dark\:via-gray-700 {
+      --gradient-via-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .md\:dark\:via-gray-800 {
+      --gradient-via-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .md\:dark\:via-gray-900 {
+      --gradient-via-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .md\:dark\:via-red-50 {
+      --gradient-via-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .md\:dark\:via-red-100 {
+      --gradient-via-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .md\:dark\:via-red-200 {
+      --gradient-via-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .md\:dark\:via-red-300 {
+      --gradient-via-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .md\:dark\:via-red-400 {
+      --gradient-via-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .md\:dark\:via-red-500 {
+      --gradient-via-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .md\:dark\:via-red-600 {
+      --gradient-via-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .md\:dark\:via-red-700 {
+      --gradient-via-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .md\:dark\:via-red-800 {
+      --gradient-via-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .md\:dark\:via-red-900 {
+      --gradient-via-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .md\:dark\:via-orange-50 {
+      --gradient-via-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .md\:dark\:via-orange-100 {
+      --gradient-via-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .md\:dark\:via-orange-200 {
+      --gradient-via-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .md\:dark\:via-orange-300 {
+      --gradient-via-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .md\:dark\:via-orange-400 {
+      --gradient-via-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .md\:dark\:via-orange-500 {
+      --gradient-via-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .md\:dark\:via-orange-600 {
+      --gradient-via-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .md\:dark\:via-orange-700 {
+      --gradient-via-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .md\:dark\:via-orange-800 {
+      --gradient-via-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .md\:dark\:via-orange-900 {
+      --gradient-via-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .md\:dark\:via-yellow-50 {
+      --gradient-via-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .md\:dark\:via-yellow-100 {
+      --gradient-via-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .md\:dark\:via-yellow-200 {
+      --gradient-via-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .md\:dark\:via-yellow-300 {
+      --gradient-via-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .md\:dark\:via-yellow-400 {
+      --gradient-via-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .md\:dark\:via-yellow-500 {
+      --gradient-via-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .md\:dark\:via-yellow-600 {
+      --gradient-via-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .md\:dark\:via-yellow-700 {
+      --gradient-via-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .md\:dark\:via-yellow-800 {
+      --gradient-via-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .md\:dark\:via-yellow-900 {
+      --gradient-via-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .md\:dark\:via-green-50 {
+      --gradient-via-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .md\:dark\:via-green-100 {
+      --gradient-via-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .md\:dark\:via-green-200 {
+      --gradient-via-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .md\:dark\:via-green-300 {
+      --gradient-via-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .md\:dark\:via-green-400 {
+      --gradient-via-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .md\:dark\:via-green-500 {
+      --gradient-via-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .md\:dark\:via-green-600 {
+      --gradient-via-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .md\:dark\:via-green-700 {
+      --gradient-via-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .md\:dark\:via-green-800 {
+      --gradient-via-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .md\:dark\:via-green-900 {
+      --gradient-via-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .md\:dark\:via-teal-50 {
+      --gradient-via-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .md\:dark\:via-teal-100 {
+      --gradient-via-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .md\:dark\:via-teal-200 {
+      --gradient-via-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .md\:dark\:via-teal-300 {
+      --gradient-via-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .md\:dark\:via-teal-400 {
+      --gradient-via-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .md\:dark\:via-teal-500 {
+      --gradient-via-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .md\:dark\:via-teal-600 {
+      --gradient-via-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .md\:dark\:via-teal-700 {
+      --gradient-via-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .md\:dark\:via-teal-800 {
+      --gradient-via-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .md\:dark\:via-teal-900 {
+      --gradient-via-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .md\:dark\:via-blue-50 {
+      --gradient-via-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .md\:dark\:via-blue-100 {
+      --gradient-via-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .md\:dark\:via-blue-200 {
+      --gradient-via-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .md\:dark\:via-blue-300 {
+      --gradient-via-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .md\:dark\:via-blue-400 {
+      --gradient-via-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .md\:dark\:via-blue-500 {
+      --gradient-via-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .md\:dark\:via-blue-600 {
+      --gradient-via-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .md\:dark\:via-blue-700 {
+      --gradient-via-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .md\:dark\:via-blue-800 {
+      --gradient-via-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .md\:dark\:via-blue-900 {
+      --gradient-via-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .md\:dark\:via-indigo-50 {
+      --gradient-via-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .md\:dark\:via-indigo-100 {
+      --gradient-via-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .md\:dark\:via-indigo-200 {
+      --gradient-via-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .md\:dark\:via-indigo-300 {
+      --gradient-via-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .md\:dark\:via-indigo-400 {
+      --gradient-via-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .md\:dark\:via-indigo-500 {
+      --gradient-via-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .md\:dark\:via-indigo-600 {
+      --gradient-via-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .md\:dark\:via-indigo-700 {
+      --gradient-via-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .md\:dark\:via-indigo-800 {
+      --gradient-via-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .md\:dark\:via-indigo-900 {
+      --gradient-via-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .md\:dark\:via-purple-50 {
+      --gradient-via-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .md\:dark\:via-purple-100 {
+      --gradient-via-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .md\:dark\:via-purple-200 {
+      --gradient-via-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .md\:dark\:via-purple-300 {
+      --gradient-via-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .md\:dark\:via-purple-400 {
+      --gradient-via-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .md\:dark\:via-purple-500 {
+      --gradient-via-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .md\:dark\:via-purple-600 {
+      --gradient-via-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .md\:dark\:via-purple-700 {
+      --gradient-via-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .md\:dark\:via-purple-800 {
+      --gradient-via-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .md\:dark\:via-purple-900 {
+      --gradient-via-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .md\:dark\:via-pink-50 {
+      --gradient-via-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .md\:dark\:via-pink-100 {
+      --gradient-via-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .md\:dark\:via-pink-200 {
+      --gradient-via-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .md\:dark\:via-pink-300 {
+      --gradient-via-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .md\:dark\:via-pink-400 {
+      --gradient-via-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .md\:dark\:via-pink-500 {
+      --gradient-via-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .md\:dark\:via-pink-600 {
+      --gradient-via-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .md\:dark\:via-pink-700 {
+      --gradient-via-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .md\:dark\:via-pink-800 {
+      --gradient-via-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .md\:dark\:via-pink-900 {
+      --gradient-via-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .md\:dark\:to-transparent {
+      --gradient-to-color: transparent;
+    }
+
+    .md\:dark\:to-current {
+      --gradient-to-color: currentColor;
+    }
+
+    .md\:dark\:to-black {
+      --gradient-to-color: #000000;
+    }
+
+    .md\:dark\:to-white {
+      --gradient-to-color: #ffffff;
+    }
+
+    .md\:dark\:to-gray-50 {
+      --gradient-to-color: #f9fafb;
+    }
+
+    .md\:dark\:to-gray-100 {
+      --gradient-to-color: #f4f5f7;
+    }
+
+    .md\:dark\:to-gray-200 {
+      --gradient-to-color: #e5e7eb;
+    }
+
+    .md\:dark\:to-gray-300 {
+      --gradient-to-color: #d2d6dc;
+    }
+
+    .md\:dark\:to-gray-400 {
+      --gradient-to-color: #9fa6b2;
+    }
+
+    .md\:dark\:to-gray-500 {
+      --gradient-to-color: #6b7280;
+    }
+
+    .md\:dark\:to-gray-600 {
+      --gradient-to-color: #4b5563;
+    }
+
+    .md\:dark\:to-gray-700 {
+      --gradient-to-color: #374151;
+    }
+
+    .md\:dark\:to-gray-800 {
+      --gradient-to-color: #252f3f;
+    }
+
+    .md\:dark\:to-gray-900 {
+      --gradient-to-color: #161e2e;
+    }
+
+    .md\:dark\:to-red-50 {
+      --gradient-to-color: #fdf2f2;
+    }
+
+    .md\:dark\:to-red-100 {
+      --gradient-to-color: #fde8e8;
+    }
+
+    .md\:dark\:to-red-200 {
+      --gradient-to-color: #fbd5d5;
+    }
+
+    .md\:dark\:to-red-300 {
+      --gradient-to-color: #f8b4b4;
+    }
+
+    .md\:dark\:to-red-400 {
+      --gradient-to-color: #f98080;
+    }
+
+    .md\:dark\:to-red-500 {
+      --gradient-to-color: #f05252;
+    }
+
+    .md\:dark\:to-red-600 {
+      --gradient-to-color: #e02424;
+    }
+
+    .md\:dark\:to-red-700 {
+      --gradient-to-color: #c81e1e;
+    }
+
+    .md\:dark\:to-red-800 {
+      --gradient-to-color: #9b1c1c;
+    }
+
+    .md\:dark\:to-red-900 {
+      --gradient-to-color: #771d1d;
+    }
+
+    .md\:dark\:to-orange-50 {
+      --gradient-to-color: #fff8f1;
+    }
+
+    .md\:dark\:to-orange-100 {
+      --gradient-to-color: #feecdc;
+    }
+
+    .md\:dark\:to-orange-200 {
+      --gradient-to-color: #fcd9bd;
+    }
+
+    .md\:dark\:to-orange-300 {
+      --gradient-to-color: #fdba8c;
+    }
+
+    .md\:dark\:to-orange-400 {
+      --gradient-to-color: #ff8a4c;
+    }
+
+    .md\:dark\:to-orange-500 {
+      --gradient-to-color: #ff5a1f;
+    }
+
+    .md\:dark\:to-orange-600 {
+      --gradient-to-color: #d03801;
+    }
+
+    .md\:dark\:to-orange-700 {
+      --gradient-to-color: #b43403;
+    }
+
+    .md\:dark\:to-orange-800 {
+      --gradient-to-color: #8a2c0d;
+    }
+
+    .md\:dark\:to-orange-900 {
+      --gradient-to-color: #73230d;
+    }
+
+    .md\:dark\:to-yellow-50 {
+      --gradient-to-color: #fdfdea;
+    }
+
+    .md\:dark\:to-yellow-100 {
+      --gradient-to-color: #fdf6b2;
+    }
+
+    .md\:dark\:to-yellow-200 {
+      --gradient-to-color: #fce96a;
+    }
+
+    .md\:dark\:to-yellow-300 {
+      --gradient-to-color: #faca15;
+    }
+
+    .md\:dark\:to-yellow-400 {
+      --gradient-to-color: #e3a008;
+    }
+
+    .md\:dark\:to-yellow-500 {
+      --gradient-to-color: #c27803;
+    }
+
+    .md\:dark\:to-yellow-600 {
+      --gradient-to-color: #9f580a;
+    }
+
+    .md\:dark\:to-yellow-700 {
+      --gradient-to-color: #8e4b10;
+    }
+
+    .md\:dark\:to-yellow-800 {
+      --gradient-to-color: #723b13;
+    }
+
+    .md\:dark\:to-yellow-900 {
+      --gradient-to-color: #633112;
+    }
+
+    .md\:dark\:to-green-50 {
+      --gradient-to-color: #f3faf7;
+    }
+
+    .md\:dark\:to-green-100 {
+      --gradient-to-color: #def7ec;
+    }
+
+    .md\:dark\:to-green-200 {
+      --gradient-to-color: #bcf0da;
+    }
+
+    .md\:dark\:to-green-300 {
+      --gradient-to-color: #84e1bc;
+    }
+
+    .md\:dark\:to-green-400 {
+      --gradient-to-color: #31c48d;
+    }
+
+    .md\:dark\:to-green-500 {
+      --gradient-to-color: #0e9f6e;
+    }
+
+    .md\:dark\:to-green-600 {
+      --gradient-to-color: #057a55;
+    }
+
+    .md\:dark\:to-green-700 {
+      --gradient-to-color: #046c4e;
+    }
+
+    .md\:dark\:to-green-800 {
+      --gradient-to-color: #03543f;
+    }
+
+    .md\:dark\:to-green-900 {
+      --gradient-to-color: #014737;
+    }
+
+    .md\:dark\:to-teal-50 {
+      --gradient-to-color: #edfafa;
+    }
+
+    .md\:dark\:to-teal-100 {
+      --gradient-to-color: #d5f5f6;
+    }
+
+    .md\:dark\:to-teal-200 {
+      --gradient-to-color: #afecef;
+    }
+
+    .md\:dark\:to-teal-300 {
+      --gradient-to-color: #7edce2;
+    }
+
+    .md\:dark\:to-teal-400 {
+      --gradient-to-color: #16bdca;
+    }
+
+    .md\:dark\:to-teal-500 {
+      --gradient-to-color: #0694a2;
+    }
+
+    .md\:dark\:to-teal-600 {
+      --gradient-to-color: #047481;
+    }
+
+    .md\:dark\:to-teal-700 {
+      --gradient-to-color: #036672;
+    }
+
+    .md\:dark\:to-teal-800 {
+      --gradient-to-color: #05505c;
+    }
+
+    .md\:dark\:to-teal-900 {
+      --gradient-to-color: #014451;
+    }
+
+    .md\:dark\:to-blue-50 {
+      --gradient-to-color: #ebf5ff;
+    }
+
+    .md\:dark\:to-blue-100 {
+      --gradient-to-color: #e1effe;
+    }
+
+    .md\:dark\:to-blue-200 {
+      --gradient-to-color: #c3ddfd;
+    }
+
+    .md\:dark\:to-blue-300 {
+      --gradient-to-color: #a4cafe;
+    }
+
+    .md\:dark\:to-blue-400 {
+      --gradient-to-color: #76a9fa;
+    }
+
+    .md\:dark\:to-blue-500 {
+      --gradient-to-color: #3f83f8;
+    }
+
+    .md\:dark\:to-blue-600 {
+      --gradient-to-color: #1c64f2;
+    }
+
+    .md\:dark\:to-blue-700 {
+      --gradient-to-color: #1a56db;
+    }
+
+    .md\:dark\:to-blue-800 {
+      --gradient-to-color: #1e429f;
+    }
+
+    .md\:dark\:to-blue-900 {
+      --gradient-to-color: #233876;
+    }
+
+    .md\:dark\:to-indigo-50 {
+      --gradient-to-color: #f0f5ff;
+    }
+
+    .md\:dark\:to-indigo-100 {
+      --gradient-to-color: #e5edff;
+    }
+
+    .md\:dark\:to-indigo-200 {
+      --gradient-to-color: #cddbfe;
+    }
+
+    .md\:dark\:to-indigo-300 {
+      --gradient-to-color: #b4c6fc;
+    }
+
+    .md\:dark\:to-indigo-400 {
+      --gradient-to-color: #8da2fb;
+    }
+
+    .md\:dark\:to-indigo-500 {
+      --gradient-to-color: #6875f5;
+    }
+
+    .md\:dark\:to-indigo-600 {
+      --gradient-to-color: #5850ec;
+    }
+
+    .md\:dark\:to-indigo-700 {
+      --gradient-to-color: #5145cd;
+    }
+
+    .md\:dark\:to-indigo-800 {
+      --gradient-to-color: #42389d;
+    }
+
+    .md\:dark\:to-indigo-900 {
+      --gradient-to-color: #362f78;
+    }
+
+    .md\:dark\:to-purple-50 {
+      --gradient-to-color: #f6f5ff;
+    }
+
+    .md\:dark\:to-purple-100 {
+      --gradient-to-color: #edebfe;
+    }
+
+    .md\:dark\:to-purple-200 {
+      --gradient-to-color: #dcd7fe;
+    }
+
+    .md\:dark\:to-purple-300 {
+      --gradient-to-color: #cabffd;
+    }
+
+    .md\:dark\:to-purple-400 {
+      --gradient-to-color: #ac94fa;
+    }
+
+    .md\:dark\:to-purple-500 {
+      --gradient-to-color: #9061f9;
+    }
+
+    .md\:dark\:to-purple-600 {
+      --gradient-to-color: #7e3af2;
+    }
+
+    .md\:dark\:to-purple-700 {
+      --gradient-to-color: #6c2bd9;
+    }
+
+    .md\:dark\:to-purple-800 {
+      --gradient-to-color: #5521b5;
+    }
+
+    .md\:dark\:to-purple-900 {
+      --gradient-to-color: #4a1d96;
+    }
+
+    .md\:dark\:to-pink-50 {
+      --gradient-to-color: #fdf2f8;
+    }
+
+    .md\:dark\:to-pink-100 {
+      --gradient-to-color: #fce8f3;
+    }
+
+    .md\:dark\:to-pink-200 {
+      --gradient-to-color: #fad1e8;
+    }
+
+    .md\:dark\:to-pink-300 {
+      --gradient-to-color: #f8b4d9;
+    }
+
+    .md\:dark\:to-pink-400 {
+      --gradient-to-color: #f17eb8;
+    }
+
+    .md\:dark\:to-pink-500 {
+      --gradient-to-color: #e74694;
+    }
+
+    .md\:dark\:to-pink-600 {
+      --gradient-to-color: #d61f69;
+    }
+
+    .md\:dark\:to-pink-700 {
+      --gradient-to-color: #bf125d;
+    }
+
+    .md\:dark\:to-pink-800 {
+      --gradient-to-color: #99154b;
+    }
+
+    .md\:dark\:to-pink-900 {
+      --gradient-to-color: #751a3d;
+    }
+
+    .md\:dark\: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\:dark\: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\:dark\:hover\:from-black:hover {
+      --gradient-from-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .md\:dark\:hover\:from-white:hover {
+      --gradient-from-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .md\:dark\:hover\:from-gray-50:hover {
+      --gradient-from-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .md\:dark\:hover\:from-gray-100:hover {
+      --gradient-from-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .md\:dark\:hover\:from-gray-200:hover {
+      --gradient-from-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .md\:dark\:hover\:from-gray-300:hover {
+      --gradient-from-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .md\:dark\:hover\:from-gray-400:hover {
+      --gradient-from-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .md\:dark\:hover\:from-gray-500:hover {
+      --gradient-from-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .md\:dark\:hover\:from-gray-600:hover {
+      --gradient-from-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .md\:dark\:hover\:from-gray-700:hover {
+      --gradient-from-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .md\:dark\:hover\:from-gray-800:hover {
+      --gradient-from-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .md\:dark\:hover\:from-gray-900:hover {
+      --gradient-from-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .md\:dark\:hover\:from-red-50:hover {
+      --gradient-from-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .md\:dark\:hover\:from-red-100:hover {
+      --gradient-from-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .md\:dark\:hover\:from-red-200:hover {
+      --gradient-from-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .md\:dark\:hover\:from-red-300:hover {
+      --gradient-from-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .md\:dark\:hover\:from-red-400:hover {
+      --gradient-from-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .md\:dark\:hover\:from-red-500:hover {
+      --gradient-from-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .md\:dark\:hover\:from-red-600:hover {
+      --gradient-from-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .md\:dark\:hover\:from-red-700:hover {
+      --gradient-from-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .md\:dark\:hover\:from-red-800:hover {
+      --gradient-from-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .md\:dark\:hover\:from-red-900:hover {
+      --gradient-from-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .md\:dark\:hover\:from-orange-50:hover {
+      --gradient-from-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .md\:dark\:hover\:from-orange-100:hover {
+      --gradient-from-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .md\:dark\:hover\:from-orange-200:hover {
+      --gradient-from-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .md\:dark\:hover\:from-orange-300:hover {
+      --gradient-from-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .md\:dark\:hover\:from-orange-400:hover {
+      --gradient-from-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .md\:dark\:hover\:from-orange-500:hover {
+      --gradient-from-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .md\:dark\:hover\:from-orange-600:hover {
+      --gradient-from-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .md\:dark\:hover\:from-orange-700:hover {
+      --gradient-from-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .md\:dark\:hover\:from-orange-800:hover {
+      --gradient-from-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .md\:dark\:hover\:from-orange-900:hover {
+      --gradient-from-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .md\:dark\:hover\:from-yellow-50:hover {
+      --gradient-from-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .md\:dark\:hover\:from-yellow-100:hover {
+      --gradient-from-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .md\:dark\:hover\:from-yellow-200:hover {
+      --gradient-from-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .md\:dark\:hover\:from-yellow-300:hover {
+      --gradient-from-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .md\:dark\:hover\:from-yellow-400:hover {
+      --gradient-from-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .md\:dark\:hover\:from-yellow-500:hover {
+      --gradient-from-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .md\:dark\:hover\:from-yellow-600:hover {
+      --gradient-from-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .md\:dark\:hover\:from-yellow-700:hover {
+      --gradient-from-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .md\:dark\:hover\:from-yellow-800:hover {
+      --gradient-from-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .md\:dark\:hover\:from-yellow-900:hover {
+      --gradient-from-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .md\:dark\:hover\:from-green-50:hover {
+      --gradient-from-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .md\:dark\:hover\:from-green-100:hover {
+      --gradient-from-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .md\:dark\:hover\:from-green-200:hover {
+      --gradient-from-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .md\:dark\:hover\:from-green-300:hover {
+      --gradient-from-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .md\:dark\:hover\:from-green-400:hover {
+      --gradient-from-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .md\:dark\:hover\:from-green-500:hover {
+      --gradient-from-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .md\:dark\:hover\:from-green-600:hover {
+      --gradient-from-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .md\:dark\:hover\:from-green-700:hover {
+      --gradient-from-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .md\:dark\:hover\:from-green-800:hover {
+      --gradient-from-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .md\:dark\:hover\:from-green-900:hover {
+      --gradient-from-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .md\:dark\:hover\:from-teal-50:hover {
+      --gradient-from-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .md\:dark\:hover\:from-teal-100:hover {
+      --gradient-from-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .md\:dark\:hover\:from-teal-200:hover {
+      --gradient-from-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .md\:dark\:hover\:from-teal-300:hover {
+      --gradient-from-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .md\:dark\:hover\:from-teal-400:hover {
+      --gradient-from-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .md\:dark\:hover\:from-teal-500:hover {
+      --gradient-from-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .md\:dark\:hover\:from-teal-600:hover {
+      --gradient-from-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .md\:dark\:hover\:from-teal-700:hover {
+      --gradient-from-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .md\:dark\:hover\:from-teal-800:hover {
+      --gradient-from-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .md\:dark\:hover\:from-teal-900:hover {
+      --gradient-from-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .md\:dark\:hover\:from-blue-50:hover {
+      --gradient-from-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .md\:dark\:hover\:from-blue-100:hover {
+      --gradient-from-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .md\:dark\:hover\:from-blue-200:hover {
+      --gradient-from-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .md\:dark\:hover\:from-blue-300:hover {
+      --gradient-from-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .md\:dark\:hover\:from-blue-400:hover {
+      --gradient-from-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .md\:dark\:hover\:from-blue-500:hover {
+      --gradient-from-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .md\:dark\:hover\:from-blue-600:hover {
+      --gradient-from-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .md\:dark\:hover\:from-blue-700:hover {
+      --gradient-from-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .md\:dark\:hover\:from-blue-800:hover {
+      --gradient-from-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .md\:dark\:hover\:from-blue-900:hover {
+      --gradient-from-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .md\:dark\:hover\:from-indigo-50:hover {
+      --gradient-from-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .md\:dark\:hover\:from-indigo-100:hover {
+      --gradient-from-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .md\:dark\:hover\:from-indigo-200:hover {
+      --gradient-from-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .md\:dark\:hover\:from-indigo-300:hover {
+      --gradient-from-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .md\:dark\:hover\:from-indigo-400:hover {
+      --gradient-from-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .md\:dark\:hover\:from-indigo-500:hover {
+      --gradient-from-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .md\:dark\:hover\:from-indigo-600:hover {
+      --gradient-from-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .md\:dark\:hover\:from-indigo-700:hover {
+      --gradient-from-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .md\:dark\:hover\:from-indigo-800:hover {
+      --gradient-from-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .md\:dark\:hover\:from-indigo-900:hover {
+      --gradient-from-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .md\:dark\:hover\:from-purple-50:hover {
+      --gradient-from-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .md\:dark\:hover\:from-purple-100:hover {
+      --gradient-from-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .md\:dark\:hover\:from-purple-200:hover {
+      --gradient-from-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .md\:dark\:hover\:from-purple-300:hover {
+      --gradient-from-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .md\:dark\:hover\:from-purple-400:hover {
+      --gradient-from-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .md\:dark\:hover\:from-purple-500:hover {
+      --gradient-from-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .md\:dark\:hover\:from-purple-600:hover {
+      --gradient-from-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .md\:dark\:hover\:from-purple-700:hover {
+      --gradient-from-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .md\:dark\:hover\:from-purple-800:hover {
+      --gradient-from-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .md\:dark\:hover\:from-purple-900:hover {
+      --gradient-from-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .md\:dark\:hover\:from-pink-50:hover {
+      --gradient-from-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .md\:dark\:hover\:from-pink-100:hover {
+      --gradient-from-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .md\:dark\:hover\:from-pink-200:hover {
+      --gradient-from-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .md\:dark\:hover\:from-pink-300:hover {
+      --gradient-from-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .md\:dark\:hover\:from-pink-400:hover {
+      --gradient-from-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .md\:dark\:hover\:from-pink-500:hover {
+      --gradient-from-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .md\:dark\:hover\:from-pink-600:hover {
+      --gradient-from-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .md\:dark\:hover\:from-pink-700:hover {
+      --gradient-from-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .md\:dark\:hover\:from-pink-800:hover {
+      --gradient-from-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .md\:dark\:hover\:from-pink-900:hover {
+      --gradient-from-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .md\:dark\: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\:dark\: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\:dark\:hover\:via-black:hover {
+      --gradient-via-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .md\:dark\:hover\:via-white:hover {
+      --gradient-via-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .md\:dark\:hover\:via-gray-50:hover {
+      --gradient-via-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .md\:dark\:hover\:via-gray-100:hover {
+      --gradient-via-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .md\:dark\:hover\:via-gray-200:hover {
+      --gradient-via-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .md\:dark\:hover\:via-gray-300:hover {
+      --gradient-via-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .md\:dark\:hover\:via-gray-400:hover {
+      --gradient-via-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .md\:dark\:hover\:via-gray-500:hover {
+      --gradient-via-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .md\:dark\:hover\:via-gray-600:hover {
+      --gradient-via-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .md\:dark\:hover\:via-gray-700:hover {
+      --gradient-via-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .md\:dark\:hover\:via-gray-800:hover {
+      --gradient-via-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .md\:dark\:hover\:via-gray-900:hover {
+      --gradient-via-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .md\:dark\:hover\:via-red-50:hover {
+      --gradient-via-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .md\:dark\:hover\:via-red-100:hover {
+      --gradient-via-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .md\:dark\:hover\:via-red-200:hover {
+      --gradient-via-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .md\:dark\:hover\:via-red-300:hover {
+      --gradient-via-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .md\:dark\:hover\:via-red-400:hover {
+      --gradient-via-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .md\:dark\:hover\:via-red-500:hover {
+      --gradient-via-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .md\:dark\:hover\:via-red-600:hover {
+      --gradient-via-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .md\:dark\:hover\:via-red-700:hover {
+      --gradient-via-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .md\:dark\:hover\:via-red-800:hover {
+      --gradient-via-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .md\:dark\:hover\:via-red-900:hover {
+      --gradient-via-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .md\:dark\:hover\:via-orange-50:hover {
+      --gradient-via-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .md\:dark\:hover\:via-orange-100:hover {
+      --gradient-via-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .md\:dark\:hover\:via-orange-200:hover {
+      --gradient-via-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .md\:dark\:hover\:via-orange-300:hover {
+      --gradient-via-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .md\:dark\:hover\:via-orange-400:hover {
+      --gradient-via-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .md\:dark\:hover\:via-orange-500:hover {
+      --gradient-via-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .md\:dark\:hover\:via-orange-600:hover {
+      --gradient-via-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .md\:dark\:hover\:via-orange-700:hover {
+      --gradient-via-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .md\:dark\:hover\:via-orange-800:hover {
+      --gradient-via-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .md\:dark\:hover\:via-orange-900:hover {
+      --gradient-via-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .md\:dark\:hover\:via-yellow-50:hover {
+      --gradient-via-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .md\:dark\:hover\:via-yellow-100:hover {
+      --gradient-via-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .md\:dark\:hover\:via-yellow-200:hover {
+      --gradient-via-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .md\:dark\:hover\:via-yellow-300:hover {
+      --gradient-via-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .md\:dark\:hover\:via-yellow-400:hover {
+      --gradient-via-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .md\:dark\:hover\:via-yellow-500:hover {
+      --gradient-via-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .md\:dark\:hover\:via-yellow-600:hover {
+      --gradient-via-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .md\:dark\:hover\:via-yellow-700:hover {
+      --gradient-via-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .md\:dark\:hover\:via-yellow-800:hover {
+      --gradient-via-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .md\:dark\:hover\:via-yellow-900:hover {
+      --gradient-via-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .md\:dark\:hover\:via-green-50:hover {
+      --gradient-via-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .md\:dark\:hover\:via-green-100:hover {
+      --gradient-via-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .md\:dark\:hover\:via-green-200:hover {
+      --gradient-via-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .md\:dark\:hover\:via-green-300:hover {
+      --gradient-via-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .md\:dark\:hover\:via-green-400:hover {
+      --gradient-via-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .md\:dark\:hover\:via-green-500:hover {
+      --gradient-via-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .md\:dark\:hover\:via-green-600:hover {
+      --gradient-via-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .md\:dark\:hover\:via-green-700:hover {
+      --gradient-via-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .md\:dark\:hover\:via-green-800:hover {
+      --gradient-via-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .md\:dark\:hover\:via-green-900:hover {
+      --gradient-via-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .md\:dark\:hover\:via-teal-50:hover {
+      --gradient-via-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .md\:dark\:hover\:via-teal-100:hover {
+      --gradient-via-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .md\:dark\:hover\:via-teal-200:hover {
+      --gradient-via-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .md\:dark\:hover\:via-teal-300:hover {
+      --gradient-via-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .md\:dark\:hover\:via-teal-400:hover {
+      --gradient-via-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .md\:dark\:hover\:via-teal-500:hover {
+      --gradient-via-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .md\:dark\:hover\:via-teal-600:hover {
+      --gradient-via-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .md\:dark\:hover\:via-teal-700:hover {
+      --gradient-via-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .md\:dark\:hover\:via-teal-800:hover {
+      --gradient-via-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .md\:dark\:hover\:via-teal-900:hover {
+      --gradient-via-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .md\:dark\:hover\:via-blue-50:hover {
+      --gradient-via-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .md\:dark\:hover\:via-blue-100:hover {
+      --gradient-via-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .md\:dark\:hover\:via-blue-200:hover {
+      --gradient-via-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .md\:dark\:hover\:via-blue-300:hover {
+      --gradient-via-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .md\:dark\:hover\:via-blue-400:hover {
+      --gradient-via-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .md\:dark\:hover\:via-blue-500:hover {
+      --gradient-via-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .md\:dark\:hover\:via-blue-600:hover {
+      --gradient-via-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .md\:dark\:hover\:via-blue-700:hover {
+      --gradient-via-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .md\:dark\:hover\:via-blue-800:hover {
+      --gradient-via-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .md\:dark\:hover\:via-blue-900:hover {
+      --gradient-via-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .md\:dark\:hover\:via-indigo-50:hover {
+      --gradient-via-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .md\:dark\:hover\:via-indigo-100:hover {
+      --gradient-via-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .md\:dark\:hover\:via-indigo-200:hover {
+      --gradient-via-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .md\:dark\:hover\:via-indigo-300:hover {
+      --gradient-via-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .md\:dark\:hover\:via-indigo-400:hover {
+      --gradient-via-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .md\:dark\:hover\:via-indigo-500:hover {
+      --gradient-via-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .md\:dark\:hover\:via-indigo-600:hover {
+      --gradient-via-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .md\:dark\:hover\:via-indigo-700:hover {
+      --gradient-via-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .md\:dark\:hover\:via-indigo-800:hover {
+      --gradient-via-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .md\:dark\:hover\:via-indigo-900:hover {
+      --gradient-via-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .md\:dark\:hover\:via-purple-50:hover {
+      --gradient-via-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .md\:dark\:hover\:via-purple-100:hover {
+      --gradient-via-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .md\:dark\:hover\:via-purple-200:hover {
+      --gradient-via-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .md\:dark\:hover\:via-purple-300:hover {
+      --gradient-via-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .md\:dark\:hover\:via-purple-400:hover {
+      --gradient-via-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .md\:dark\:hover\:via-purple-500:hover {
+      --gradient-via-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .md\:dark\:hover\:via-purple-600:hover {
+      --gradient-via-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .md\:dark\:hover\:via-purple-700:hover {
+      --gradient-via-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .md\:dark\:hover\:via-purple-800:hover {
+      --gradient-via-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .md\:dark\:hover\:via-purple-900:hover {
+      --gradient-via-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .md\:dark\:hover\:via-pink-50:hover {
+      --gradient-via-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .md\:dark\:hover\:via-pink-100:hover {
+      --gradient-via-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .md\:dark\:hover\:via-pink-200:hover {
+      --gradient-via-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .md\:dark\:hover\:via-pink-300:hover {
+      --gradient-via-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .md\:dark\:hover\:via-pink-400:hover {
+      --gradient-via-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .md\:dark\:hover\:via-pink-500:hover {
+      --gradient-via-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .md\:dark\:hover\:via-pink-600:hover {
+      --gradient-via-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .md\:dark\:hover\:via-pink-700:hover {
+      --gradient-via-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .md\:dark\:hover\:via-pink-800:hover {
+      --gradient-via-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .md\:dark\:hover\:via-pink-900:hover {
+      --gradient-via-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .md\:dark\:hover\:to-transparent:hover {
+      --gradient-to-color: transparent;
+    }
+
+    .md\:dark\:hover\:to-current:hover {
+      --gradient-to-color: currentColor;
+    }
+
+    .md\:dark\:hover\:to-black:hover {
+      --gradient-to-color: #000000;
+    }
+
+    .md\:dark\:hover\:to-white:hover {
+      --gradient-to-color: #ffffff;
+    }
+
+    .md\:dark\:hover\:to-gray-50:hover {
+      --gradient-to-color: #f9fafb;
+    }
+
+    .md\:dark\:hover\:to-gray-100:hover {
+      --gradient-to-color: #f4f5f7;
+    }
+
+    .md\:dark\:hover\:to-gray-200:hover {
+      --gradient-to-color: #e5e7eb;
+    }
+
+    .md\:dark\:hover\:to-gray-300:hover {
+      --gradient-to-color: #d2d6dc;
+    }
+
+    .md\:dark\:hover\:to-gray-400:hover {
+      --gradient-to-color: #9fa6b2;
+    }
+
+    .md\:dark\:hover\:to-gray-500:hover {
+      --gradient-to-color: #6b7280;
+    }
+
+    .md\:dark\:hover\:to-gray-600:hover {
+      --gradient-to-color: #4b5563;
+    }
+
+    .md\:dark\:hover\:to-gray-700:hover {
+      --gradient-to-color: #374151;
+    }
+
+    .md\:dark\:hover\:to-gray-800:hover {
+      --gradient-to-color: #252f3f;
+    }
+
+    .md\:dark\:hover\:to-gray-900:hover {
+      --gradient-to-color: #161e2e;
+    }
+
+    .md\:dark\:hover\:to-red-50:hover {
+      --gradient-to-color: #fdf2f2;
+    }
+
+    .md\:dark\:hover\:to-red-100:hover {
+      --gradient-to-color: #fde8e8;
+    }
+
+    .md\:dark\:hover\:to-red-200:hover {
+      --gradient-to-color: #fbd5d5;
+    }
+
+    .md\:dark\:hover\:to-red-300:hover {
+      --gradient-to-color: #f8b4b4;
+    }
+
+    .md\:dark\:hover\:to-red-400:hover {
+      --gradient-to-color: #f98080;
+    }
+
+    .md\:dark\:hover\:to-red-500:hover {
+      --gradient-to-color: #f05252;
+    }
+
+    .md\:dark\:hover\:to-red-600:hover {
+      --gradient-to-color: #e02424;
+    }
+
+    .md\:dark\:hover\:to-red-700:hover {
+      --gradient-to-color: #c81e1e;
+    }
+
+    .md\:dark\:hover\:to-red-800:hover {
+      --gradient-to-color: #9b1c1c;
+    }
+
+    .md\:dark\:hover\:to-red-900:hover {
+      --gradient-to-color: #771d1d;
+    }
+
+    .md\:dark\:hover\:to-orange-50:hover {
+      --gradient-to-color: #fff8f1;
+    }
+
+    .md\:dark\:hover\:to-orange-100:hover {
+      --gradient-to-color: #feecdc;
+    }
+
+    .md\:dark\:hover\:to-orange-200:hover {
+      --gradient-to-color: #fcd9bd;
+    }
+
+    .md\:dark\:hover\:to-orange-300:hover {
+      --gradient-to-color: #fdba8c;
+    }
+
+    .md\:dark\:hover\:to-orange-400:hover {
+      --gradient-to-color: #ff8a4c;
+    }
+
+    .md\:dark\:hover\:to-orange-500:hover {
+      --gradient-to-color: #ff5a1f;
+    }
+
+    .md\:dark\:hover\:to-orange-600:hover {
+      --gradient-to-color: #d03801;
+    }
+
+    .md\:dark\:hover\:to-orange-700:hover {
+      --gradient-to-color: #b43403;
+    }
+
+    .md\:dark\:hover\:to-orange-800:hover {
+      --gradient-to-color: #8a2c0d;
+    }
+
+    .md\:dark\:hover\:to-orange-900:hover {
+      --gradient-to-color: #73230d;
+    }
+
+    .md\:dark\:hover\:to-yellow-50:hover {
+      --gradient-to-color: #fdfdea;
+    }
+
+    .md\:dark\:hover\:to-yellow-100:hover {
+      --gradient-to-color: #fdf6b2;
+    }
+
+    .md\:dark\:hover\:to-yellow-200:hover {
+      --gradient-to-color: #fce96a;
+    }
+
+    .md\:dark\:hover\:to-yellow-300:hover {
+      --gradient-to-color: #faca15;
+    }
+
+    .md\:dark\:hover\:to-yellow-400:hover {
+      --gradient-to-color: #e3a008;
+    }
+
+    .md\:dark\:hover\:to-yellow-500:hover {
+      --gradient-to-color: #c27803;
+    }
+
+    .md\:dark\:hover\:to-yellow-600:hover {
+      --gradient-to-color: #9f580a;
+    }
+
+    .md\:dark\:hover\:to-yellow-700:hover {
+      --gradient-to-color: #8e4b10;
+    }
+
+    .md\:dark\:hover\:to-yellow-800:hover {
+      --gradient-to-color: #723b13;
+    }
+
+    .md\:dark\:hover\:to-yellow-900:hover {
+      --gradient-to-color: #633112;
+    }
+
+    .md\:dark\:hover\:to-green-50:hover {
+      --gradient-to-color: #f3faf7;
+    }
+
+    .md\:dark\:hover\:to-green-100:hover {
+      --gradient-to-color: #def7ec;
+    }
+
+    .md\:dark\:hover\:to-green-200:hover {
+      --gradient-to-color: #bcf0da;
+    }
+
+    .md\:dark\:hover\:to-green-300:hover {
+      --gradient-to-color: #84e1bc;
+    }
+
+    .md\:dark\:hover\:to-green-400:hover {
+      --gradient-to-color: #31c48d;
+    }
+
+    .md\:dark\:hover\:to-green-500:hover {
+      --gradient-to-color: #0e9f6e;
+    }
+
+    .md\:dark\:hover\:to-green-600:hover {
+      --gradient-to-color: #057a55;
+    }
+
+    .md\:dark\:hover\:to-green-700:hover {
+      --gradient-to-color: #046c4e;
+    }
+
+    .md\:dark\:hover\:to-green-800:hover {
+      --gradient-to-color: #03543f;
+    }
+
+    .md\:dark\:hover\:to-green-900:hover {
+      --gradient-to-color: #014737;
+    }
+
+    .md\:dark\:hover\:to-teal-50:hover {
+      --gradient-to-color: #edfafa;
+    }
+
+    .md\:dark\:hover\:to-teal-100:hover {
+      --gradient-to-color: #d5f5f6;
+    }
+
+    .md\:dark\:hover\:to-teal-200:hover {
+      --gradient-to-color: #afecef;
+    }
+
+    .md\:dark\:hover\:to-teal-300:hover {
+      --gradient-to-color: #7edce2;
+    }
+
+    .md\:dark\:hover\:to-teal-400:hover {
+      --gradient-to-color: #16bdca;
+    }
+
+    .md\:dark\:hover\:to-teal-500:hover {
+      --gradient-to-color: #0694a2;
+    }
+
+    .md\:dark\:hover\:to-teal-600:hover {
+      --gradient-to-color: #047481;
+    }
+
+    .md\:dark\:hover\:to-teal-700:hover {
+      --gradient-to-color: #036672;
+    }
+
+    .md\:dark\:hover\:to-teal-800:hover {
+      --gradient-to-color: #05505c;
+    }
+
+    .md\:dark\:hover\:to-teal-900:hover {
+      --gradient-to-color: #014451;
+    }
+
+    .md\:dark\:hover\:to-blue-50:hover {
+      --gradient-to-color: #ebf5ff;
+    }
+
+    .md\:dark\:hover\:to-blue-100:hover {
+      --gradient-to-color: #e1effe;
+    }
+
+    .md\:dark\:hover\:to-blue-200:hover {
+      --gradient-to-color: #c3ddfd;
+    }
+
+    .md\:dark\:hover\:to-blue-300:hover {
+      --gradient-to-color: #a4cafe;
+    }
+
+    .md\:dark\:hover\:to-blue-400:hover {
+      --gradient-to-color: #76a9fa;
+    }
+
+    .md\:dark\:hover\:to-blue-500:hover {
+      --gradient-to-color: #3f83f8;
+    }
+
+    .md\:dark\:hover\:to-blue-600:hover {
+      --gradient-to-color: #1c64f2;
+    }
+
+    .md\:dark\:hover\:to-blue-700:hover {
+      --gradient-to-color: #1a56db;
+    }
+
+    .md\:dark\:hover\:to-blue-800:hover {
+      --gradient-to-color: #1e429f;
+    }
+
+    .md\:dark\:hover\:to-blue-900:hover {
+      --gradient-to-color: #233876;
+    }
+
+    .md\:dark\:hover\:to-indigo-50:hover {
+      --gradient-to-color: #f0f5ff;
+    }
+
+    .md\:dark\:hover\:to-indigo-100:hover {
+      --gradient-to-color: #e5edff;
+    }
+
+    .md\:dark\:hover\:to-indigo-200:hover {
+      --gradient-to-color: #cddbfe;
+    }
+
+    .md\:dark\:hover\:to-indigo-300:hover {
+      --gradient-to-color: #b4c6fc;
+    }
+
+    .md\:dark\:hover\:to-indigo-400:hover {
+      --gradient-to-color: #8da2fb;
+    }
+
+    .md\:dark\:hover\:to-indigo-500:hover {
+      --gradient-to-color: #6875f5;
+    }
+
+    .md\:dark\:hover\:to-indigo-600:hover {
+      --gradient-to-color: #5850ec;
+    }
+
+    .md\:dark\:hover\:to-indigo-700:hover {
+      --gradient-to-color: #5145cd;
+    }
+
+    .md\:dark\:hover\:to-indigo-800:hover {
+      --gradient-to-color: #42389d;
+    }
+
+    .md\:dark\:hover\:to-indigo-900:hover {
+      --gradient-to-color: #362f78;
+    }
+
+    .md\:dark\:hover\:to-purple-50:hover {
+      --gradient-to-color: #f6f5ff;
+    }
+
+    .md\:dark\:hover\:to-purple-100:hover {
+      --gradient-to-color: #edebfe;
+    }
+
+    .md\:dark\:hover\:to-purple-200:hover {
+      --gradient-to-color: #dcd7fe;
+    }
+
+    .md\:dark\:hover\:to-purple-300:hover {
+      --gradient-to-color: #cabffd;
+    }
+
+    .md\:dark\:hover\:to-purple-400:hover {
+      --gradient-to-color: #ac94fa;
+    }
+
+    .md\:dark\:hover\:to-purple-500:hover {
+      --gradient-to-color: #9061f9;
+    }
+
+    .md\:dark\:hover\:to-purple-600:hover {
+      --gradient-to-color: #7e3af2;
+    }
+
+    .md\:dark\:hover\:to-purple-700:hover {
+      --gradient-to-color: #6c2bd9;
+    }
+
+    .md\:dark\:hover\:to-purple-800:hover {
+      --gradient-to-color: #5521b5;
+    }
+
+    .md\:dark\:hover\:to-purple-900:hover {
+      --gradient-to-color: #4a1d96;
+    }
+
+    .md\:dark\:hover\:to-pink-50:hover {
+      --gradient-to-color: #fdf2f8;
+    }
+
+    .md\:dark\:hover\:to-pink-100:hover {
+      --gradient-to-color: #fce8f3;
+    }
+
+    .md\:dark\:hover\:to-pink-200:hover {
+      --gradient-to-color: #fad1e8;
+    }
+
+    .md\:dark\:hover\:to-pink-300:hover {
+      --gradient-to-color: #f8b4d9;
+    }
+
+    .md\:dark\:hover\:to-pink-400:hover {
+      --gradient-to-color: #f17eb8;
+    }
+
+    .md\:dark\:hover\:to-pink-500:hover {
+      --gradient-to-color: #e74694;
+    }
+
+    .md\:dark\:hover\:to-pink-600:hover {
+      --gradient-to-color: #d61f69;
+    }
+
+    .md\:dark\:hover\:to-pink-700:hover {
+      --gradient-to-color: #bf125d;
+    }
+
+    .md\:dark\:hover\:to-pink-800:hover {
+      --gradient-to-color: #99154b;
+    }
+
+    .md\:dark\:hover\:to-pink-900:hover {
+      --gradient-to-color: #751a3d;
+    }
+
+    .md\:dark\: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\:dark\: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\:dark\:focus\:from-black:focus {
+      --gradient-from-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .md\:dark\:focus\:from-white:focus {
+      --gradient-from-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .md\:dark\:focus\:from-gray-50:focus {
+      --gradient-from-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .md\:dark\:focus\:from-gray-100:focus {
+      --gradient-from-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .md\:dark\:focus\:from-gray-200:focus {
+      --gradient-from-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .md\:dark\:focus\:from-gray-300:focus {
+      --gradient-from-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .md\:dark\:focus\:from-gray-400:focus {
+      --gradient-from-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .md\:dark\:focus\:from-gray-500:focus {
+      --gradient-from-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .md\:dark\:focus\:from-gray-600:focus {
+      --gradient-from-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .md\:dark\:focus\:from-gray-700:focus {
+      --gradient-from-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .md\:dark\:focus\:from-gray-800:focus {
+      --gradient-from-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .md\:dark\:focus\:from-gray-900:focus {
+      --gradient-from-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .md\:dark\:focus\:from-red-50:focus {
+      --gradient-from-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .md\:dark\:focus\:from-red-100:focus {
+      --gradient-from-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .md\:dark\:focus\:from-red-200:focus {
+      --gradient-from-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .md\:dark\:focus\:from-red-300:focus {
+      --gradient-from-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .md\:dark\:focus\:from-red-400:focus {
+      --gradient-from-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .md\:dark\:focus\:from-red-500:focus {
+      --gradient-from-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .md\:dark\:focus\:from-red-600:focus {
+      --gradient-from-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .md\:dark\:focus\:from-red-700:focus {
+      --gradient-from-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .md\:dark\:focus\:from-red-800:focus {
+      --gradient-from-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .md\:dark\:focus\:from-red-900:focus {
+      --gradient-from-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .md\:dark\:focus\:from-orange-50:focus {
+      --gradient-from-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .md\:dark\:focus\:from-orange-100:focus {
+      --gradient-from-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .md\:dark\:focus\:from-orange-200:focus {
+      --gradient-from-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .md\:dark\:focus\:from-orange-300:focus {
+      --gradient-from-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .md\:dark\:focus\:from-orange-400:focus {
+      --gradient-from-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .md\:dark\:focus\:from-orange-500:focus {
+      --gradient-from-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .md\:dark\:focus\:from-orange-600:focus {
+      --gradient-from-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .md\:dark\:focus\:from-orange-700:focus {
+      --gradient-from-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .md\:dark\:focus\:from-orange-800:focus {
+      --gradient-from-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .md\:dark\:focus\:from-orange-900:focus {
+      --gradient-from-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .md\:dark\:focus\:from-yellow-50:focus {
+      --gradient-from-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .md\:dark\:focus\:from-yellow-100:focus {
+      --gradient-from-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .md\:dark\:focus\:from-yellow-200:focus {
+      --gradient-from-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .md\:dark\:focus\:from-yellow-300:focus {
+      --gradient-from-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .md\:dark\:focus\:from-yellow-400:focus {
+      --gradient-from-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .md\:dark\:focus\:from-yellow-500:focus {
+      --gradient-from-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .md\:dark\:focus\:from-yellow-600:focus {
+      --gradient-from-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .md\:dark\:focus\:from-yellow-700:focus {
+      --gradient-from-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .md\:dark\:focus\:from-yellow-800:focus {
+      --gradient-from-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .md\:dark\:focus\:from-yellow-900:focus {
+      --gradient-from-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .md\:dark\:focus\:from-green-50:focus {
+      --gradient-from-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .md\:dark\:focus\:from-green-100:focus {
+      --gradient-from-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .md\:dark\:focus\:from-green-200:focus {
+      --gradient-from-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .md\:dark\:focus\:from-green-300:focus {
+      --gradient-from-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .md\:dark\:focus\:from-green-400:focus {
+      --gradient-from-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .md\:dark\:focus\:from-green-500:focus {
+      --gradient-from-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .md\:dark\:focus\:from-green-600:focus {
+      --gradient-from-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .md\:dark\:focus\:from-green-700:focus {
+      --gradient-from-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .md\:dark\:focus\:from-green-800:focus {
+      --gradient-from-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .md\:dark\:focus\:from-green-900:focus {
+      --gradient-from-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .md\:dark\:focus\:from-teal-50:focus {
+      --gradient-from-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .md\:dark\:focus\:from-teal-100:focus {
+      --gradient-from-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .md\:dark\:focus\:from-teal-200:focus {
+      --gradient-from-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .md\:dark\:focus\:from-teal-300:focus {
+      --gradient-from-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .md\:dark\:focus\:from-teal-400:focus {
+      --gradient-from-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .md\:dark\:focus\:from-teal-500:focus {
+      --gradient-from-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .md\:dark\:focus\:from-teal-600:focus {
+      --gradient-from-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .md\:dark\:focus\:from-teal-700:focus {
+      --gradient-from-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .md\:dark\:focus\:from-teal-800:focus {
+      --gradient-from-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .md\:dark\:focus\:from-teal-900:focus {
+      --gradient-from-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .md\:dark\:focus\:from-blue-50:focus {
+      --gradient-from-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .md\:dark\:focus\:from-blue-100:focus {
+      --gradient-from-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .md\:dark\:focus\:from-blue-200:focus {
+      --gradient-from-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .md\:dark\:focus\:from-blue-300:focus {
+      --gradient-from-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .md\:dark\:focus\:from-blue-400:focus {
+      --gradient-from-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .md\:dark\:focus\:from-blue-500:focus {
+      --gradient-from-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .md\:dark\:focus\:from-blue-600:focus {
+      --gradient-from-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .md\:dark\:focus\:from-blue-700:focus {
+      --gradient-from-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .md\:dark\:focus\:from-blue-800:focus {
+      --gradient-from-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .md\:dark\:focus\:from-blue-900:focus {
+      --gradient-from-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .md\:dark\:focus\:from-indigo-50:focus {
+      --gradient-from-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .md\:dark\:focus\:from-indigo-100:focus {
+      --gradient-from-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .md\:dark\:focus\:from-indigo-200:focus {
+      --gradient-from-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .md\:dark\:focus\:from-indigo-300:focus {
+      --gradient-from-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .md\:dark\:focus\:from-indigo-400:focus {
+      --gradient-from-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .md\:dark\:focus\:from-indigo-500:focus {
+      --gradient-from-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .md\:dark\:focus\:from-indigo-600:focus {
+      --gradient-from-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .md\:dark\:focus\:from-indigo-700:focus {
+      --gradient-from-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .md\:dark\:focus\:from-indigo-800:focus {
+      --gradient-from-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .md\:dark\:focus\:from-indigo-900:focus {
+      --gradient-from-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .md\:dark\:focus\:from-purple-50:focus {
+      --gradient-from-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .md\:dark\:focus\:from-purple-100:focus {
+      --gradient-from-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .md\:dark\:focus\:from-purple-200:focus {
+      --gradient-from-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .md\:dark\:focus\:from-purple-300:focus {
+      --gradient-from-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .md\:dark\:focus\:from-purple-400:focus {
+      --gradient-from-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .md\:dark\:focus\:from-purple-500:focus {
+      --gradient-from-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .md\:dark\:focus\:from-purple-600:focus {
+      --gradient-from-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .md\:dark\:focus\:from-purple-700:focus {
+      --gradient-from-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .md\:dark\:focus\:from-purple-800:focus {
+      --gradient-from-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .md\:dark\:focus\:from-purple-900:focus {
+      --gradient-from-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .md\:dark\:focus\:from-pink-50:focus {
+      --gradient-from-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .md\:dark\:focus\:from-pink-100:focus {
+      --gradient-from-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .md\:dark\:focus\:from-pink-200:focus {
+      --gradient-from-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .md\:dark\:focus\:from-pink-300:focus {
+      --gradient-from-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .md\:dark\:focus\:from-pink-400:focus {
+      --gradient-from-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .md\:dark\:focus\:from-pink-500:focus {
+      --gradient-from-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .md\:dark\:focus\:from-pink-600:focus {
+      --gradient-from-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .md\:dark\:focus\:from-pink-700:focus {
+      --gradient-from-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .md\:dark\:focus\:from-pink-800:focus {
+      --gradient-from-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .md\:dark\:focus\:from-pink-900:focus {
+      --gradient-from-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .md\:dark\: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\:dark\: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\:dark\:focus\:via-black:focus {
+      --gradient-via-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .md\:dark\:focus\:via-white:focus {
+      --gradient-via-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .md\:dark\:focus\:via-gray-50:focus {
+      --gradient-via-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .md\:dark\:focus\:via-gray-100:focus {
+      --gradient-via-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .md\:dark\:focus\:via-gray-200:focus {
+      --gradient-via-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .md\:dark\:focus\:via-gray-300:focus {
+      --gradient-via-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .md\:dark\:focus\:via-gray-400:focus {
+      --gradient-via-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .md\:dark\:focus\:via-gray-500:focus {
+      --gradient-via-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .md\:dark\:focus\:via-gray-600:focus {
+      --gradient-via-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .md\:dark\:focus\:via-gray-700:focus {
+      --gradient-via-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .md\:dark\:focus\:via-gray-800:focus {
+      --gradient-via-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .md\:dark\:focus\:via-gray-900:focus {
+      --gradient-via-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .md\:dark\:focus\:via-red-50:focus {
+      --gradient-via-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .md\:dark\:focus\:via-red-100:focus {
+      --gradient-via-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .md\:dark\:focus\:via-red-200:focus {
+      --gradient-via-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .md\:dark\:focus\:via-red-300:focus {
+      --gradient-via-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .md\:dark\:focus\:via-red-400:focus {
+      --gradient-via-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .md\:dark\:focus\:via-red-500:focus {
+      --gradient-via-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .md\:dark\:focus\:via-red-600:focus {
+      --gradient-via-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .md\:dark\:focus\:via-red-700:focus {
+      --gradient-via-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .md\:dark\:focus\:via-red-800:focus {
+      --gradient-via-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .md\:dark\:focus\:via-red-900:focus {
+      --gradient-via-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .md\:dark\:focus\:via-orange-50:focus {
+      --gradient-via-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .md\:dark\:focus\:via-orange-100:focus {
+      --gradient-via-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .md\:dark\:focus\:via-orange-200:focus {
+      --gradient-via-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .md\:dark\:focus\:via-orange-300:focus {
+      --gradient-via-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .md\:dark\:focus\:via-orange-400:focus {
+      --gradient-via-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .md\:dark\:focus\:via-orange-500:focus {
+      --gradient-via-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .md\:dark\:focus\:via-orange-600:focus {
+      --gradient-via-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .md\:dark\:focus\:via-orange-700:focus {
+      --gradient-via-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .md\:dark\:focus\:via-orange-800:focus {
+      --gradient-via-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .md\:dark\:focus\:via-orange-900:focus {
+      --gradient-via-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .md\:dark\:focus\:via-yellow-50:focus {
+      --gradient-via-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .md\:dark\:focus\:via-yellow-100:focus {
+      --gradient-via-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .md\:dark\:focus\:via-yellow-200:focus {
+      --gradient-via-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .md\:dark\:focus\:via-yellow-300:focus {
+      --gradient-via-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .md\:dark\:focus\:via-yellow-400:focus {
+      --gradient-via-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .md\:dark\:focus\:via-yellow-500:focus {
+      --gradient-via-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .md\:dark\:focus\:via-yellow-600:focus {
+      --gradient-via-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .md\:dark\:focus\:via-yellow-700:focus {
+      --gradient-via-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .md\:dark\:focus\:via-yellow-800:focus {
+      --gradient-via-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .md\:dark\:focus\:via-yellow-900:focus {
+      --gradient-via-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .md\:dark\:focus\:via-green-50:focus {
+      --gradient-via-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .md\:dark\:focus\:via-green-100:focus {
+      --gradient-via-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .md\:dark\:focus\:via-green-200:focus {
+      --gradient-via-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .md\:dark\:focus\:via-green-300:focus {
+      --gradient-via-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .md\:dark\:focus\:via-green-400:focus {
+      --gradient-via-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .md\:dark\:focus\:via-green-500:focus {
+      --gradient-via-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .md\:dark\:focus\:via-green-600:focus {
+      --gradient-via-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .md\:dark\:focus\:via-green-700:focus {
+      --gradient-via-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .md\:dark\:focus\:via-green-800:focus {
+      --gradient-via-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .md\:dark\:focus\:via-green-900:focus {
+      --gradient-via-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .md\:dark\:focus\:via-teal-50:focus {
+      --gradient-via-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .md\:dark\:focus\:via-teal-100:focus {
+      --gradient-via-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .md\:dark\:focus\:via-teal-200:focus {
+      --gradient-via-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .md\:dark\:focus\:via-teal-300:focus {
+      --gradient-via-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .md\:dark\:focus\:via-teal-400:focus {
+      --gradient-via-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .md\:dark\:focus\:via-teal-500:focus {
+      --gradient-via-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .md\:dark\:focus\:via-teal-600:focus {
+      --gradient-via-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .md\:dark\:focus\:via-teal-700:focus {
+      --gradient-via-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .md\:dark\:focus\:via-teal-800:focus {
+      --gradient-via-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .md\:dark\:focus\:via-teal-900:focus {
+      --gradient-via-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .md\:dark\:focus\:via-blue-50:focus {
+      --gradient-via-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .md\:dark\:focus\:via-blue-100:focus {
+      --gradient-via-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .md\:dark\:focus\:via-blue-200:focus {
+      --gradient-via-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .md\:dark\:focus\:via-blue-300:focus {
+      --gradient-via-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .md\:dark\:focus\:via-blue-400:focus {
+      --gradient-via-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .md\:dark\:focus\:via-blue-500:focus {
+      --gradient-via-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .md\:dark\:focus\:via-blue-600:focus {
+      --gradient-via-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .md\:dark\:focus\:via-blue-700:focus {
+      --gradient-via-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .md\:dark\:focus\:via-blue-800:focus {
+      --gradient-via-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .md\:dark\:focus\:via-blue-900:focus {
+      --gradient-via-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .md\:dark\:focus\:via-indigo-50:focus {
+      --gradient-via-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .md\:dark\:focus\:via-indigo-100:focus {
+      --gradient-via-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .md\:dark\:focus\:via-indigo-200:focus {
+      --gradient-via-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .md\:dark\:focus\:via-indigo-300:focus {
+      --gradient-via-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .md\:dark\:focus\:via-indigo-400:focus {
+      --gradient-via-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .md\:dark\:focus\:via-indigo-500:focus {
+      --gradient-via-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .md\:dark\:focus\:via-indigo-600:focus {
+      --gradient-via-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .md\:dark\:focus\:via-indigo-700:focus {
+      --gradient-via-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .md\:dark\:focus\:via-indigo-800:focus {
+      --gradient-via-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .md\:dark\:focus\:via-indigo-900:focus {
+      --gradient-via-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .md\:dark\:focus\:via-purple-50:focus {
+      --gradient-via-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .md\:dark\:focus\:via-purple-100:focus {
+      --gradient-via-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .md\:dark\:focus\:via-purple-200:focus {
+      --gradient-via-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .md\:dark\:focus\:via-purple-300:focus {
+      --gradient-via-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .md\:dark\:focus\:via-purple-400:focus {
+      --gradient-via-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .md\:dark\:focus\:via-purple-500:focus {
+      --gradient-via-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .md\:dark\:focus\:via-purple-600:focus {
+      --gradient-via-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .md\:dark\:focus\:via-purple-700:focus {
+      --gradient-via-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .md\:dark\:focus\:via-purple-800:focus {
+      --gradient-via-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .md\:dark\:focus\:via-purple-900:focus {
+      --gradient-via-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .md\:dark\:focus\:via-pink-50:focus {
+      --gradient-via-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .md\:dark\:focus\:via-pink-100:focus {
+      --gradient-via-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .md\:dark\:focus\:via-pink-200:focus {
+      --gradient-via-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .md\:dark\:focus\:via-pink-300:focus {
+      --gradient-via-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .md\:dark\:focus\:via-pink-400:focus {
+      --gradient-via-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .md\:dark\:focus\:via-pink-500:focus {
+      --gradient-via-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .md\:dark\:focus\:via-pink-600:focus {
+      --gradient-via-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .md\:dark\:focus\:via-pink-700:focus {
+      --gradient-via-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .md\:dark\:focus\:via-pink-800:focus {
+      --gradient-via-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .md\:dark\:focus\:via-pink-900:focus {
+      --gradient-via-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .md\:dark\:focus\:to-transparent:focus {
+      --gradient-to-color: transparent;
+    }
+
+    .md\:dark\:focus\:to-current:focus {
+      --gradient-to-color: currentColor;
+    }
+
+    .md\:dark\:focus\:to-black:focus {
+      --gradient-to-color: #000000;
+    }
+
+    .md\:dark\:focus\:to-white:focus {
+      --gradient-to-color: #ffffff;
+    }
+
+    .md\:dark\:focus\:to-gray-50:focus {
+      --gradient-to-color: #f9fafb;
+    }
+
+    .md\:dark\:focus\:to-gray-100:focus {
+      --gradient-to-color: #f4f5f7;
+    }
+
+    .md\:dark\:focus\:to-gray-200:focus {
+      --gradient-to-color: #e5e7eb;
+    }
+
+    .md\:dark\:focus\:to-gray-300:focus {
+      --gradient-to-color: #d2d6dc;
+    }
+
+    .md\:dark\:focus\:to-gray-400:focus {
+      --gradient-to-color: #9fa6b2;
+    }
+
+    .md\:dark\:focus\:to-gray-500:focus {
+      --gradient-to-color: #6b7280;
+    }
+
+    .md\:dark\:focus\:to-gray-600:focus {
+      --gradient-to-color: #4b5563;
+    }
+
+    .md\:dark\:focus\:to-gray-700:focus {
+      --gradient-to-color: #374151;
+    }
+
+    .md\:dark\:focus\:to-gray-800:focus {
+      --gradient-to-color: #252f3f;
+    }
+
+    .md\:dark\:focus\:to-gray-900:focus {
+      --gradient-to-color: #161e2e;
+    }
+
+    .md\:dark\:focus\:to-red-50:focus {
+      --gradient-to-color: #fdf2f2;
+    }
+
+    .md\:dark\:focus\:to-red-100:focus {
+      --gradient-to-color: #fde8e8;
+    }
+
+    .md\:dark\:focus\:to-red-200:focus {
+      --gradient-to-color: #fbd5d5;
+    }
+
+    .md\:dark\:focus\:to-red-300:focus {
+      --gradient-to-color: #f8b4b4;
+    }
+
+    .md\:dark\:focus\:to-red-400:focus {
+      --gradient-to-color: #f98080;
+    }
+
+    .md\:dark\:focus\:to-red-500:focus {
+      --gradient-to-color: #f05252;
+    }
+
+    .md\:dark\:focus\:to-red-600:focus {
+      --gradient-to-color: #e02424;
+    }
+
+    .md\:dark\:focus\:to-red-700:focus {
+      --gradient-to-color: #c81e1e;
+    }
+
+    .md\:dark\:focus\:to-red-800:focus {
+      --gradient-to-color: #9b1c1c;
+    }
+
+    .md\:dark\:focus\:to-red-900:focus {
+      --gradient-to-color: #771d1d;
+    }
+
+    .md\:dark\:focus\:to-orange-50:focus {
+      --gradient-to-color: #fff8f1;
+    }
+
+    .md\:dark\:focus\:to-orange-100:focus {
+      --gradient-to-color: #feecdc;
+    }
+
+    .md\:dark\:focus\:to-orange-200:focus {
+      --gradient-to-color: #fcd9bd;
+    }
+
+    .md\:dark\:focus\:to-orange-300:focus {
+      --gradient-to-color: #fdba8c;
+    }
+
+    .md\:dark\:focus\:to-orange-400:focus {
+      --gradient-to-color: #ff8a4c;
+    }
+
+    .md\:dark\:focus\:to-orange-500:focus {
+      --gradient-to-color: #ff5a1f;
+    }
+
+    .md\:dark\:focus\:to-orange-600:focus {
+      --gradient-to-color: #d03801;
+    }
+
+    .md\:dark\:focus\:to-orange-700:focus {
+      --gradient-to-color: #b43403;
+    }
+
+    .md\:dark\:focus\:to-orange-800:focus {
+      --gradient-to-color: #8a2c0d;
+    }
+
+    .md\:dark\:focus\:to-orange-900:focus {
+      --gradient-to-color: #73230d;
+    }
+
+    .md\:dark\:focus\:to-yellow-50:focus {
+      --gradient-to-color: #fdfdea;
+    }
+
+    .md\:dark\:focus\:to-yellow-100:focus {
+      --gradient-to-color: #fdf6b2;
+    }
+
+    .md\:dark\:focus\:to-yellow-200:focus {
+      --gradient-to-color: #fce96a;
+    }
+
+    .md\:dark\:focus\:to-yellow-300:focus {
+      --gradient-to-color: #faca15;
+    }
+
+    .md\:dark\:focus\:to-yellow-400:focus {
+      --gradient-to-color: #e3a008;
+    }
+
+    .md\:dark\:focus\:to-yellow-500:focus {
+      --gradient-to-color: #c27803;
+    }
+
+    .md\:dark\:focus\:to-yellow-600:focus {
+      --gradient-to-color: #9f580a;
+    }
+
+    .md\:dark\:focus\:to-yellow-700:focus {
+      --gradient-to-color: #8e4b10;
+    }
+
+    .md\:dark\:focus\:to-yellow-800:focus {
+      --gradient-to-color: #723b13;
+    }
+
+    .md\:dark\:focus\:to-yellow-900:focus {
+      --gradient-to-color: #633112;
+    }
+
+    .md\:dark\:focus\:to-green-50:focus {
+      --gradient-to-color: #f3faf7;
+    }
+
+    .md\:dark\:focus\:to-green-100:focus {
+      --gradient-to-color: #def7ec;
+    }
+
+    .md\:dark\:focus\:to-green-200:focus {
+      --gradient-to-color: #bcf0da;
+    }
+
+    .md\:dark\:focus\:to-green-300:focus {
+      --gradient-to-color: #84e1bc;
+    }
+
+    .md\:dark\:focus\:to-green-400:focus {
+      --gradient-to-color: #31c48d;
+    }
+
+    .md\:dark\:focus\:to-green-500:focus {
+      --gradient-to-color: #0e9f6e;
+    }
+
+    .md\:dark\:focus\:to-green-600:focus {
+      --gradient-to-color: #057a55;
+    }
+
+    .md\:dark\:focus\:to-green-700:focus {
+      --gradient-to-color: #046c4e;
+    }
+
+    .md\:dark\:focus\:to-green-800:focus {
+      --gradient-to-color: #03543f;
+    }
+
+    .md\:dark\:focus\:to-green-900:focus {
+      --gradient-to-color: #014737;
+    }
+
+    .md\:dark\:focus\:to-teal-50:focus {
+      --gradient-to-color: #edfafa;
+    }
+
+    .md\:dark\:focus\:to-teal-100:focus {
+      --gradient-to-color: #d5f5f6;
+    }
+
+    .md\:dark\:focus\:to-teal-200:focus {
+      --gradient-to-color: #afecef;
+    }
+
+    .md\:dark\:focus\:to-teal-300:focus {
+      --gradient-to-color: #7edce2;
+    }
+
+    .md\:dark\:focus\:to-teal-400:focus {
+      --gradient-to-color: #16bdca;
+    }
+
+    .md\:dark\:focus\:to-teal-500:focus {
+      --gradient-to-color: #0694a2;
+    }
+
+    .md\:dark\:focus\:to-teal-600:focus {
+      --gradient-to-color: #047481;
+    }
+
+    .md\:dark\:focus\:to-teal-700:focus {
+      --gradient-to-color: #036672;
+    }
+
+    .md\:dark\:focus\:to-teal-800:focus {
+      --gradient-to-color: #05505c;
+    }
+
+    .md\:dark\:focus\:to-teal-900:focus {
+      --gradient-to-color: #014451;
+    }
+
+    .md\:dark\:focus\:to-blue-50:focus {
+      --gradient-to-color: #ebf5ff;
+    }
+
+    .md\:dark\:focus\:to-blue-100:focus {
+      --gradient-to-color: #e1effe;
+    }
+
+    .md\:dark\:focus\:to-blue-200:focus {
+      --gradient-to-color: #c3ddfd;
+    }
+
+    .md\:dark\:focus\:to-blue-300:focus {
+      --gradient-to-color: #a4cafe;
+    }
+
+    .md\:dark\:focus\:to-blue-400:focus {
+      --gradient-to-color: #76a9fa;
+    }
+
+    .md\:dark\:focus\:to-blue-500:focus {
+      --gradient-to-color: #3f83f8;
+    }
+
+    .md\:dark\:focus\:to-blue-600:focus {
+      --gradient-to-color: #1c64f2;
+    }
+
+    .md\:dark\:focus\:to-blue-700:focus {
+      --gradient-to-color: #1a56db;
+    }
+
+    .md\:dark\:focus\:to-blue-800:focus {
+      --gradient-to-color: #1e429f;
+    }
+
+    .md\:dark\:focus\:to-blue-900:focus {
+      --gradient-to-color: #233876;
+    }
+
+    .md\:dark\:focus\:to-indigo-50:focus {
+      --gradient-to-color: #f0f5ff;
+    }
+
+    .md\:dark\:focus\:to-indigo-100:focus {
+      --gradient-to-color: #e5edff;
+    }
+
+    .md\:dark\:focus\:to-indigo-200:focus {
+      --gradient-to-color: #cddbfe;
+    }
+
+    .md\:dark\:focus\:to-indigo-300:focus {
+      --gradient-to-color: #b4c6fc;
+    }
+
+    .md\:dark\:focus\:to-indigo-400:focus {
+      --gradient-to-color: #8da2fb;
+    }
+
+    .md\:dark\:focus\:to-indigo-500:focus {
+      --gradient-to-color: #6875f5;
+    }
+
+    .md\:dark\:focus\:to-indigo-600:focus {
+      --gradient-to-color: #5850ec;
+    }
+
+    .md\:dark\:focus\:to-indigo-700:focus {
+      --gradient-to-color: #5145cd;
+    }
+
+    .md\:dark\:focus\:to-indigo-800:focus {
+      --gradient-to-color: #42389d;
+    }
+
+    .md\:dark\:focus\:to-indigo-900:focus {
+      --gradient-to-color: #362f78;
+    }
+
+    .md\:dark\:focus\:to-purple-50:focus {
+      --gradient-to-color: #f6f5ff;
+    }
+
+    .md\:dark\:focus\:to-purple-100:focus {
+      --gradient-to-color: #edebfe;
+    }
+
+    .md\:dark\:focus\:to-purple-200:focus {
+      --gradient-to-color: #dcd7fe;
+    }
+
+    .md\:dark\:focus\:to-purple-300:focus {
+      --gradient-to-color: #cabffd;
+    }
+
+    .md\:dark\:focus\:to-purple-400:focus {
+      --gradient-to-color: #ac94fa;
+    }
+
+    .md\:dark\:focus\:to-purple-500:focus {
+      --gradient-to-color: #9061f9;
+    }
+
+    .md\:dark\:focus\:to-purple-600:focus {
+      --gradient-to-color: #7e3af2;
+    }
+
+    .md\:dark\:focus\:to-purple-700:focus {
+      --gradient-to-color: #6c2bd9;
+    }
+
+    .md\:dark\:focus\:to-purple-800:focus {
+      --gradient-to-color: #5521b5;
+    }
+
+    .md\:dark\:focus\:to-purple-900:focus {
+      --gradient-to-color: #4a1d96;
+    }
+
+    .md\:dark\:focus\:to-pink-50:focus {
+      --gradient-to-color: #fdf2f8;
+    }
+
+    .md\:dark\:focus\:to-pink-100:focus {
+      --gradient-to-color: #fce8f3;
+    }
+
+    .md\:dark\:focus\:to-pink-200:focus {
+      --gradient-to-color: #fad1e8;
+    }
+
+    .md\:dark\:focus\:to-pink-300:focus {
+      --gradient-to-color: #f8b4d9;
+    }
+
+    .md\:dark\:focus\:to-pink-400:focus {
+      --gradient-to-color: #f17eb8;
+    }
+
+    .md\:dark\:focus\:to-pink-500:focus {
+      --gradient-to-color: #e74694;
+    }
+
+    .md\:dark\:focus\:to-pink-600:focus {
+      --gradient-to-color: #d61f69;
+    }
+
+    .md\:dark\:focus\:to-pink-700:focus {
+      --gradient-to-color: #bf125d;
+    }
+
+    .md\:dark\:focus\:to-pink-800:focus {
+      --gradient-to-color: #99154b;
+    }
+
+    .md\:dark\:focus\:to-pink-900:focus {
+      --gradient-to-color: #751a3d;
+    }
+  }
+
   .md\:bg-opacity-0 {
     --bg-opacity: 0;
   }
@@ -70219,6 +100713,1868 @@ video {
     border-color: rgba(117, 26, 61, var(--border-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .md\:dark\:border-transparent {
+      border-color: transparent;
+    }
+
+    .md\:dark\:border-current {
+      border-color: currentColor;
+    }
+
+    .md\:dark\:border-black {
+      --border-opacity: 1;
+      border-color: #000000;
+      border-color: rgba(0, 0, 0, var(--border-opacity));
+    }
+
+    .md\:dark\:border-white {
+      --border-opacity: 1;
+      border-color: #ffffff;
+      border-color: rgba(255, 255, 255, var(--border-opacity));
+    }
+
+    .md\:dark\:border-gray-50 {
+      --border-opacity: 1;
+      border-color: #f9fafb;
+      border-color: rgba(249, 250, 251, var(--border-opacity));
+    }
+
+    .md\:dark\:border-gray-100 {
+      --border-opacity: 1;
+      border-color: #f4f5f7;
+      border-color: rgba(244, 245, 247, var(--border-opacity));
+    }
+
+    .md\:dark\:border-gray-200 {
+      --border-opacity: 1;
+      border-color: #e5e7eb;
+      border-color: rgba(229, 231, 235, var(--border-opacity));
+    }
+
+    .md\:dark\:border-gray-300 {
+      --border-opacity: 1;
+      border-color: #d2d6dc;
+      border-color: rgba(210, 214, 220, var(--border-opacity));
+    }
+
+    .md\:dark\:border-gray-400 {
+      --border-opacity: 1;
+      border-color: #9fa6b2;
+      border-color: rgba(159, 166, 178, var(--border-opacity));
+    }
+
+    .md\:dark\:border-gray-500 {
+      --border-opacity: 1;
+      border-color: #6b7280;
+      border-color: rgba(107, 114, 128, var(--border-opacity));
+    }
+
+    .md\:dark\:border-gray-600 {
+      --border-opacity: 1;
+      border-color: #4b5563;
+      border-color: rgba(75, 85, 99, var(--border-opacity));
+    }
+
+    .md\:dark\:border-gray-700 {
+      --border-opacity: 1;
+      border-color: #374151;
+      border-color: rgba(55, 65, 81, var(--border-opacity));
+    }
+
+    .md\:dark\:border-gray-800 {
+      --border-opacity: 1;
+      border-color: #252f3f;
+      border-color: rgba(37, 47, 63, var(--border-opacity));
+    }
+
+    .md\:dark\:border-gray-900 {
+      --border-opacity: 1;
+      border-color: #161e2e;
+      border-color: rgba(22, 30, 46, var(--border-opacity));
+    }
+
+    .md\:dark\:border-red-50 {
+      --border-opacity: 1;
+      border-color: #fdf2f2;
+      border-color: rgba(253, 242, 242, var(--border-opacity));
+    }
+
+    .md\:dark\:border-red-100 {
+      --border-opacity: 1;
+      border-color: #fde8e8;
+      border-color: rgba(253, 232, 232, var(--border-opacity));
+    }
+
+    .md\:dark\:border-red-200 {
+      --border-opacity: 1;
+      border-color: #fbd5d5;
+      border-color: rgba(251, 213, 213, var(--border-opacity));
+    }
+
+    .md\:dark\:border-red-300 {
+      --border-opacity: 1;
+      border-color: #f8b4b4;
+      border-color: rgba(248, 180, 180, var(--border-opacity));
+    }
+
+    .md\:dark\:border-red-400 {
+      --border-opacity: 1;
+      border-color: #f98080;
+      border-color: rgba(249, 128, 128, var(--border-opacity));
+    }
+
+    .md\:dark\:border-red-500 {
+      --border-opacity: 1;
+      border-color: #f05252;
+      border-color: rgba(240, 82, 82, var(--border-opacity));
+    }
+
+    .md\:dark\:border-red-600 {
+      --border-opacity: 1;
+      border-color: #e02424;
+      border-color: rgba(224, 36, 36, var(--border-opacity));
+    }
+
+    .md\:dark\:border-red-700 {
+      --border-opacity: 1;
+      border-color: #c81e1e;
+      border-color: rgba(200, 30, 30, var(--border-opacity));
+    }
+
+    .md\:dark\:border-red-800 {
+      --border-opacity: 1;
+      border-color: #9b1c1c;
+      border-color: rgba(155, 28, 28, var(--border-opacity));
+    }
+
+    .md\:dark\:border-red-900 {
+      --border-opacity: 1;
+      border-color: #771d1d;
+      border-color: rgba(119, 29, 29, var(--border-opacity));
+    }
+
+    .md\:dark\:border-orange-50 {
+      --border-opacity: 1;
+      border-color: #fff8f1;
+      border-color: rgba(255, 248, 241, var(--border-opacity));
+    }
+
+    .md\:dark\:border-orange-100 {
+      --border-opacity: 1;
+      border-color: #feecdc;
+      border-color: rgba(254, 236, 220, var(--border-opacity));
+    }
+
+    .md\:dark\:border-orange-200 {
+      --border-opacity: 1;
+      border-color: #fcd9bd;
+      border-color: rgba(252, 217, 189, var(--border-opacity));
+    }
+
+    .md\:dark\:border-orange-300 {
+      --border-opacity: 1;
+      border-color: #fdba8c;
+      border-color: rgba(253, 186, 140, var(--border-opacity));
+    }
+
+    .md\:dark\:border-orange-400 {
+      --border-opacity: 1;
+      border-color: #ff8a4c;
+      border-color: rgba(255, 138, 76, var(--border-opacity));
+    }
+
+    .md\:dark\:border-orange-500 {
+      --border-opacity: 1;
+      border-color: #ff5a1f;
+      border-color: rgba(255, 90, 31, var(--border-opacity));
+    }
+
+    .md\:dark\:border-orange-600 {
+      --border-opacity: 1;
+      border-color: #d03801;
+      border-color: rgba(208, 56, 1, var(--border-opacity));
+    }
+
+    .md\:dark\:border-orange-700 {
+      --border-opacity: 1;
+      border-color: #b43403;
+      border-color: rgba(180, 52, 3, var(--border-opacity));
+    }
+
+    .md\:dark\:border-orange-800 {
+      --border-opacity: 1;
+      border-color: #8a2c0d;
+      border-color: rgba(138, 44, 13, var(--border-opacity));
+    }
+
+    .md\:dark\:border-orange-900 {
+      --border-opacity: 1;
+      border-color: #73230d;
+      border-color: rgba(115, 35, 13, var(--border-opacity));
+    }
+
+    .md\:dark\:border-yellow-50 {
+      --border-opacity: 1;
+      border-color: #fdfdea;
+      border-color: rgba(253, 253, 234, var(--border-opacity));
+    }
+
+    .md\:dark\:border-yellow-100 {
+      --border-opacity: 1;
+      border-color: #fdf6b2;
+      border-color: rgba(253, 246, 178, var(--border-opacity));
+    }
+
+    .md\:dark\:border-yellow-200 {
+      --border-opacity: 1;
+      border-color: #fce96a;
+      border-color: rgba(252, 233, 106, var(--border-opacity));
+    }
+
+    .md\:dark\:border-yellow-300 {
+      --border-opacity: 1;
+      border-color: #faca15;
+      border-color: rgba(250, 202, 21, var(--border-opacity));
+    }
+
+    .md\:dark\:border-yellow-400 {
+      --border-opacity: 1;
+      border-color: #e3a008;
+      border-color: rgba(227, 160, 8, var(--border-opacity));
+    }
+
+    .md\:dark\:border-yellow-500 {
+      --border-opacity: 1;
+      border-color: #c27803;
+      border-color: rgba(194, 120, 3, var(--border-opacity));
+    }
+
+    .md\:dark\:border-yellow-600 {
+      --border-opacity: 1;
+      border-color: #9f580a;
+      border-color: rgba(159, 88, 10, var(--border-opacity));
+    }
+
+    .md\:dark\:border-yellow-700 {
+      --border-opacity: 1;
+      border-color: #8e4b10;
+      border-color: rgba(142, 75, 16, var(--border-opacity));
+    }
+
+    .md\:dark\:border-yellow-800 {
+      --border-opacity: 1;
+      border-color: #723b13;
+      border-color: rgba(114, 59, 19, var(--border-opacity));
+    }
+
+    .md\:dark\:border-yellow-900 {
+      --border-opacity: 1;
+      border-color: #633112;
+      border-color: rgba(99, 49, 18, var(--border-opacity));
+    }
+
+    .md\:dark\:border-green-50 {
+      --border-opacity: 1;
+      border-color: #f3faf7;
+      border-color: rgba(243, 250, 247, var(--border-opacity));
+    }
+
+    .md\:dark\:border-green-100 {
+      --border-opacity: 1;
+      border-color: #def7ec;
+      border-color: rgba(222, 247, 236, var(--border-opacity));
+    }
+
+    .md\:dark\:border-green-200 {
+      --border-opacity: 1;
+      border-color: #bcf0da;
+      border-color: rgba(188, 240, 218, var(--border-opacity));
+    }
+
+    .md\:dark\:border-green-300 {
+      --border-opacity: 1;
+      border-color: #84e1bc;
+      border-color: rgba(132, 225, 188, var(--border-opacity));
+    }
+
+    .md\:dark\:border-green-400 {
+      --border-opacity: 1;
+      border-color: #31c48d;
+      border-color: rgba(49, 196, 141, var(--border-opacity));
+    }
+
+    .md\:dark\:border-green-500 {
+      --border-opacity: 1;
+      border-color: #0e9f6e;
+      border-color: rgba(14, 159, 110, var(--border-opacity));
+    }
+
+    .md\:dark\:border-green-600 {
+      --border-opacity: 1;
+      border-color: #057a55;
+      border-color: rgba(5, 122, 85, var(--border-opacity));
+    }
+
+    .md\:dark\:border-green-700 {
+      --border-opacity: 1;
+      border-color: #046c4e;
+      border-color: rgba(4, 108, 78, var(--border-opacity));
+    }
+
+    .md\:dark\:border-green-800 {
+      --border-opacity: 1;
+      border-color: #03543f;
+      border-color: rgba(3, 84, 63, var(--border-opacity));
+    }
+
+    .md\:dark\:border-green-900 {
+      --border-opacity: 1;
+      border-color: #014737;
+      border-color: rgba(1, 71, 55, var(--border-opacity));
+    }
+
+    .md\:dark\:border-teal-50 {
+      --border-opacity: 1;
+      border-color: #edfafa;
+      border-color: rgba(237, 250, 250, var(--border-opacity));
+    }
+
+    .md\:dark\:border-teal-100 {
+      --border-opacity: 1;
+      border-color: #d5f5f6;
+      border-color: rgba(213, 245, 246, var(--border-opacity));
+    }
+
+    .md\:dark\:border-teal-200 {
+      --border-opacity: 1;
+      border-color: #afecef;
+      border-color: rgba(175, 236, 239, var(--border-opacity));
+    }
+
+    .md\:dark\:border-teal-300 {
+      --border-opacity: 1;
+      border-color: #7edce2;
+      border-color: rgba(126, 220, 226, var(--border-opacity));
+    }
+
+    .md\:dark\:border-teal-400 {
+      --border-opacity: 1;
+      border-color: #16bdca;
+      border-color: rgba(22, 189, 202, var(--border-opacity));
+    }
+
+    .md\:dark\:border-teal-500 {
+      --border-opacity: 1;
+      border-color: #0694a2;
+      border-color: rgba(6, 148, 162, var(--border-opacity));
+    }
+
+    .md\:dark\:border-teal-600 {
+      --border-opacity: 1;
+      border-color: #047481;
+      border-color: rgba(4, 116, 129, var(--border-opacity));
+    }
+
+    .md\:dark\:border-teal-700 {
+      --border-opacity: 1;
+      border-color: #036672;
+      border-color: rgba(3, 102, 114, var(--border-opacity));
+    }
+
+    .md\:dark\:border-teal-800 {
+      --border-opacity: 1;
+      border-color: #05505c;
+      border-color: rgba(5, 80, 92, var(--border-opacity));
+    }
+
+    .md\:dark\:border-teal-900 {
+      --border-opacity: 1;
+      border-color: #014451;
+      border-color: rgba(1, 68, 81, var(--border-opacity));
+    }
+
+    .md\:dark\:border-blue-50 {
+      --border-opacity: 1;
+      border-color: #ebf5ff;
+      border-color: rgba(235, 245, 255, var(--border-opacity));
+    }
+
+    .md\:dark\:border-blue-100 {
+      --border-opacity: 1;
+      border-color: #e1effe;
+      border-color: rgba(225, 239, 254, var(--border-opacity));
+    }
+
+    .md\:dark\:border-blue-200 {
+      --border-opacity: 1;
+      border-color: #c3ddfd;
+      border-color: rgba(195, 221, 253, var(--border-opacity));
+    }
+
+    .md\:dark\:border-blue-300 {
+      --border-opacity: 1;
+      border-color: #a4cafe;
+      border-color: rgba(164, 202, 254, var(--border-opacity));
+    }
+
+    .md\:dark\:border-blue-400 {
+      --border-opacity: 1;
+      border-color: #76a9fa;
+      border-color: rgba(118, 169, 250, var(--border-opacity));
+    }
+
+    .md\:dark\:border-blue-500 {
+      --border-opacity: 1;
+      border-color: #3f83f8;
+      border-color: rgba(63, 131, 248, var(--border-opacity));
+    }
+
+    .md\:dark\:border-blue-600 {
+      --border-opacity: 1;
+      border-color: #1c64f2;
+      border-color: rgba(28, 100, 242, var(--border-opacity));
+    }
+
+    .md\:dark\:border-blue-700 {
+      --border-opacity: 1;
+      border-color: #1a56db;
+      border-color: rgba(26, 86, 219, var(--border-opacity));
+    }
+
+    .md\:dark\:border-blue-800 {
+      --border-opacity: 1;
+      border-color: #1e429f;
+      border-color: rgba(30, 66, 159, var(--border-opacity));
+    }
+
+    .md\:dark\:border-blue-900 {
+      --border-opacity: 1;
+      border-color: #233876;
+      border-color: rgba(35, 56, 118, var(--border-opacity));
+    }
+
+    .md\:dark\:border-indigo-50 {
+      --border-opacity: 1;
+      border-color: #f0f5ff;
+      border-color: rgba(240, 245, 255, var(--border-opacity));
+    }
+
+    .md\:dark\:border-indigo-100 {
+      --border-opacity: 1;
+      border-color: #e5edff;
+      border-color: rgba(229, 237, 255, var(--border-opacity));
+    }
+
+    .md\:dark\:border-indigo-200 {
+      --border-opacity: 1;
+      border-color: #cddbfe;
+      border-color: rgba(205, 219, 254, var(--border-opacity));
+    }
+
+    .md\:dark\:border-indigo-300 {
+      --border-opacity: 1;
+      border-color: #b4c6fc;
+      border-color: rgba(180, 198, 252, var(--border-opacity));
+    }
+
+    .md\:dark\:border-indigo-400 {
+      --border-opacity: 1;
+      border-color: #8da2fb;
+      border-color: rgba(141, 162, 251, var(--border-opacity));
+    }
+
+    .md\:dark\:border-indigo-500 {
+      --border-opacity: 1;
+      border-color: #6875f5;
+      border-color: rgba(104, 117, 245, var(--border-opacity));
+    }
+
+    .md\:dark\:border-indigo-600 {
+      --border-opacity: 1;
+      border-color: #5850ec;
+      border-color: rgba(88, 80, 236, var(--border-opacity));
+    }
+
+    .md\:dark\:border-indigo-700 {
+      --border-opacity: 1;
+      border-color: #5145cd;
+      border-color: rgba(81, 69, 205, var(--border-opacity));
+    }
+
+    .md\:dark\:border-indigo-800 {
+      --border-opacity: 1;
+      border-color: #42389d;
+      border-color: rgba(66, 56, 157, var(--border-opacity));
+    }
+
+    .md\:dark\:border-indigo-900 {
+      --border-opacity: 1;
+      border-color: #362f78;
+      border-color: rgba(54, 47, 120, var(--border-opacity));
+    }
+
+    .md\:dark\:border-purple-50 {
+      --border-opacity: 1;
+      border-color: #f6f5ff;
+      border-color: rgba(246, 245, 255, var(--border-opacity));
+    }
+
+    .md\:dark\:border-purple-100 {
+      --border-opacity: 1;
+      border-color: #edebfe;
+      border-color: rgba(237, 235, 254, var(--border-opacity));
+    }
+
+    .md\:dark\:border-purple-200 {
+      --border-opacity: 1;
+      border-color: #dcd7fe;
+      border-color: rgba(220, 215, 254, var(--border-opacity));
+    }
+
+    .md\:dark\:border-purple-300 {
+      --border-opacity: 1;
+      border-color: #cabffd;
+      border-color: rgba(202, 191, 253, var(--border-opacity));
+    }
+
+    .md\:dark\:border-purple-400 {
+      --border-opacity: 1;
+      border-color: #ac94fa;
+      border-color: rgba(172, 148, 250, var(--border-opacity));
+    }
+
+    .md\:dark\:border-purple-500 {
+      --border-opacity: 1;
+      border-color: #9061f9;
+      border-color: rgba(144, 97, 249, var(--border-opacity));
+    }
+
+    .md\:dark\:border-purple-600 {
+      --border-opacity: 1;
+      border-color: #7e3af2;
+      border-color: rgba(126, 58, 242, var(--border-opacity));
+    }
+
+    .md\:dark\:border-purple-700 {
+      --border-opacity: 1;
+      border-color: #6c2bd9;
+      border-color: rgba(108, 43, 217, var(--border-opacity));
+    }
+
+    .md\:dark\:border-purple-800 {
+      --border-opacity: 1;
+      border-color: #5521b5;
+      border-color: rgba(85, 33, 181, var(--border-opacity));
+    }
+
+    .md\:dark\:border-purple-900 {
+      --border-opacity: 1;
+      border-color: #4a1d96;
+      border-color: rgba(74, 29, 150, var(--border-opacity));
+    }
+
+    .md\:dark\:border-pink-50 {
+      --border-opacity: 1;
+      border-color: #fdf2f8;
+      border-color: rgba(253, 242, 248, var(--border-opacity));
+    }
+
+    .md\:dark\:border-pink-100 {
+      --border-opacity: 1;
+      border-color: #fce8f3;
+      border-color: rgba(252, 232, 243, var(--border-opacity));
+    }
+
+    .md\:dark\:border-pink-200 {
+      --border-opacity: 1;
+      border-color: #fad1e8;
+      border-color: rgba(250, 209, 232, var(--border-opacity));
+    }
+
+    .md\:dark\:border-pink-300 {
+      --border-opacity: 1;
+      border-color: #f8b4d9;
+      border-color: rgba(248, 180, 217, var(--border-opacity));
+    }
+
+    .md\:dark\:border-pink-400 {
+      --border-opacity: 1;
+      border-color: #f17eb8;
+      border-color: rgba(241, 126, 184, var(--border-opacity));
+    }
+
+    .md\:dark\:border-pink-500 {
+      --border-opacity: 1;
+      border-color: #e74694;
+      border-color: rgba(231, 70, 148, var(--border-opacity));
+    }
+
+    .md\:dark\:border-pink-600 {
+      --border-opacity: 1;
+      border-color: #d61f69;
+      border-color: rgba(214, 31, 105, var(--border-opacity));
+    }
+
+    .md\:dark\:border-pink-700 {
+      --border-opacity: 1;
+      border-color: #bf125d;
+      border-color: rgba(191, 18, 93, var(--border-opacity));
+    }
+
+    .md\:dark\:border-pink-800 {
+      --border-opacity: 1;
+      border-color: #99154b;
+      border-color: rgba(153, 21, 75, var(--border-opacity));
+    }
+
+    .md\:dark\:border-pink-900 {
+      --border-opacity: 1;
+      border-color: #751a3d;
+      border-color: rgba(117, 26, 61, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-transparent:hover {
+      border-color: transparent;
+    }
+
+    .md\:dark\:hover\:border-current:hover {
+      border-color: currentColor;
+    }
+
+    .md\:dark\:hover\:border-black:hover {
+      --border-opacity: 1;
+      border-color: #000000;
+      border-color: rgba(0, 0, 0, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-white:hover {
+      --border-opacity: 1;
+      border-color: #ffffff;
+      border-color: rgba(255, 255, 255, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-gray-50:hover {
+      --border-opacity: 1;
+      border-color: #f9fafb;
+      border-color: rgba(249, 250, 251, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-gray-100:hover {
+      --border-opacity: 1;
+      border-color: #f4f5f7;
+      border-color: rgba(244, 245, 247, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-gray-200:hover {
+      --border-opacity: 1;
+      border-color: #e5e7eb;
+      border-color: rgba(229, 231, 235, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-gray-300:hover {
+      --border-opacity: 1;
+      border-color: #d2d6dc;
+      border-color: rgba(210, 214, 220, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-gray-400:hover {
+      --border-opacity: 1;
+      border-color: #9fa6b2;
+      border-color: rgba(159, 166, 178, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-gray-500:hover {
+      --border-opacity: 1;
+      border-color: #6b7280;
+      border-color: rgba(107, 114, 128, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-gray-600:hover {
+      --border-opacity: 1;
+      border-color: #4b5563;
+      border-color: rgba(75, 85, 99, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-gray-700:hover {
+      --border-opacity: 1;
+      border-color: #374151;
+      border-color: rgba(55, 65, 81, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-gray-800:hover {
+      --border-opacity: 1;
+      border-color: #252f3f;
+      border-color: rgba(37, 47, 63, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-gray-900:hover {
+      --border-opacity: 1;
+      border-color: #161e2e;
+      border-color: rgba(22, 30, 46, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-red-50:hover {
+      --border-opacity: 1;
+      border-color: #fdf2f2;
+      border-color: rgba(253, 242, 242, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-red-100:hover {
+      --border-opacity: 1;
+      border-color: #fde8e8;
+      border-color: rgba(253, 232, 232, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-red-200:hover {
+      --border-opacity: 1;
+      border-color: #fbd5d5;
+      border-color: rgba(251, 213, 213, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-red-300:hover {
+      --border-opacity: 1;
+      border-color: #f8b4b4;
+      border-color: rgba(248, 180, 180, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-red-400:hover {
+      --border-opacity: 1;
+      border-color: #f98080;
+      border-color: rgba(249, 128, 128, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-red-500:hover {
+      --border-opacity: 1;
+      border-color: #f05252;
+      border-color: rgba(240, 82, 82, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-red-600:hover {
+      --border-opacity: 1;
+      border-color: #e02424;
+      border-color: rgba(224, 36, 36, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-red-700:hover {
+      --border-opacity: 1;
+      border-color: #c81e1e;
+      border-color: rgba(200, 30, 30, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-red-800:hover {
+      --border-opacity: 1;
+      border-color: #9b1c1c;
+      border-color: rgba(155, 28, 28, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-red-900:hover {
+      --border-opacity: 1;
+      border-color: #771d1d;
+      border-color: rgba(119, 29, 29, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-orange-50:hover {
+      --border-opacity: 1;
+      border-color: #fff8f1;
+      border-color: rgba(255, 248, 241, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-orange-100:hover {
+      --border-opacity: 1;
+      border-color: #feecdc;
+      border-color: rgba(254, 236, 220, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-orange-200:hover {
+      --border-opacity: 1;
+      border-color: #fcd9bd;
+      border-color: rgba(252, 217, 189, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-orange-300:hover {
+      --border-opacity: 1;
+      border-color: #fdba8c;
+      border-color: rgba(253, 186, 140, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-orange-400:hover {
+      --border-opacity: 1;
+      border-color: #ff8a4c;
+      border-color: rgba(255, 138, 76, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-orange-500:hover {
+      --border-opacity: 1;
+      border-color: #ff5a1f;
+      border-color: rgba(255, 90, 31, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-orange-600:hover {
+      --border-opacity: 1;
+      border-color: #d03801;
+      border-color: rgba(208, 56, 1, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-orange-700:hover {
+      --border-opacity: 1;
+      border-color: #b43403;
+      border-color: rgba(180, 52, 3, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-orange-800:hover {
+      --border-opacity: 1;
+      border-color: #8a2c0d;
+      border-color: rgba(138, 44, 13, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-orange-900:hover {
+      --border-opacity: 1;
+      border-color: #73230d;
+      border-color: rgba(115, 35, 13, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-yellow-50:hover {
+      --border-opacity: 1;
+      border-color: #fdfdea;
+      border-color: rgba(253, 253, 234, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-yellow-100:hover {
+      --border-opacity: 1;
+      border-color: #fdf6b2;
+      border-color: rgba(253, 246, 178, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-yellow-200:hover {
+      --border-opacity: 1;
+      border-color: #fce96a;
+      border-color: rgba(252, 233, 106, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-yellow-300:hover {
+      --border-opacity: 1;
+      border-color: #faca15;
+      border-color: rgba(250, 202, 21, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-yellow-400:hover {
+      --border-opacity: 1;
+      border-color: #e3a008;
+      border-color: rgba(227, 160, 8, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-yellow-500:hover {
+      --border-opacity: 1;
+      border-color: #c27803;
+      border-color: rgba(194, 120, 3, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-yellow-600:hover {
+      --border-opacity: 1;
+      border-color: #9f580a;
+      border-color: rgba(159, 88, 10, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-yellow-700:hover {
+      --border-opacity: 1;
+      border-color: #8e4b10;
+      border-color: rgba(142, 75, 16, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-yellow-800:hover {
+      --border-opacity: 1;
+      border-color: #723b13;
+      border-color: rgba(114, 59, 19, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-yellow-900:hover {
+      --border-opacity: 1;
+      border-color: #633112;
+      border-color: rgba(99, 49, 18, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-green-50:hover {
+      --border-opacity: 1;
+      border-color: #f3faf7;
+      border-color: rgba(243, 250, 247, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-green-100:hover {
+      --border-opacity: 1;
+      border-color: #def7ec;
+      border-color: rgba(222, 247, 236, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-green-200:hover {
+      --border-opacity: 1;
+      border-color: #bcf0da;
+      border-color: rgba(188, 240, 218, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-green-300:hover {
+      --border-opacity: 1;
+      border-color: #84e1bc;
+      border-color: rgba(132, 225, 188, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-green-400:hover {
+      --border-opacity: 1;
+      border-color: #31c48d;
+      border-color: rgba(49, 196, 141, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-green-500:hover {
+      --border-opacity: 1;
+      border-color: #0e9f6e;
+      border-color: rgba(14, 159, 110, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-green-600:hover {
+      --border-opacity: 1;
+      border-color: #057a55;
+      border-color: rgba(5, 122, 85, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-green-700:hover {
+      --border-opacity: 1;
+      border-color: #046c4e;
+      border-color: rgba(4, 108, 78, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-green-800:hover {
+      --border-opacity: 1;
+      border-color: #03543f;
+      border-color: rgba(3, 84, 63, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-green-900:hover {
+      --border-opacity: 1;
+      border-color: #014737;
+      border-color: rgba(1, 71, 55, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-teal-50:hover {
+      --border-opacity: 1;
+      border-color: #edfafa;
+      border-color: rgba(237, 250, 250, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-teal-100:hover {
+      --border-opacity: 1;
+      border-color: #d5f5f6;
+      border-color: rgba(213, 245, 246, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-teal-200:hover {
+      --border-opacity: 1;
+      border-color: #afecef;
+      border-color: rgba(175, 236, 239, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-teal-300:hover {
+      --border-opacity: 1;
+      border-color: #7edce2;
+      border-color: rgba(126, 220, 226, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-teal-400:hover {
+      --border-opacity: 1;
+      border-color: #16bdca;
+      border-color: rgba(22, 189, 202, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-teal-500:hover {
+      --border-opacity: 1;
+      border-color: #0694a2;
+      border-color: rgba(6, 148, 162, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-teal-600:hover {
+      --border-opacity: 1;
+      border-color: #047481;
+      border-color: rgba(4, 116, 129, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-teal-700:hover {
+      --border-opacity: 1;
+      border-color: #036672;
+      border-color: rgba(3, 102, 114, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-teal-800:hover {
+      --border-opacity: 1;
+      border-color: #05505c;
+      border-color: rgba(5, 80, 92, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-teal-900:hover {
+      --border-opacity: 1;
+      border-color: #014451;
+      border-color: rgba(1, 68, 81, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-blue-50:hover {
+      --border-opacity: 1;
+      border-color: #ebf5ff;
+      border-color: rgba(235, 245, 255, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-blue-100:hover {
+      --border-opacity: 1;
+      border-color: #e1effe;
+      border-color: rgba(225, 239, 254, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-blue-200:hover {
+      --border-opacity: 1;
+      border-color: #c3ddfd;
+      border-color: rgba(195, 221, 253, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-blue-300:hover {
+      --border-opacity: 1;
+      border-color: #a4cafe;
+      border-color: rgba(164, 202, 254, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-blue-400:hover {
+      --border-opacity: 1;
+      border-color: #76a9fa;
+      border-color: rgba(118, 169, 250, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-blue-500:hover {
+      --border-opacity: 1;
+      border-color: #3f83f8;
+      border-color: rgba(63, 131, 248, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-blue-600:hover {
+      --border-opacity: 1;
+      border-color: #1c64f2;
+      border-color: rgba(28, 100, 242, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-blue-700:hover {
+      --border-opacity: 1;
+      border-color: #1a56db;
+      border-color: rgba(26, 86, 219, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-blue-800:hover {
+      --border-opacity: 1;
+      border-color: #1e429f;
+      border-color: rgba(30, 66, 159, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-blue-900:hover {
+      --border-opacity: 1;
+      border-color: #233876;
+      border-color: rgba(35, 56, 118, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-indigo-50:hover {
+      --border-opacity: 1;
+      border-color: #f0f5ff;
+      border-color: rgba(240, 245, 255, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-indigo-100:hover {
+      --border-opacity: 1;
+      border-color: #e5edff;
+      border-color: rgba(229, 237, 255, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-indigo-200:hover {
+      --border-opacity: 1;
+      border-color: #cddbfe;
+      border-color: rgba(205, 219, 254, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-indigo-300:hover {
+      --border-opacity: 1;
+      border-color: #b4c6fc;
+      border-color: rgba(180, 198, 252, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-indigo-400:hover {
+      --border-opacity: 1;
+      border-color: #8da2fb;
+      border-color: rgba(141, 162, 251, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-indigo-500:hover {
+      --border-opacity: 1;
+      border-color: #6875f5;
+      border-color: rgba(104, 117, 245, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-indigo-600:hover {
+      --border-opacity: 1;
+      border-color: #5850ec;
+      border-color: rgba(88, 80, 236, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-indigo-700:hover {
+      --border-opacity: 1;
+      border-color: #5145cd;
+      border-color: rgba(81, 69, 205, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-indigo-800:hover {
+      --border-opacity: 1;
+      border-color: #42389d;
+      border-color: rgba(66, 56, 157, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-indigo-900:hover {
+      --border-opacity: 1;
+      border-color: #362f78;
+      border-color: rgba(54, 47, 120, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-purple-50:hover {
+      --border-opacity: 1;
+      border-color: #f6f5ff;
+      border-color: rgba(246, 245, 255, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-purple-100:hover {
+      --border-opacity: 1;
+      border-color: #edebfe;
+      border-color: rgba(237, 235, 254, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-purple-200:hover {
+      --border-opacity: 1;
+      border-color: #dcd7fe;
+      border-color: rgba(220, 215, 254, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-purple-300:hover {
+      --border-opacity: 1;
+      border-color: #cabffd;
+      border-color: rgba(202, 191, 253, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-purple-400:hover {
+      --border-opacity: 1;
+      border-color: #ac94fa;
+      border-color: rgba(172, 148, 250, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-purple-500:hover {
+      --border-opacity: 1;
+      border-color: #9061f9;
+      border-color: rgba(144, 97, 249, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-purple-600:hover {
+      --border-opacity: 1;
+      border-color: #7e3af2;
+      border-color: rgba(126, 58, 242, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-purple-700:hover {
+      --border-opacity: 1;
+      border-color: #6c2bd9;
+      border-color: rgba(108, 43, 217, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-purple-800:hover {
+      --border-opacity: 1;
+      border-color: #5521b5;
+      border-color: rgba(85, 33, 181, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-purple-900:hover {
+      --border-opacity: 1;
+      border-color: #4a1d96;
+      border-color: rgba(74, 29, 150, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-pink-50:hover {
+      --border-opacity: 1;
+      border-color: #fdf2f8;
+      border-color: rgba(253, 242, 248, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-pink-100:hover {
+      --border-opacity: 1;
+      border-color: #fce8f3;
+      border-color: rgba(252, 232, 243, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-pink-200:hover {
+      --border-opacity: 1;
+      border-color: #fad1e8;
+      border-color: rgba(250, 209, 232, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-pink-300:hover {
+      --border-opacity: 1;
+      border-color: #f8b4d9;
+      border-color: rgba(248, 180, 217, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-pink-400:hover {
+      --border-opacity: 1;
+      border-color: #f17eb8;
+      border-color: rgba(241, 126, 184, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-pink-500:hover {
+      --border-opacity: 1;
+      border-color: #e74694;
+      border-color: rgba(231, 70, 148, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-pink-600:hover {
+      --border-opacity: 1;
+      border-color: #d61f69;
+      border-color: rgba(214, 31, 105, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-pink-700:hover {
+      --border-opacity: 1;
+      border-color: #bf125d;
+      border-color: rgba(191, 18, 93, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-pink-800:hover {
+      --border-opacity: 1;
+      border-color: #99154b;
+      border-color: rgba(153, 21, 75, var(--border-opacity));
+    }
+
+    .md\:dark\:hover\:border-pink-900:hover {
+      --border-opacity: 1;
+      border-color: #751a3d;
+      border-color: rgba(117, 26, 61, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-transparent:focus {
+      border-color: transparent;
+    }
+
+    .md\:dark\:focus\:border-current:focus {
+      border-color: currentColor;
+    }
+
+    .md\:dark\:focus\:border-black:focus {
+      --border-opacity: 1;
+      border-color: #000000;
+      border-color: rgba(0, 0, 0, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-white:focus {
+      --border-opacity: 1;
+      border-color: #ffffff;
+      border-color: rgba(255, 255, 255, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-gray-50:focus {
+      --border-opacity: 1;
+      border-color: #f9fafb;
+      border-color: rgba(249, 250, 251, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-gray-100:focus {
+      --border-opacity: 1;
+      border-color: #f4f5f7;
+      border-color: rgba(244, 245, 247, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-gray-200:focus {
+      --border-opacity: 1;
+      border-color: #e5e7eb;
+      border-color: rgba(229, 231, 235, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-gray-300:focus {
+      --border-opacity: 1;
+      border-color: #d2d6dc;
+      border-color: rgba(210, 214, 220, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-gray-400:focus {
+      --border-opacity: 1;
+      border-color: #9fa6b2;
+      border-color: rgba(159, 166, 178, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-gray-500:focus {
+      --border-opacity: 1;
+      border-color: #6b7280;
+      border-color: rgba(107, 114, 128, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-gray-600:focus {
+      --border-opacity: 1;
+      border-color: #4b5563;
+      border-color: rgba(75, 85, 99, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-gray-700:focus {
+      --border-opacity: 1;
+      border-color: #374151;
+      border-color: rgba(55, 65, 81, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-gray-800:focus {
+      --border-opacity: 1;
+      border-color: #252f3f;
+      border-color: rgba(37, 47, 63, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-gray-900:focus {
+      --border-opacity: 1;
+      border-color: #161e2e;
+      border-color: rgba(22, 30, 46, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-red-50:focus {
+      --border-opacity: 1;
+      border-color: #fdf2f2;
+      border-color: rgba(253, 242, 242, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-red-100:focus {
+      --border-opacity: 1;
+      border-color: #fde8e8;
+      border-color: rgba(253, 232, 232, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-red-200:focus {
+      --border-opacity: 1;
+      border-color: #fbd5d5;
+      border-color: rgba(251, 213, 213, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-red-300:focus {
+      --border-opacity: 1;
+      border-color: #f8b4b4;
+      border-color: rgba(248, 180, 180, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-red-400:focus {
+      --border-opacity: 1;
+      border-color: #f98080;
+      border-color: rgba(249, 128, 128, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-red-500:focus {
+      --border-opacity: 1;
+      border-color: #f05252;
+      border-color: rgba(240, 82, 82, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-red-600:focus {
+      --border-opacity: 1;
+      border-color: #e02424;
+      border-color: rgba(224, 36, 36, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-red-700:focus {
+      --border-opacity: 1;
+      border-color: #c81e1e;
+      border-color: rgba(200, 30, 30, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-red-800:focus {
+      --border-opacity: 1;
+      border-color: #9b1c1c;
+      border-color: rgba(155, 28, 28, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-red-900:focus {
+      --border-opacity: 1;
+      border-color: #771d1d;
+      border-color: rgba(119, 29, 29, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-orange-50:focus {
+      --border-opacity: 1;
+      border-color: #fff8f1;
+      border-color: rgba(255, 248, 241, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-orange-100:focus {
+      --border-opacity: 1;
+      border-color: #feecdc;
+      border-color: rgba(254, 236, 220, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-orange-200:focus {
+      --border-opacity: 1;
+      border-color: #fcd9bd;
+      border-color: rgba(252, 217, 189, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-orange-300:focus {
+      --border-opacity: 1;
+      border-color: #fdba8c;
+      border-color: rgba(253, 186, 140, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-orange-400:focus {
+      --border-opacity: 1;
+      border-color: #ff8a4c;
+      border-color: rgba(255, 138, 76, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-orange-500:focus {
+      --border-opacity: 1;
+      border-color: #ff5a1f;
+      border-color: rgba(255, 90, 31, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-orange-600:focus {
+      --border-opacity: 1;
+      border-color: #d03801;
+      border-color: rgba(208, 56, 1, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-orange-700:focus {
+      --border-opacity: 1;
+      border-color: #b43403;
+      border-color: rgba(180, 52, 3, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-orange-800:focus {
+      --border-opacity: 1;
+      border-color: #8a2c0d;
+      border-color: rgba(138, 44, 13, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-orange-900:focus {
+      --border-opacity: 1;
+      border-color: #73230d;
+      border-color: rgba(115, 35, 13, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-yellow-50:focus {
+      --border-opacity: 1;
+      border-color: #fdfdea;
+      border-color: rgba(253, 253, 234, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-yellow-100:focus {
+      --border-opacity: 1;
+      border-color: #fdf6b2;
+      border-color: rgba(253, 246, 178, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-yellow-200:focus {
+      --border-opacity: 1;
+      border-color: #fce96a;
+      border-color: rgba(252, 233, 106, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-yellow-300:focus {
+      --border-opacity: 1;
+      border-color: #faca15;
+      border-color: rgba(250, 202, 21, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-yellow-400:focus {
+      --border-opacity: 1;
+      border-color: #e3a008;
+      border-color: rgba(227, 160, 8, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-yellow-500:focus {
+      --border-opacity: 1;
+      border-color: #c27803;
+      border-color: rgba(194, 120, 3, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-yellow-600:focus {
+      --border-opacity: 1;
+      border-color: #9f580a;
+      border-color: rgba(159, 88, 10, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-yellow-700:focus {
+      --border-opacity: 1;
+      border-color: #8e4b10;
+      border-color: rgba(142, 75, 16, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-yellow-800:focus {
+      --border-opacity: 1;
+      border-color: #723b13;
+      border-color: rgba(114, 59, 19, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-yellow-900:focus {
+      --border-opacity: 1;
+      border-color: #633112;
+      border-color: rgba(99, 49, 18, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-green-50:focus {
+      --border-opacity: 1;
+      border-color: #f3faf7;
+      border-color: rgba(243, 250, 247, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-green-100:focus {
+      --border-opacity: 1;
+      border-color: #def7ec;
+      border-color: rgba(222, 247, 236, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-green-200:focus {
+      --border-opacity: 1;
+      border-color: #bcf0da;
+      border-color: rgba(188, 240, 218, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-green-300:focus {
+      --border-opacity: 1;
+      border-color: #84e1bc;
+      border-color: rgba(132, 225, 188, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-green-400:focus {
+      --border-opacity: 1;
+      border-color: #31c48d;
+      border-color: rgba(49, 196, 141, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-green-500:focus {
+      --border-opacity: 1;
+      border-color: #0e9f6e;
+      border-color: rgba(14, 159, 110, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-green-600:focus {
+      --border-opacity: 1;
+      border-color: #057a55;
+      border-color: rgba(5, 122, 85, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-green-700:focus {
+      --border-opacity: 1;
+      border-color: #046c4e;
+      border-color: rgba(4, 108, 78, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-green-800:focus {
+      --border-opacity: 1;
+      border-color: #03543f;
+      border-color: rgba(3, 84, 63, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-green-900:focus {
+      --border-opacity: 1;
+      border-color: #014737;
+      border-color: rgba(1, 71, 55, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-teal-50:focus {
+      --border-opacity: 1;
+      border-color: #edfafa;
+      border-color: rgba(237, 250, 250, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-teal-100:focus {
+      --border-opacity: 1;
+      border-color: #d5f5f6;
+      border-color: rgba(213, 245, 246, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-teal-200:focus {
+      --border-opacity: 1;
+      border-color: #afecef;
+      border-color: rgba(175, 236, 239, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-teal-300:focus {
+      --border-opacity: 1;
+      border-color: #7edce2;
+      border-color: rgba(126, 220, 226, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-teal-400:focus {
+      --border-opacity: 1;
+      border-color: #16bdca;
+      border-color: rgba(22, 189, 202, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-teal-500:focus {
+      --border-opacity: 1;
+      border-color: #0694a2;
+      border-color: rgba(6, 148, 162, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-teal-600:focus {
+      --border-opacity: 1;
+      border-color: #047481;
+      border-color: rgba(4, 116, 129, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-teal-700:focus {
+      --border-opacity: 1;
+      border-color: #036672;
+      border-color: rgba(3, 102, 114, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-teal-800:focus {
+      --border-opacity: 1;
+      border-color: #05505c;
+      border-color: rgba(5, 80, 92, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-teal-900:focus {
+      --border-opacity: 1;
+      border-color: #014451;
+      border-color: rgba(1, 68, 81, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-blue-50:focus {
+      --border-opacity: 1;
+      border-color: #ebf5ff;
+      border-color: rgba(235, 245, 255, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-blue-100:focus {
+      --border-opacity: 1;
+      border-color: #e1effe;
+      border-color: rgba(225, 239, 254, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-blue-200:focus {
+      --border-opacity: 1;
+      border-color: #c3ddfd;
+      border-color: rgba(195, 221, 253, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-blue-300:focus {
+      --border-opacity: 1;
+      border-color: #a4cafe;
+      border-color: rgba(164, 202, 254, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-blue-400:focus {
+      --border-opacity: 1;
+      border-color: #76a9fa;
+      border-color: rgba(118, 169, 250, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-blue-500:focus {
+      --border-opacity: 1;
+      border-color: #3f83f8;
+      border-color: rgba(63, 131, 248, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-blue-600:focus {
+      --border-opacity: 1;
+      border-color: #1c64f2;
+      border-color: rgba(28, 100, 242, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-blue-700:focus {
+      --border-opacity: 1;
+      border-color: #1a56db;
+      border-color: rgba(26, 86, 219, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-blue-800:focus {
+      --border-opacity: 1;
+      border-color: #1e429f;
+      border-color: rgba(30, 66, 159, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-blue-900:focus {
+      --border-opacity: 1;
+      border-color: #233876;
+      border-color: rgba(35, 56, 118, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-indigo-50:focus {
+      --border-opacity: 1;
+      border-color: #f0f5ff;
+      border-color: rgba(240, 245, 255, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-indigo-100:focus {
+      --border-opacity: 1;
+      border-color: #e5edff;
+      border-color: rgba(229, 237, 255, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-indigo-200:focus {
+      --border-opacity: 1;
+      border-color: #cddbfe;
+      border-color: rgba(205, 219, 254, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-indigo-300:focus {
+      --border-opacity: 1;
+      border-color: #b4c6fc;
+      border-color: rgba(180, 198, 252, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-indigo-400:focus {
+      --border-opacity: 1;
+      border-color: #8da2fb;
+      border-color: rgba(141, 162, 251, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-indigo-500:focus {
+      --border-opacity: 1;
+      border-color: #6875f5;
+      border-color: rgba(104, 117, 245, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-indigo-600:focus {
+      --border-opacity: 1;
+      border-color: #5850ec;
+      border-color: rgba(88, 80, 236, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-indigo-700:focus {
+      --border-opacity: 1;
+      border-color: #5145cd;
+      border-color: rgba(81, 69, 205, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-indigo-800:focus {
+      --border-opacity: 1;
+      border-color: #42389d;
+      border-color: rgba(66, 56, 157, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-indigo-900:focus {
+      --border-opacity: 1;
+      border-color: #362f78;
+      border-color: rgba(54, 47, 120, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-purple-50:focus {
+      --border-opacity: 1;
+      border-color: #f6f5ff;
+      border-color: rgba(246, 245, 255, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-purple-100:focus {
+      --border-opacity: 1;
+      border-color: #edebfe;
+      border-color: rgba(237, 235, 254, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-purple-200:focus {
+      --border-opacity: 1;
+      border-color: #dcd7fe;
+      border-color: rgba(220, 215, 254, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-purple-300:focus {
+      --border-opacity: 1;
+      border-color: #cabffd;
+      border-color: rgba(202, 191, 253, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-purple-400:focus {
+      --border-opacity: 1;
+      border-color: #ac94fa;
+      border-color: rgba(172, 148, 250, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-purple-500:focus {
+      --border-opacity: 1;
+      border-color: #9061f9;
+      border-color: rgba(144, 97, 249, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-purple-600:focus {
+      --border-opacity: 1;
+      border-color: #7e3af2;
+      border-color: rgba(126, 58, 242, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-purple-700:focus {
+      --border-opacity: 1;
+      border-color: #6c2bd9;
+      border-color: rgba(108, 43, 217, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-purple-800:focus {
+      --border-opacity: 1;
+      border-color: #5521b5;
+      border-color: rgba(85, 33, 181, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-purple-900:focus {
+      --border-opacity: 1;
+      border-color: #4a1d96;
+      border-color: rgba(74, 29, 150, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-pink-50:focus {
+      --border-opacity: 1;
+      border-color: #fdf2f8;
+      border-color: rgba(253, 242, 248, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-pink-100:focus {
+      --border-opacity: 1;
+      border-color: #fce8f3;
+      border-color: rgba(252, 232, 243, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-pink-200:focus {
+      --border-opacity: 1;
+      border-color: #fad1e8;
+      border-color: rgba(250, 209, 232, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-pink-300:focus {
+      --border-opacity: 1;
+      border-color: #f8b4d9;
+      border-color: rgba(248, 180, 217, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-pink-400:focus {
+      --border-opacity: 1;
+      border-color: #f17eb8;
+      border-color: rgba(241, 126, 184, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-pink-500:focus {
+      --border-opacity: 1;
+      border-color: #e74694;
+      border-color: rgba(231, 70, 148, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-pink-600:focus {
+      --border-opacity: 1;
+      border-color: #d61f69;
+      border-color: rgba(214, 31, 105, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-pink-700:focus {
+      --border-opacity: 1;
+      border-color: #bf125d;
+      border-color: rgba(191, 18, 93, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-pink-800:focus {
+      --border-opacity: 1;
+      border-color: #99154b;
+      border-color: rgba(153, 21, 75, var(--border-opacity));
+    }
+
+    .md\:dark\:focus\:border-pink-900:focus {
+      --border-opacity: 1;
+      border-color: #751a3d;
+      border-color: rgba(117, 26, 61, var(--border-opacity));
+    }
+  }
+
   .md\:border-opacity-0 {
     --border-opacity: 0;
   }
@@ -79098,6 +111454,1248 @@ video {
     color: rgba(117, 26, 61, var(--placeholder-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .md\:dark\:placeholder-transparent::placeholder {
+      color: transparent;
+    }
+
+    .md\:dark\:placeholder-current::placeholder {
+      color: currentColor;
+    }
+
+    .md\:dark\:placeholder-black::placeholder {
+      --placeholder-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-white::placeholder {
+      --placeholder-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-gray-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-gray-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-gray-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-gray-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-gray-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-gray-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-gray-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-gray-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-gray-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-gray-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-red-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-red-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-red-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-red-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-red-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-red-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-red-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-red-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-red-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-red-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-orange-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-orange-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-orange-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-orange-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-orange-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-orange-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-orange-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-orange-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-orange-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-orange-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-yellow-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-yellow-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-yellow-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-yellow-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-yellow-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-yellow-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-yellow-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-yellow-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-yellow-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-yellow-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-green-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-green-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-green-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-green-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-green-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-green-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-green-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-green-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-green-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-green-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-teal-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-teal-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-teal-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-teal-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-teal-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-teal-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-teal-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-teal-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-teal-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-teal-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-blue-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-blue-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-blue-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-blue-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-blue-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-blue-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-blue-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-blue-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-blue-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-blue-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-indigo-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-indigo-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-indigo-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-indigo-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-indigo-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-indigo-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-indigo-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-indigo-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-indigo-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-indigo-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-purple-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-purple-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-purple-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-purple-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-purple-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-purple-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-purple-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-purple-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-purple-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-purple-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-pink-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-pink-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-pink-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-pink-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-pink-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-pink-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-pink-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-pink-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-pink-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:placeholder-pink-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-transparent:focus::placeholder {
+      color: transparent;
+    }
+
+    .md\:dark\:focus\:placeholder-current:focus::placeholder {
+      color: currentColor;
+    }
+
+    .md\:dark\:focus\:placeholder-black:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-white:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-gray-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-gray-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-gray-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-gray-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-gray-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-gray-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-gray-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-gray-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-gray-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-gray-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-red-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-red-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-red-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-red-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-red-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-red-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-red-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-red-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-red-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-red-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-orange-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-orange-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-orange-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-orange-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-orange-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-orange-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-orange-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-orange-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-orange-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-orange-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-yellow-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-yellow-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-yellow-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-yellow-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-yellow-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-yellow-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-yellow-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-yellow-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-yellow-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-yellow-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-green-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-green-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-green-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-green-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-green-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-green-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-green-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-green-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-green-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-green-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-teal-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-teal-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-teal-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-teal-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-teal-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-teal-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-teal-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-teal-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-teal-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-teal-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-blue-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-blue-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-blue-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-blue-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-blue-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-blue-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-blue-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-blue-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-blue-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-blue-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-indigo-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-indigo-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-indigo-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-indigo-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-indigo-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-indigo-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-indigo-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-indigo-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-indigo-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-indigo-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-purple-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-purple-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-purple-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-purple-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-purple-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-purple-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-purple-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-purple-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-purple-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-purple-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-pink-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-pink-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-pink-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-pink-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-pink-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-pink-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-pink-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-pink-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-pink-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--placeholder-opacity));
+    }
+
+    .md\:dark\:focus\:placeholder-pink-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--placeholder-opacity));
+    }
+  }
+
   .md\:placeholder-opacity-0::placeholder {
     --placeholder-opacity: 0;
   }
@@ -83351,6 +116949,1868 @@ video {
     color: rgba(117, 26, 61, var(--text-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .md\:dark\:text-transparent {
+      color: transparent;
+    }
+
+    .md\:dark\:text-current {
+      color: currentColor;
+    }
+
+    .md\:dark\:text-black {
+      --text-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--text-opacity));
+    }
+
+    .md\:dark\:text-white {
+      --text-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--text-opacity));
+    }
+
+    .md\:dark\:text-gray-50 {
+      --text-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--text-opacity));
+    }
+
+    .md\:dark\:text-gray-100 {
+      --text-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--text-opacity));
+    }
+
+    .md\:dark\:text-gray-200 {
+      --text-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--text-opacity));
+    }
+
+    .md\:dark\:text-gray-300 {
+      --text-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--text-opacity));
+    }
+
+    .md\:dark\:text-gray-400 {
+      --text-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--text-opacity));
+    }
+
+    .md\:dark\:text-gray-500 {
+      --text-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--text-opacity));
+    }
+
+    .md\:dark\:text-gray-600 {
+      --text-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--text-opacity));
+    }
+
+    .md\:dark\:text-gray-700 {
+      --text-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--text-opacity));
+    }
+
+    .md\:dark\:text-gray-800 {
+      --text-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--text-opacity));
+    }
+
+    .md\:dark\:text-gray-900 {
+      --text-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--text-opacity));
+    }
+
+    .md\:dark\:text-red-50 {
+      --text-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--text-opacity));
+    }
+
+    .md\:dark\:text-red-100 {
+      --text-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--text-opacity));
+    }
+
+    .md\:dark\:text-red-200 {
+      --text-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--text-opacity));
+    }
+
+    .md\:dark\:text-red-300 {
+      --text-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--text-opacity));
+    }
+
+    .md\:dark\:text-red-400 {
+      --text-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--text-opacity));
+    }
+
+    .md\:dark\:text-red-500 {
+      --text-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--text-opacity));
+    }
+
+    .md\:dark\:text-red-600 {
+      --text-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--text-opacity));
+    }
+
+    .md\:dark\:text-red-700 {
+      --text-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--text-opacity));
+    }
+
+    .md\:dark\:text-red-800 {
+      --text-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--text-opacity));
+    }
+
+    .md\:dark\:text-red-900 {
+      --text-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--text-opacity));
+    }
+
+    .md\:dark\:text-orange-50 {
+      --text-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--text-opacity));
+    }
+
+    .md\:dark\:text-orange-100 {
+      --text-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--text-opacity));
+    }
+
+    .md\:dark\:text-orange-200 {
+      --text-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--text-opacity));
+    }
+
+    .md\:dark\:text-orange-300 {
+      --text-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--text-opacity));
+    }
+
+    .md\:dark\:text-orange-400 {
+      --text-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--text-opacity));
+    }
+
+    .md\:dark\:text-orange-500 {
+      --text-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--text-opacity));
+    }
+
+    .md\:dark\:text-orange-600 {
+      --text-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--text-opacity));
+    }
+
+    .md\:dark\:text-orange-700 {
+      --text-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--text-opacity));
+    }
+
+    .md\:dark\:text-orange-800 {
+      --text-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--text-opacity));
+    }
+
+    .md\:dark\:text-orange-900 {
+      --text-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--text-opacity));
+    }
+
+    .md\:dark\:text-yellow-50 {
+      --text-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--text-opacity));
+    }
+
+    .md\:dark\:text-yellow-100 {
+      --text-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--text-opacity));
+    }
+
+    .md\:dark\:text-yellow-200 {
+      --text-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--text-opacity));
+    }
+
+    .md\:dark\:text-yellow-300 {
+      --text-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--text-opacity));
+    }
+
+    .md\:dark\:text-yellow-400 {
+      --text-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--text-opacity));
+    }
+
+    .md\:dark\:text-yellow-500 {
+      --text-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--text-opacity));
+    }
+
+    .md\:dark\:text-yellow-600 {
+      --text-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--text-opacity));
+    }
+
+    .md\:dark\:text-yellow-700 {
+      --text-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--text-opacity));
+    }
+
+    .md\:dark\:text-yellow-800 {
+      --text-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--text-opacity));
+    }
+
+    .md\:dark\:text-yellow-900 {
+      --text-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--text-opacity));
+    }
+
+    .md\:dark\:text-green-50 {
+      --text-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--text-opacity));
+    }
+
+    .md\:dark\:text-green-100 {
+      --text-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--text-opacity));
+    }
+
+    .md\:dark\:text-green-200 {
+      --text-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--text-opacity));
+    }
+
+    .md\:dark\:text-green-300 {
+      --text-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--text-opacity));
+    }
+
+    .md\:dark\:text-green-400 {
+      --text-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--text-opacity));
+    }
+
+    .md\:dark\:text-green-500 {
+      --text-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--text-opacity));
+    }
+
+    .md\:dark\:text-green-600 {
+      --text-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--text-opacity));
+    }
+
+    .md\:dark\:text-green-700 {
+      --text-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--text-opacity));
+    }
+
+    .md\:dark\:text-green-800 {
+      --text-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--text-opacity));
+    }
+
+    .md\:dark\:text-green-900 {
+      --text-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--text-opacity));
+    }
+
+    .md\:dark\:text-teal-50 {
+      --text-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--text-opacity));
+    }
+
+    .md\:dark\:text-teal-100 {
+      --text-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--text-opacity));
+    }
+
+    .md\:dark\:text-teal-200 {
+      --text-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--text-opacity));
+    }
+
+    .md\:dark\:text-teal-300 {
+      --text-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--text-opacity));
+    }
+
+    .md\:dark\:text-teal-400 {
+      --text-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--text-opacity));
+    }
+
+    .md\:dark\:text-teal-500 {
+      --text-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--text-opacity));
+    }
+
+    .md\:dark\:text-teal-600 {
+      --text-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--text-opacity));
+    }
+
+    .md\:dark\:text-teal-700 {
+      --text-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--text-opacity));
+    }
+
+    .md\:dark\:text-teal-800 {
+      --text-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--text-opacity));
+    }
+
+    .md\:dark\:text-teal-900 {
+      --text-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--text-opacity));
+    }
+
+    .md\:dark\:text-blue-50 {
+      --text-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--text-opacity));
+    }
+
+    .md\:dark\:text-blue-100 {
+      --text-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--text-opacity));
+    }
+
+    .md\:dark\:text-blue-200 {
+      --text-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--text-opacity));
+    }
+
+    .md\:dark\:text-blue-300 {
+      --text-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--text-opacity));
+    }
+
+    .md\:dark\:text-blue-400 {
+      --text-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--text-opacity));
+    }
+
+    .md\:dark\:text-blue-500 {
+      --text-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--text-opacity));
+    }
+
+    .md\:dark\:text-blue-600 {
+      --text-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--text-opacity));
+    }
+
+    .md\:dark\:text-blue-700 {
+      --text-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--text-opacity));
+    }
+
+    .md\:dark\:text-blue-800 {
+      --text-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--text-opacity));
+    }
+
+    .md\:dark\:text-blue-900 {
+      --text-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--text-opacity));
+    }
+
+    .md\:dark\:text-indigo-50 {
+      --text-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--text-opacity));
+    }
+
+    .md\:dark\:text-indigo-100 {
+      --text-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--text-opacity));
+    }
+
+    .md\:dark\:text-indigo-200 {
+      --text-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--text-opacity));
+    }
+
+    .md\:dark\:text-indigo-300 {
+      --text-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--text-opacity));
+    }
+
+    .md\:dark\:text-indigo-400 {
+      --text-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--text-opacity));
+    }
+
+    .md\:dark\:text-indigo-500 {
+      --text-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--text-opacity));
+    }
+
+    .md\:dark\:text-indigo-600 {
+      --text-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--text-opacity));
+    }
+
+    .md\:dark\:text-indigo-700 {
+      --text-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--text-opacity));
+    }
+
+    .md\:dark\:text-indigo-800 {
+      --text-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--text-opacity));
+    }
+
+    .md\:dark\:text-indigo-900 {
+      --text-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--text-opacity));
+    }
+
+    .md\:dark\:text-purple-50 {
+      --text-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--text-opacity));
+    }
+
+    .md\:dark\:text-purple-100 {
+      --text-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--text-opacity));
+    }
+
+    .md\:dark\:text-purple-200 {
+      --text-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--text-opacity));
+    }
+
+    .md\:dark\:text-purple-300 {
+      --text-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--text-opacity));
+    }
+
+    .md\:dark\:text-purple-400 {
+      --text-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--text-opacity));
+    }
+
+    .md\:dark\:text-purple-500 {
+      --text-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--text-opacity));
+    }
+
+    .md\:dark\:text-purple-600 {
+      --text-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--text-opacity));
+    }
+
+    .md\:dark\:text-purple-700 {
+      --text-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--text-opacity));
+    }
+
+    .md\:dark\:text-purple-800 {
+      --text-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--text-opacity));
+    }
+
+    .md\:dark\:text-purple-900 {
+      --text-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--text-opacity));
+    }
+
+    .md\:dark\:text-pink-50 {
+      --text-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--text-opacity));
+    }
+
+    .md\:dark\:text-pink-100 {
+      --text-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--text-opacity));
+    }
+
+    .md\:dark\:text-pink-200 {
+      --text-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--text-opacity));
+    }
+
+    .md\:dark\:text-pink-300 {
+      --text-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--text-opacity));
+    }
+
+    .md\:dark\:text-pink-400 {
+      --text-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--text-opacity));
+    }
+
+    .md\:dark\:text-pink-500 {
+      --text-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--text-opacity));
+    }
+
+    .md\:dark\:text-pink-600 {
+      --text-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--text-opacity));
+    }
+
+    .md\:dark\:text-pink-700 {
+      --text-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--text-opacity));
+    }
+
+    .md\:dark\:text-pink-800 {
+      --text-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--text-opacity));
+    }
+
+    .md\:dark\:text-pink-900 {
+      --text-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-transparent:hover {
+      color: transparent;
+    }
+
+    .md\:dark\:hover\:text-current:hover {
+      color: currentColor;
+    }
+
+    .md\:dark\:hover\:text-black:hover {
+      --text-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-white:hover {
+      --text-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-gray-50:hover {
+      --text-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-gray-100:hover {
+      --text-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-gray-200:hover {
+      --text-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-gray-300:hover {
+      --text-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-gray-400:hover {
+      --text-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-gray-500:hover {
+      --text-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-gray-600:hover {
+      --text-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-gray-700:hover {
+      --text-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-gray-800:hover {
+      --text-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-gray-900:hover {
+      --text-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-red-50:hover {
+      --text-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-red-100:hover {
+      --text-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-red-200:hover {
+      --text-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-red-300:hover {
+      --text-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-red-400:hover {
+      --text-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-red-500:hover {
+      --text-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-red-600:hover {
+      --text-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-red-700:hover {
+      --text-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-red-800:hover {
+      --text-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-red-900:hover {
+      --text-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-orange-50:hover {
+      --text-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-orange-100:hover {
+      --text-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-orange-200:hover {
+      --text-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-orange-300:hover {
+      --text-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-orange-400:hover {
+      --text-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-orange-500:hover {
+      --text-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-orange-600:hover {
+      --text-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-orange-700:hover {
+      --text-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-orange-800:hover {
+      --text-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-orange-900:hover {
+      --text-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-yellow-50:hover {
+      --text-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-yellow-100:hover {
+      --text-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-yellow-200:hover {
+      --text-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-yellow-300:hover {
+      --text-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-yellow-400:hover {
+      --text-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-yellow-500:hover {
+      --text-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-yellow-600:hover {
+      --text-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-yellow-700:hover {
+      --text-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-yellow-800:hover {
+      --text-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-yellow-900:hover {
+      --text-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-green-50:hover {
+      --text-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-green-100:hover {
+      --text-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-green-200:hover {
+      --text-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-green-300:hover {
+      --text-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-green-400:hover {
+      --text-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-green-500:hover {
+      --text-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-green-600:hover {
+      --text-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-green-700:hover {
+      --text-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-green-800:hover {
+      --text-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-green-900:hover {
+      --text-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-teal-50:hover {
+      --text-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-teal-100:hover {
+      --text-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-teal-200:hover {
+      --text-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-teal-300:hover {
+      --text-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-teal-400:hover {
+      --text-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-teal-500:hover {
+      --text-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-teal-600:hover {
+      --text-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-teal-700:hover {
+      --text-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-teal-800:hover {
+      --text-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-teal-900:hover {
+      --text-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-blue-50:hover {
+      --text-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-blue-100:hover {
+      --text-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-blue-200:hover {
+      --text-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-blue-300:hover {
+      --text-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-blue-400:hover {
+      --text-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-blue-500:hover {
+      --text-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-blue-600:hover {
+      --text-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-blue-700:hover {
+      --text-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-blue-800:hover {
+      --text-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-blue-900:hover {
+      --text-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-indigo-50:hover {
+      --text-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-indigo-100:hover {
+      --text-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-indigo-200:hover {
+      --text-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-indigo-300:hover {
+      --text-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-indigo-400:hover {
+      --text-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-indigo-500:hover {
+      --text-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-indigo-600:hover {
+      --text-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-indigo-700:hover {
+      --text-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-indigo-800:hover {
+      --text-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-indigo-900:hover {
+      --text-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-purple-50:hover {
+      --text-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-purple-100:hover {
+      --text-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-purple-200:hover {
+      --text-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-purple-300:hover {
+      --text-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-purple-400:hover {
+      --text-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-purple-500:hover {
+      --text-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-purple-600:hover {
+      --text-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-purple-700:hover {
+      --text-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-purple-800:hover {
+      --text-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-purple-900:hover {
+      --text-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-pink-50:hover {
+      --text-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-pink-100:hover {
+      --text-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-pink-200:hover {
+      --text-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-pink-300:hover {
+      --text-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-pink-400:hover {
+      --text-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-pink-500:hover {
+      --text-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-pink-600:hover {
+      --text-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-pink-700:hover {
+      --text-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-pink-800:hover {
+      --text-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--text-opacity));
+    }
+
+    .md\:dark\:hover\:text-pink-900:hover {
+      --text-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-transparent:focus {
+      color: transparent;
+    }
+
+    .md\:dark\:focus\:text-current:focus {
+      color: currentColor;
+    }
+
+    .md\:dark\:focus\:text-black:focus {
+      --text-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-white:focus {
+      --text-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-gray-50:focus {
+      --text-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-gray-100:focus {
+      --text-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-gray-200:focus {
+      --text-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-gray-300:focus {
+      --text-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-gray-400:focus {
+      --text-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-gray-500:focus {
+      --text-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-gray-600:focus {
+      --text-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-gray-700:focus {
+      --text-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-gray-800:focus {
+      --text-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-gray-900:focus {
+      --text-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-red-50:focus {
+      --text-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-red-100:focus {
+      --text-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-red-200:focus {
+      --text-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-red-300:focus {
+      --text-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-red-400:focus {
+      --text-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-red-500:focus {
+      --text-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-red-600:focus {
+      --text-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-red-700:focus {
+      --text-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-red-800:focus {
+      --text-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-red-900:focus {
+      --text-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-orange-50:focus {
+      --text-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-orange-100:focus {
+      --text-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-orange-200:focus {
+      --text-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-orange-300:focus {
+      --text-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-orange-400:focus {
+      --text-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-orange-500:focus {
+      --text-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-orange-600:focus {
+      --text-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-orange-700:focus {
+      --text-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-orange-800:focus {
+      --text-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-orange-900:focus {
+      --text-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-yellow-50:focus {
+      --text-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-yellow-100:focus {
+      --text-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-yellow-200:focus {
+      --text-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-yellow-300:focus {
+      --text-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-yellow-400:focus {
+      --text-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-yellow-500:focus {
+      --text-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-yellow-600:focus {
+      --text-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-yellow-700:focus {
+      --text-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-yellow-800:focus {
+      --text-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-yellow-900:focus {
+      --text-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-green-50:focus {
+      --text-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-green-100:focus {
+      --text-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-green-200:focus {
+      --text-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-green-300:focus {
+      --text-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-green-400:focus {
+      --text-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-green-500:focus {
+      --text-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-green-600:focus {
+      --text-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-green-700:focus {
+      --text-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-green-800:focus {
+      --text-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-green-900:focus {
+      --text-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-teal-50:focus {
+      --text-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-teal-100:focus {
+      --text-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-teal-200:focus {
+      --text-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-teal-300:focus {
+      --text-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-teal-400:focus {
+      --text-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-teal-500:focus {
+      --text-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-teal-600:focus {
+      --text-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-teal-700:focus {
+      --text-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-teal-800:focus {
+      --text-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-teal-900:focus {
+      --text-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-blue-50:focus {
+      --text-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-blue-100:focus {
+      --text-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-blue-200:focus {
+      --text-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-blue-300:focus {
+      --text-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-blue-400:focus {
+      --text-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-blue-500:focus {
+      --text-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-blue-600:focus {
+      --text-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-blue-700:focus {
+      --text-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-blue-800:focus {
+      --text-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-blue-900:focus {
+      --text-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-indigo-50:focus {
+      --text-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-indigo-100:focus {
+      --text-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-indigo-200:focus {
+      --text-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-indigo-300:focus {
+      --text-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-indigo-400:focus {
+      --text-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-indigo-500:focus {
+      --text-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-indigo-600:focus {
+      --text-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-indigo-700:focus {
+      --text-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-indigo-800:focus {
+      --text-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-indigo-900:focus {
+      --text-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-purple-50:focus {
+      --text-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-purple-100:focus {
+      --text-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-purple-200:focus {
+      --text-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-purple-300:focus {
+      --text-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-purple-400:focus {
+      --text-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-purple-500:focus {
+      --text-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-purple-600:focus {
+      --text-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-purple-700:focus {
+      --text-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-purple-800:focus {
+      --text-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-purple-900:focus {
+      --text-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-pink-50:focus {
+      --text-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-pink-100:focus {
+      --text-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-pink-200:focus {
+      --text-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-pink-300:focus {
+      --text-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-pink-400:focus {
+      --text-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-pink-500:focus {
+      --text-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-pink-600:focus {
+      --text-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-pink-700:focus {
+      --text-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-pink-800:focus {
+      --text-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--text-opacity));
+    }
+
+    .md\:dark\:focus\:text-pink-900:focus {
+      --text-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--text-opacity));
+    }
+  }
+
   .md\:text-opacity-0 {
     --text-opacity: 0;
   }
@@ -91328,6 +126788,628 @@ video {
     border-color: rgba(117, 26, 61, var(--divide-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .lg\:dark\:divide-transparent > :not(template) ~ :not(template) {
+      border-color: transparent;
+    }
+
+    .lg\:dark\:divide-current > :not(template) ~ :not(template) {
+      border-color: currentColor;
+    }
+
+    .lg\:dark\:divide-black > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #000000;
+      border-color: rgba(0, 0, 0, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-white > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ffffff;
+      border-color: rgba(255, 255, 255, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-gray-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f9fafb;
+      border-color: rgba(249, 250, 251, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-gray-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f4f5f7;
+      border-color: rgba(244, 245, 247, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-gray-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e5e7eb;
+      border-color: rgba(229, 231, 235, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-gray-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #d2d6dc;
+      border-color: rgba(210, 214, 220, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-gray-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #9fa6b2;
+      border-color: rgba(159, 166, 178, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-gray-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #6b7280;
+      border-color: rgba(107, 114, 128, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-gray-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #4b5563;
+      border-color: rgba(75, 85, 99, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-gray-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #374151;
+      border-color: rgba(55, 65, 81, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-gray-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #252f3f;
+      border-color: rgba(37, 47, 63, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-gray-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #161e2e;
+      border-color: rgba(22, 30, 46, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-red-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdf2f2;
+      border-color: rgba(253, 242, 242, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-red-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fde8e8;
+      border-color: rgba(253, 232, 232, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-red-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fbd5d5;
+      border-color: rgba(251, 213, 213, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-red-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f8b4b4;
+      border-color: rgba(248, 180, 180, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-red-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f98080;
+      border-color: rgba(249, 128, 128, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-red-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f05252;
+      border-color: rgba(240, 82, 82, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-red-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e02424;
+      border-color: rgba(224, 36, 36, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-red-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #c81e1e;
+      border-color: rgba(200, 30, 30, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-red-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #9b1c1c;
+      border-color: rgba(155, 28, 28, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-red-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #771d1d;
+      border-color: rgba(119, 29, 29, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-orange-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fff8f1;
+      border-color: rgba(255, 248, 241, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-orange-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #feecdc;
+      border-color: rgba(254, 236, 220, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-orange-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fcd9bd;
+      border-color: rgba(252, 217, 189, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-orange-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdba8c;
+      border-color: rgba(253, 186, 140, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-orange-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ff8a4c;
+      border-color: rgba(255, 138, 76, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-orange-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ff5a1f;
+      border-color: rgba(255, 90, 31, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-orange-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #d03801;
+      border-color: rgba(208, 56, 1, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-orange-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #b43403;
+      border-color: rgba(180, 52, 3, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-orange-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #8a2c0d;
+      border-color: rgba(138, 44, 13, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-orange-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #73230d;
+      border-color: rgba(115, 35, 13, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-yellow-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdfdea;
+      border-color: rgba(253, 253, 234, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-yellow-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdf6b2;
+      border-color: rgba(253, 246, 178, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-yellow-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fce96a;
+      border-color: rgba(252, 233, 106, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-yellow-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #faca15;
+      border-color: rgba(250, 202, 21, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-yellow-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e3a008;
+      border-color: rgba(227, 160, 8, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-yellow-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #c27803;
+      border-color: rgba(194, 120, 3, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-yellow-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #9f580a;
+      border-color: rgba(159, 88, 10, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-yellow-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #8e4b10;
+      border-color: rgba(142, 75, 16, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-yellow-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #723b13;
+      border-color: rgba(114, 59, 19, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-yellow-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #633112;
+      border-color: rgba(99, 49, 18, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-green-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f3faf7;
+      border-color: rgba(243, 250, 247, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-green-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #def7ec;
+      border-color: rgba(222, 247, 236, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-green-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #bcf0da;
+      border-color: rgba(188, 240, 218, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-green-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #84e1bc;
+      border-color: rgba(132, 225, 188, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-green-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #31c48d;
+      border-color: rgba(49, 196, 141, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-green-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #0e9f6e;
+      border-color: rgba(14, 159, 110, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-green-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #057a55;
+      border-color: rgba(5, 122, 85, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-green-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #046c4e;
+      border-color: rgba(4, 108, 78, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-green-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #03543f;
+      border-color: rgba(3, 84, 63, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-green-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #014737;
+      border-color: rgba(1, 71, 55, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-teal-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #edfafa;
+      border-color: rgba(237, 250, 250, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-teal-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #d5f5f6;
+      border-color: rgba(213, 245, 246, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-teal-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #afecef;
+      border-color: rgba(175, 236, 239, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-teal-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #7edce2;
+      border-color: rgba(126, 220, 226, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-teal-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #16bdca;
+      border-color: rgba(22, 189, 202, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-teal-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #0694a2;
+      border-color: rgba(6, 148, 162, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-teal-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #047481;
+      border-color: rgba(4, 116, 129, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-teal-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #036672;
+      border-color: rgba(3, 102, 114, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-teal-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #05505c;
+      border-color: rgba(5, 80, 92, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-teal-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #014451;
+      border-color: rgba(1, 68, 81, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-blue-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ebf5ff;
+      border-color: rgba(235, 245, 255, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-blue-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e1effe;
+      border-color: rgba(225, 239, 254, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-blue-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #c3ddfd;
+      border-color: rgba(195, 221, 253, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-blue-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #a4cafe;
+      border-color: rgba(164, 202, 254, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-blue-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #76a9fa;
+      border-color: rgba(118, 169, 250, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-blue-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #3f83f8;
+      border-color: rgba(63, 131, 248, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-blue-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #1c64f2;
+      border-color: rgba(28, 100, 242, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-blue-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #1a56db;
+      border-color: rgba(26, 86, 219, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-blue-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #1e429f;
+      border-color: rgba(30, 66, 159, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-blue-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #233876;
+      border-color: rgba(35, 56, 118, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-indigo-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f0f5ff;
+      border-color: rgba(240, 245, 255, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-indigo-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e5edff;
+      border-color: rgba(229, 237, 255, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-indigo-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #cddbfe;
+      border-color: rgba(205, 219, 254, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-indigo-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #b4c6fc;
+      border-color: rgba(180, 198, 252, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-indigo-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #8da2fb;
+      border-color: rgba(141, 162, 251, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-indigo-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #6875f5;
+      border-color: rgba(104, 117, 245, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-indigo-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #5850ec;
+      border-color: rgba(88, 80, 236, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-indigo-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #5145cd;
+      border-color: rgba(81, 69, 205, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-indigo-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #42389d;
+      border-color: rgba(66, 56, 157, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-indigo-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #362f78;
+      border-color: rgba(54, 47, 120, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-purple-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f6f5ff;
+      border-color: rgba(246, 245, 255, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-purple-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #edebfe;
+      border-color: rgba(237, 235, 254, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-purple-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #dcd7fe;
+      border-color: rgba(220, 215, 254, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-purple-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #cabffd;
+      border-color: rgba(202, 191, 253, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-purple-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ac94fa;
+      border-color: rgba(172, 148, 250, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-purple-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #9061f9;
+      border-color: rgba(144, 97, 249, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-purple-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #7e3af2;
+      border-color: rgba(126, 58, 242, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-purple-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #6c2bd9;
+      border-color: rgba(108, 43, 217, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-purple-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #5521b5;
+      border-color: rgba(85, 33, 181, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-purple-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #4a1d96;
+      border-color: rgba(74, 29, 150, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-pink-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdf2f8;
+      border-color: rgba(253, 242, 248, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-pink-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fce8f3;
+      border-color: rgba(252, 232, 243, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-pink-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fad1e8;
+      border-color: rgba(250, 209, 232, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-pink-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f8b4d9;
+      border-color: rgba(248, 180, 217, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-pink-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f17eb8;
+      border-color: rgba(241, 126, 184, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-pink-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e74694;
+      border-color: rgba(231, 70, 148, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-pink-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #d61f69;
+      border-color: rgba(214, 31, 105, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-pink-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #bf125d;
+      border-color: rgba(191, 18, 93, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-pink-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #99154b;
+      border-color: rgba(153, 21, 75, var(--divide-opacity));
+    }
+
+    .lg\:dark\:divide-pink-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #751a3d;
+      border-color: rgba(117, 26, 61, var(--divide-opacity));
+    }
+  }
+
   .lg\:divide-solid > :not(template) ~ :not(template) {
     border-style: solid;
   }
@@ -93306,6 +129388,1868 @@ video {
     background-color: rgba(117, 26, 61, var(--bg-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .lg\:dark\:bg-transparent {
+      background-color: transparent;
+    }
+
+    .lg\:dark\:bg-current {
+      background-color: currentColor;
+    }
+
+    .lg\:dark\:bg-black {
+      --bg-opacity: 1;
+      background-color: #000000;
+      background-color: rgba(0, 0, 0, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-white {
+      --bg-opacity: 1;
+      background-color: #ffffff;
+      background-color: rgba(255, 255, 255, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-gray-50 {
+      --bg-opacity: 1;
+      background-color: #f9fafb;
+      background-color: rgba(249, 250, 251, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-gray-100 {
+      --bg-opacity: 1;
+      background-color: #f4f5f7;
+      background-color: rgba(244, 245, 247, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-gray-200 {
+      --bg-opacity: 1;
+      background-color: #e5e7eb;
+      background-color: rgba(229, 231, 235, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-gray-300 {
+      --bg-opacity: 1;
+      background-color: #d2d6dc;
+      background-color: rgba(210, 214, 220, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-gray-400 {
+      --bg-opacity: 1;
+      background-color: #9fa6b2;
+      background-color: rgba(159, 166, 178, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-gray-500 {
+      --bg-opacity: 1;
+      background-color: #6b7280;
+      background-color: rgba(107, 114, 128, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-gray-600 {
+      --bg-opacity: 1;
+      background-color: #4b5563;
+      background-color: rgba(75, 85, 99, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-gray-700 {
+      --bg-opacity: 1;
+      background-color: #374151;
+      background-color: rgba(55, 65, 81, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-gray-800 {
+      --bg-opacity: 1;
+      background-color: #252f3f;
+      background-color: rgba(37, 47, 63, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-gray-900 {
+      --bg-opacity: 1;
+      background-color: #161e2e;
+      background-color: rgba(22, 30, 46, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-red-50 {
+      --bg-opacity: 1;
+      background-color: #fdf2f2;
+      background-color: rgba(253, 242, 242, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-red-100 {
+      --bg-opacity: 1;
+      background-color: #fde8e8;
+      background-color: rgba(253, 232, 232, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-red-200 {
+      --bg-opacity: 1;
+      background-color: #fbd5d5;
+      background-color: rgba(251, 213, 213, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-red-300 {
+      --bg-opacity: 1;
+      background-color: #f8b4b4;
+      background-color: rgba(248, 180, 180, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-red-400 {
+      --bg-opacity: 1;
+      background-color: #f98080;
+      background-color: rgba(249, 128, 128, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-red-500 {
+      --bg-opacity: 1;
+      background-color: #f05252;
+      background-color: rgba(240, 82, 82, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-red-600 {
+      --bg-opacity: 1;
+      background-color: #e02424;
+      background-color: rgba(224, 36, 36, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-red-700 {
+      --bg-opacity: 1;
+      background-color: #c81e1e;
+      background-color: rgba(200, 30, 30, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-red-800 {
+      --bg-opacity: 1;
+      background-color: #9b1c1c;
+      background-color: rgba(155, 28, 28, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-red-900 {
+      --bg-opacity: 1;
+      background-color: #771d1d;
+      background-color: rgba(119, 29, 29, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-orange-50 {
+      --bg-opacity: 1;
+      background-color: #fff8f1;
+      background-color: rgba(255, 248, 241, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-orange-100 {
+      --bg-opacity: 1;
+      background-color: #feecdc;
+      background-color: rgba(254, 236, 220, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-orange-200 {
+      --bg-opacity: 1;
+      background-color: #fcd9bd;
+      background-color: rgba(252, 217, 189, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-orange-300 {
+      --bg-opacity: 1;
+      background-color: #fdba8c;
+      background-color: rgba(253, 186, 140, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-orange-400 {
+      --bg-opacity: 1;
+      background-color: #ff8a4c;
+      background-color: rgba(255, 138, 76, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-orange-500 {
+      --bg-opacity: 1;
+      background-color: #ff5a1f;
+      background-color: rgba(255, 90, 31, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-orange-600 {
+      --bg-opacity: 1;
+      background-color: #d03801;
+      background-color: rgba(208, 56, 1, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-orange-700 {
+      --bg-opacity: 1;
+      background-color: #b43403;
+      background-color: rgba(180, 52, 3, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-orange-800 {
+      --bg-opacity: 1;
+      background-color: #8a2c0d;
+      background-color: rgba(138, 44, 13, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-orange-900 {
+      --bg-opacity: 1;
+      background-color: #73230d;
+      background-color: rgba(115, 35, 13, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-yellow-50 {
+      --bg-opacity: 1;
+      background-color: #fdfdea;
+      background-color: rgba(253, 253, 234, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-yellow-100 {
+      --bg-opacity: 1;
+      background-color: #fdf6b2;
+      background-color: rgba(253, 246, 178, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-yellow-200 {
+      --bg-opacity: 1;
+      background-color: #fce96a;
+      background-color: rgba(252, 233, 106, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-yellow-300 {
+      --bg-opacity: 1;
+      background-color: #faca15;
+      background-color: rgba(250, 202, 21, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-yellow-400 {
+      --bg-opacity: 1;
+      background-color: #e3a008;
+      background-color: rgba(227, 160, 8, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-yellow-500 {
+      --bg-opacity: 1;
+      background-color: #c27803;
+      background-color: rgba(194, 120, 3, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-yellow-600 {
+      --bg-opacity: 1;
+      background-color: #9f580a;
+      background-color: rgba(159, 88, 10, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-yellow-700 {
+      --bg-opacity: 1;
+      background-color: #8e4b10;
+      background-color: rgba(142, 75, 16, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-yellow-800 {
+      --bg-opacity: 1;
+      background-color: #723b13;
+      background-color: rgba(114, 59, 19, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-yellow-900 {
+      --bg-opacity: 1;
+      background-color: #633112;
+      background-color: rgba(99, 49, 18, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-green-50 {
+      --bg-opacity: 1;
+      background-color: #f3faf7;
+      background-color: rgba(243, 250, 247, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-green-100 {
+      --bg-opacity: 1;
+      background-color: #def7ec;
+      background-color: rgba(222, 247, 236, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-green-200 {
+      --bg-opacity: 1;
+      background-color: #bcf0da;
+      background-color: rgba(188, 240, 218, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-green-300 {
+      --bg-opacity: 1;
+      background-color: #84e1bc;
+      background-color: rgba(132, 225, 188, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-green-400 {
+      --bg-opacity: 1;
+      background-color: #31c48d;
+      background-color: rgba(49, 196, 141, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-green-500 {
+      --bg-opacity: 1;
+      background-color: #0e9f6e;
+      background-color: rgba(14, 159, 110, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-green-600 {
+      --bg-opacity: 1;
+      background-color: #057a55;
+      background-color: rgba(5, 122, 85, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-green-700 {
+      --bg-opacity: 1;
+      background-color: #046c4e;
+      background-color: rgba(4, 108, 78, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-green-800 {
+      --bg-opacity: 1;
+      background-color: #03543f;
+      background-color: rgba(3, 84, 63, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-green-900 {
+      --bg-opacity: 1;
+      background-color: #014737;
+      background-color: rgba(1, 71, 55, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-teal-50 {
+      --bg-opacity: 1;
+      background-color: #edfafa;
+      background-color: rgba(237, 250, 250, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-teal-100 {
+      --bg-opacity: 1;
+      background-color: #d5f5f6;
+      background-color: rgba(213, 245, 246, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-teal-200 {
+      --bg-opacity: 1;
+      background-color: #afecef;
+      background-color: rgba(175, 236, 239, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-teal-300 {
+      --bg-opacity: 1;
+      background-color: #7edce2;
+      background-color: rgba(126, 220, 226, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-teal-400 {
+      --bg-opacity: 1;
+      background-color: #16bdca;
+      background-color: rgba(22, 189, 202, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-teal-500 {
+      --bg-opacity: 1;
+      background-color: #0694a2;
+      background-color: rgba(6, 148, 162, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-teal-600 {
+      --bg-opacity: 1;
+      background-color: #047481;
+      background-color: rgba(4, 116, 129, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-teal-700 {
+      --bg-opacity: 1;
+      background-color: #036672;
+      background-color: rgba(3, 102, 114, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-teal-800 {
+      --bg-opacity: 1;
+      background-color: #05505c;
+      background-color: rgba(5, 80, 92, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-teal-900 {
+      --bg-opacity: 1;
+      background-color: #014451;
+      background-color: rgba(1, 68, 81, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-blue-50 {
+      --bg-opacity: 1;
+      background-color: #ebf5ff;
+      background-color: rgba(235, 245, 255, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-blue-100 {
+      --bg-opacity: 1;
+      background-color: #e1effe;
+      background-color: rgba(225, 239, 254, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-blue-200 {
+      --bg-opacity: 1;
+      background-color: #c3ddfd;
+      background-color: rgba(195, 221, 253, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-blue-300 {
+      --bg-opacity: 1;
+      background-color: #a4cafe;
+      background-color: rgba(164, 202, 254, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-blue-400 {
+      --bg-opacity: 1;
+      background-color: #76a9fa;
+      background-color: rgba(118, 169, 250, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-blue-500 {
+      --bg-opacity: 1;
+      background-color: #3f83f8;
+      background-color: rgba(63, 131, 248, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-blue-600 {
+      --bg-opacity: 1;
+      background-color: #1c64f2;
+      background-color: rgba(28, 100, 242, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-blue-700 {
+      --bg-opacity: 1;
+      background-color: #1a56db;
+      background-color: rgba(26, 86, 219, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-blue-800 {
+      --bg-opacity: 1;
+      background-color: #1e429f;
+      background-color: rgba(30, 66, 159, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-blue-900 {
+      --bg-opacity: 1;
+      background-color: #233876;
+      background-color: rgba(35, 56, 118, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-indigo-50 {
+      --bg-opacity: 1;
+      background-color: #f0f5ff;
+      background-color: rgba(240, 245, 255, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-indigo-100 {
+      --bg-opacity: 1;
+      background-color: #e5edff;
+      background-color: rgba(229, 237, 255, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-indigo-200 {
+      --bg-opacity: 1;
+      background-color: #cddbfe;
+      background-color: rgba(205, 219, 254, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-indigo-300 {
+      --bg-opacity: 1;
+      background-color: #b4c6fc;
+      background-color: rgba(180, 198, 252, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-indigo-400 {
+      --bg-opacity: 1;
+      background-color: #8da2fb;
+      background-color: rgba(141, 162, 251, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-indigo-500 {
+      --bg-opacity: 1;
+      background-color: #6875f5;
+      background-color: rgba(104, 117, 245, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-indigo-600 {
+      --bg-opacity: 1;
+      background-color: #5850ec;
+      background-color: rgba(88, 80, 236, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-indigo-700 {
+      --bg-opacity: 1;
+      background-color: #5145cd;
+      background-color: rgba(81, 69, 205, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-indigo-800 {
+      --bg-opacity: 1;
+      background-color: #42389d;
+      background-color: rgba(66, 56, 157, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-indigo-900 {
+      --bg-opacity: 1;
+      background-color: #362f78;
+      background-color: rgba(54, 47, 120, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-purple-50 {
+      --bg-opacity: 1;
+      background-color: #f6f5ff;
+      background-color: rgba(246, 245, 255, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-purple-100 {
+      --bg-opacity: 1;
+      background-color: #edebfe;
+      background-color: rgba(237, 235, 254, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-purple-200 {
+      --bg-opacity: 1;
+      background-color: #dcd7fe;
+      background-color: rgba(220, 215, 254, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-purple-300 {
+      --bg-opacity: 1;
+      background-color: #cabffd;
+      background-color: rgba(202, 191, 253, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-purple-400 {
+      --bg-opacity: 1;
+      background-color: #ac94fa;
+      background-color: rgba(172, 148, 250, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-purple-500 {
+      --bg-opacity: 1;
+      background-color: #9061f9;
+      background-color: rgba(144, 97, 249, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-purple-600 {
+      --bg-opacity: 1;
+      background-color: #7e3af2;
+      background-color: rgba(126, 58, 242, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-purple-700 {
+      --bg-opacity: 1;
+      background-color: #6c2bd9;
+      background-color: rgba(108, 43, 217, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-purple-800 {
+      --bg-opacity: 1;
+      background-color: #5521b5;
+      background-color: rgba(85, 33, 181, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-purple-900 {
+      --bg-opacity: 1;
+      background-color: #4a1d96;
+      background-color: rgba(74, 29, 150, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-pink-50 {
+      --bg-opacity: 1;
+      background-color: #fdf2f8;
+      background-color: rgba(253, 242, 248, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-pink-100 {
+      --bg-opacity: 1;
+      background-color: #fce8f3;
+      background-color: rgba(252, 232, 243, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-pink-200 {
+      --bg-opacity: 1;
+      background-color: #fad1e8;
+      background-color: rgba(250, 209, 232, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-pink-300 {
+      --bg-opacity: 1;
+      background-color: #f8b4d9;
+      background-color: rgba(248, 180, 217, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-pink-400 {
+      --bg-opacity: 1;
+      background-color: #f17eb8;
+      background-color: rgba(241, 126, 184, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-pink-500 {
+      --bg-opacity: 1;
+      background-color: #e74694;
+      background-color: rgba(231, 70, 148, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-pink-600 {
+      --bg-opacity: 1;
+      background-color: #d61f69;
+      background-color: rgba(214, 31, 105, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-pink-700 {
+      --bg-opacity: 1;
+      background-color: #bf125d;
+      background-color: rgba(191, 18, 93, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-pink-800 {
+      --bg-opacity: 1;
+      background-color: #99154b;
+      background-color: rgba(153, 21, 75, var(--bg-opacity));
+    }
+
+    .lg\:dark\:bg-pink-900 {
+      --bg-opacity: 1;
+      background-color: #751a3d;
+      background-color: rgba(117, 26, 61, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-transparent:hover {
+      background-color: transparent;
+    }
+
+    .lg\:dark\:hover\:bg-current:hover {
+      background-color: currentColor;
+    }
+
+    .lg\:dark\:hover\:bg-black:hover {
+      --bg-opacity: 1;
+      background-color: #000000;
+      background-color: rgba(0, 0, 0, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-white:hover {
+      --bg-opacity: 1;
+      background-color: #ffffff;
+      background-color: rgba(255, 255, 255, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-gray-50:hover {
+      --bg-opacity: 1;
+      background-color: #f9fafb;
+      background-color: rgba(249, 250, 251, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-gray-100:hover {
+      --bg-opacity: 1;
+      background-color: #f4f5f7;
+      background-color: rgba(244, 245, 247, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-gray-200:hover {
+      --bg-opacity: 1;
+      background-color: #e5e7eb;
+      background-color: rgba(229, 231, 235, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-gray-300:hover {
+      --bg-opacity: 1;
+      background-color: #d2d6dc;
+      background-color: rgba(210, 214, 220, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-gray-400:hover {
+      --bg-opacity: 1;
+      background-color: #9fa6b2;
+      background-color: rgba(159, 166, 178, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-gray-500:hover {
+      --bg-opacity: 1;
+      background-color: #6b7280;
+      background-color: rgba(107, 114, 128, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-gray-600:hover {
+      --bg-opacity: 1;
+      background-color: #4b5563;
+      background-color: rgba(75, 85, 99, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-gray-700:hover {
+      --bg-opacity: 1;
+      background-color: #374151;
+      background-color: rgba(55, 65, 81, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-gray-800:hover {
+      --bg-opacity: 1;
+      background-color: #252f3f;
+      background-color: rgba(37, 47, 63, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-gray-900:hover {
+      --bg-opacity: 1;
+      background-color: #161e2e;
+      background-color: rgba(22, 30, 46, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-red-50:hover {
+      --bg-opacity: 1;
+      background-color: #fdf2f2;
+      background-color: rgba(253, 242, 242, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-red-100:hover {
+      --bg-opacity: 1;
+      background-color: #fde8e8;
+      background-color: rgba(253, 232, 232, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-red-200:hover {
+      --bg-opacity: 1;
+      background-color: #fbd5d5;
+      background-color: rgba(251, 213, 213, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-red-300:hover {
+      --bg-opacity: 1;
+      background-color: #f8b4b4;
+      background-color: rgba(248, 180, 180, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-red-400:hover {
+      --bg-opacity: 1;
+      background-color: #f98080;
+      background-color: rgba(249, 128, 128, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-red-500:hover {
+      --bg-opacity: 1;
+      background-color: #f05252;
+      background-color: rgba(240, 82, 82, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-red-600:hover {
+      --bg-opacity: 1;
+      background-color: #e02424;
+      background-color: rgba(224, 36, 36, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-red-700:hover {
+      --bg-opacity: 1;
+      background-color: #c81e1e;
+      background-color: rgba(200, 30, 30, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-red-800:hover {
+      --bg-opacity: 1;
+      background-color: #9b1c1c;
+      background-color: rgba(155, 28, 28, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-red-900:hover {
+      --bg-opacity: 1;
+      background-color: #771d1d;
+      background-color: rgba(119, 29, 29, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-orange-50:hover {
+      --bg-opacity: 1;
+      background-color: #fff8f1;
+      background-color: rgba(255, 248, 241, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-orange-100:hover {
+      --bg-opacity: 1;
+      background-color: #feecdc;
+      background-color: rgba(254, 236, 220, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-orange-200:hover {
+      --bg-opacity: 1;
+      background-color: #fcd9bd;
+      background-color: rgba(252, 217, 189, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-orange-300:hover {
+      --bg-opacity: 1;
+      background-color: #fdba8c;
+      background-color: rgba(253, 186, 140, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-orange-400:hover {
+      --bg-opacity: 1;
+      background-color: #ff8a4c;
+      background-color: rgba(255, 138, 76, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-orange-500:hover {
+      --bg-opacity: 1;
+      background-color: #ff5a1f;
+      background-color: rgba(255, 90, 31, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-orange-600:hover {
+      --bg-opacity: 1;
+      background-color: #d03801;
+      background-color: rgba(208, 56, 1, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-orange-700:hover {
+      --bg-opacity: 1;
+      background-color: #b43403;
+      background-color: rgba(180, 52, 3, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-orange-800:hover {
+      --bg-opacity: 1;
+      background-color: #8a2c0d;
+      background-color: rgba(138, 44, 13, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-orange-900:hover {
+      --bg-opacity: 1;
+      background-color: #73230d;
+      background-color: rgba(115, 35, 13, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-yellow-50:hover {
+      --bg-opacity: 1;
+      background-color: #fdfdea;
+      background-color: rgba(253, 253, 234, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-yellow-100:hover {
+      --bg-opacity: 1;
+      background-color: #fdf6b2;
+      background-color: rgba(253, 246, 178, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-yellow-200:hover {
+      --bg-opacity: 1;
+      background-color: #fce96a;
+      background-color: rgba(252, 233, 106, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-yellow-300:hover {
+      --bg-opacity: 1;
+      background-color: #faca15;
+      background-color: rgba(250, 202, 21, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-yellow-400:hover {
+      --bg-opacity: 1;
+      background-color: #e3a008;
+      background-color: rgba(227, 160, 8, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-yellow-500:hover {
+      --bg-opacity: 1;
+      background-color: #c27803;
+      background-color: rgba(194, 120, 3, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-yellow-600:hover {
+      --bg-opacity: 1;
+      background-color: #9f580a;
+      background-color: rgba(159, 88, 10, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-yellow-700:hover {
+      --bg-opacity: 1;
+      background-color: #8e4b10;
+      background-color: rgba(142, 75, 16, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-yellow-800:hover {
+      --bg-opacity: 1;
+      background-color: #723b13;
+      background-color: rgba(114, 59, 19, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-yellow-900:hover {
+      --bg-opacity: 1;
+      background-color: #633112;
+      background-color: rgba(99, 49, 18, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-green-50:hover {
+      --bg-opacity: 1;
+      background-color: #f3faf7;
+      background-color: rgba(243, 250, 247, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-green-100:hover {
+      --bg-opacity: 1;
+      background-color: #def7ec;
+      background-color: rgba(222, 247, 236, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-green-200:hover {
+      --bg-opacity: 1;
+      background-color: #bcf0da;
+      background-color: rgba(188, 240, 218, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-green-300:hover {
+      --bg-opacity: 1;
+      background-color: #84e1bc;
+      background-color: rgba(132, 225, 188, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-green-400:hover {
+      --bg-opacity: 1;
+      background-color: #31c48d;
+      background-color: rgba(49, 196, 141, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-green-500:hover {
+      --bg-opacity: 1;
+      background-color: #0e9f6e;
+      background-color: rgba(14, 159, 110, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-green-600:hover {
+      --bg-opacity: 1;
+      background-color: #057a55;
+      background-color: rgba(5, 122, 85, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-green-700:hover {
+      --bg-opacity: 1;
+      background-color: #046c4e;
+      background-color: rgba(4, 108, 78, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-green-800:hover {
+      --bg-opacity: 1;
+      background-color: #03543f;
+      background-color: rgba(3, 84, 63, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-green-900:hover {
+      --bg-opacity: 1;
+      background-color: #014737;
+      background-color: rgba(1, 71, 55, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-teal-50:hover {
+      --bg-opacity: 1;
+      background-color: #edfafa;
+      background-color: rgba(237, 250, 250, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-teal-100:hover {
+      --bg-opacity: 1;
+      background-color: #d5f5f6;
+      background-color: rgba(213, 245, 246, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-teal-200:hover {
+      --bg-opacity: 1;
+      background-color: #afecef;
+      background-color: rgba(175, 236, 239, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-teal-300:hover {
+      --bg-opacity: 1;
+      background-color: #7edce2;
+      background-color: rgba(126, 220, 226, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-teal-400:hover {
+      --bg-opacity: 1;
+      background-color: #16bdca;
+      background-color: rgba(22, 189, 202, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-teal-500:hover {
+      --bg-opacity: 1;
+      background-color: #0694a2;
+      background-color: rgba(6, 148, 162, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-teal-600:hover {
+      --bg-opacity: 1;
+      background-color: #047481;
+      background-color: rgba(4, 116, 129, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-teal-700:hover {
+      --bg-opacity: 1;
+      background-color: #036672;
+      background-color: rgba(3, 102, 114, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-teal-800:hover {
+      --bg-opacity: 1;
+      background-color: #05505c;
+      background-color: rgba(5, 80, 92, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-teal-900:hover {
+      --bg-opacity: 1;
+      background-color: #014451;
+      background-color: rgba(1, 68, 81, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-blue-50:hover {
+      --bg-opacity: 1;
+      background-color: #ebf5ff;
+      background-color: rgba(235, 245, 255, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-blue-100:hover {
+      --bg-opacity: 1;
+      background-color: #e1effe;
+      background-color: rgba(225, 239, 254, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-blue-200:hover {
+      --bg-opacity: 1;
+      background-color: #c3ddfd;
+      background-color: rgba(195, 221, 253, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-blue-300:hover {
+      --bg-opacity: 1;
+      background-color: #a4cafe;
+      background-color: rgba(164, 202, 254, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-blue-400:hover {
+      --bg-opacity: 1;
+      background-color: #76a9fa;
+      background-color: rgba(118, 169, 250, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-blue-500:hover {
+      --bg-opacity: 1;
+      background-color: #3f83f8;
+      background-color: rgba(63, 131, 248, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-blue-600:hover {
+      --bg-opacity: 1;
+      background-color: #1c64f2;
+      background-color: rgba(28, 100, 242, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-blue-700:hover {
+      --bg-opacity: 1;
+      background-color: #1a56db;
+      background-color: rgba(26, 86, 219, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-blue-800:hover {
+      --bg-opacity: 1;
+      background-color: #1e429f;
+      background-color: rgba(30, 66, 159, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-blue-900:hover {
+      --bg-opacity: 1;
+      background-color: #233876;
+      background-color: rgba(35, 56, 118, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-indigo-50:hover {
+      --bg-opacity: 1;
+      background-color: #f0f5ff;
+      background-color: rgba(240, 245, 255, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-indigo-100:hover {
+      --bg-opacity: 1;
+      background-color: #e5edff;
+      background-color: rgba(229, 237, 255, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-indigo-200:hover {
+      --bg-opacity: 1;
+      background-color: #cddbfe;
+      background-color: rgba(205, 219, 254, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-indigo-300:hover {
+      --bg-opacity: 1;
+      background-color: #b4c6fc;
+      background-color: rgba(180, 198, 252, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-indigo-400:hover {
+      --bg-opacity: 1;
+      background-color: #8da2fb;
+      background-color: rgba(141, 162, 251, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-indigo-500:hover {
+      --bg-opacity: 1;
+      background-color: #6875f5;
+      background-color: rgba(104, 117, 245, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-indigo-600:hover {
+      --bg-opacity: 1;
+      background-color: #5850ec;
+      background-color: rgba(88, 80, 236, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-indigo-700:hover {
+      --bg-opacity: 1;
+      background-color: #5145cd;
+      background-color: rgba(81, 69, 205, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-indigo-800:hover {
+      --bg-opacity: 1;
+      background-color: #42389d;
+      background-color: rgba(66, 56, 157, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-indigo-900:hover {
+      --bg-opacity: 1;
+      background-color: #362f78;
+      background-color: rgba(54, 47, 120, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-purple-50:hover {
+      --bg-opacity: 1;
+      background-color: #f6f5ff;
+      background-color: rgba(246, 245, 255, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-purple-100:hover {
+      --bg-opacity: 1;
+      background-color: #edebfe;
+      background-color: rgba(237, 235, 254, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-purple-200:hover {
+      --bg-opacity: 1;
+      background-color: #dcd7fe;
+      background-color: rgba(220, 215, 254, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-purple-300:hover {
+      --bg-opacity: 1;
+      background-color: #cabffd;
+      background-color: rgba(202, 191, 253, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-purple-400:hover {
+      --bg-opacity: 1;
+      background-color: #ac94fa;
+      background-color: rgba(172, 148, 250, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-purple-500:hover {
+      --bg-opacity: 1;
+      background-color: #9061f9;
+      background-color: rgba(144, 97, 249, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-purple-600:hover {
+      --bg-opacity: 1;
+      background-color: #7e3af2;
+      background-color: rgba(126, 58, 242, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-purple-700:hover {
+      --bg-opacity: 1;
+      background-color: #6c2bd9;
+      background-color: rgba(108, 43, 217, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-purple-800:hover {
+      --bg-opacity: 1;
+      background-color: #5521b5;
+      background-color: rgba(85, 33, 181, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-purple-900:hover {
+      --bg-opacity: 1;
+      background-color: #4a1d96;
+      background-color: rgba(74, 29, 150, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-pink-50:hover {
+      --bg-opacity: 1;
+      background-color: #fdf2f8;
+      background-color: rgba(253, 242, 248, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-pink-100:hover {
+      --bg-opacity: 1;
+      background-color: #fce8f3;
+      background-color: rgba(252, 232, 243, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-pink-200:hover {
+      --bg-opacity: 1;
+      background-color: #fad1e8;
+      background-color: rgba(250, 209, 232, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-pink-300:hover {
+      --bg-opacity: 1;
+      background-color: #f8b4d9;
+      background-color: rgba(248, 180, 217, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-pink-400:hover {
+      --bg-opacity: 1;
+      background-color: #f17eb8;
+      background-color: rgba(241, 126, 184, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-pink-500:hover {
+      --bg-opacity: 1;
+      background-color: #e74694;
+      background-color: rgba(231, 70, 148, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-pink-600:hover {
+      --bg-opacity: 1;
+      background-color: #d61f69;
+      background-color: rgba(214, 31, 105, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-pink-700:hover {
+      --bg-opacity: 1;
+      background-color: #bf125d;
+      background-color: rgba(191, 18, 93, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-pink-800:hover {
+      --bg-opacity: 1;
+      background-color: #99154b;
+      background-color: rgba(153, 21, 75, var(--bg-opacity));
+    }
+
+    .lg\:dark\:hover\:bg-pink-900:hover {
+      --bg-opacity: 1;
+      background-color: #751a3d;
+      background-color: rgba(117, 26, 61, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-transparent:focus {
+      background-color: transparent;
+    }
+
+    .lg\:dark\:focus\:bg-current:focus {
+      background-color: currentColor;
+    }
+
+    .lg\:dark\:focus\:bg-black:focus {
+      --bg-opacity: 1;
+      background-color: #000000;
+      background-color: rgba(0, 0, 0, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-white:focus {
+      --bg-opacity: 1;
+      background-color: #ffffff;
+      background-color: rgba(255, 255, 255, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-gray-50:focus {
+      --bg-opacity: 1;
+      background-color: #f9fafb;
+      background-color: rgba(249, 250, 251, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-gray-100:focus {
+      --bg-opacity: 1;
+      background-color: #f4f5f7;
+      background-color: rgba(244, 245, 247, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-gray-200:focus {
+      --bg-opacity: 1;
+      background-color: #e5e7eb;
+      background-color: rgba(229, 231, 235, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-gray-300:focus {
+      --bg-opacity: 1;
+      background-color: #d2d6dc;
+      background-color: rgba(210, 214, 220, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-gray-400:focus {
+      --bg-opacity: 1;
+      background-color: #9fa6b2;
+      background-color: rgba(159, 166, 178, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-gray-500:focus {
+      --bg-opacity: 1;
+      background-color: #6b7280;
+      background-color: rgba(107, 114, 128, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-gray-600:focus {
+      --bg-opacity: 1;
+      background-color: #4b5563;
+      background-color: rgba(75, 85, 99, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-gray-700:focus {
+      --bg-opacity: 1;
+      background-color: #374151;
+      background-color: rgba(55, 65, 81, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-gray-800:focus {
+      --bg-opacity: 1;
+      background-color: #252f3f;
+      background-color: rgba(37, 47, 63, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-gray-900:focus {
+      --bg-opacity: 1;
+      background-color: #161e2e;
+      background-color: rgba(22, 30, 46, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-red-50:focus {
+      --bg-opacity: 1;
+      background-color: #fdf2f2;
+      background-color: rgba(253, 242, 242, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-red-100:focus {
+      --bg-opacity: 1;
+      background-color: #fde8e8;
+      background-color: rgba(253, 232, 232, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-red-200:focus {
+      --bg-opacity: 1;
+      background-color: #fbd5d5;
+      background-color: rgba(251, 213, 213, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-red-300:focus {
+      --bg-opacity: 1;
+      background-color: #f8b4b4;
+      background-color: rgba(248, 180, 180, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-red-400:focus {
+      --bg-opacity: 1;
+      background-color: #f98080;
+      background-color: rgba(249, 128, 128, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-red-500:focus {
+      --bg-opacity: 1;
+      background-color: #f05252;
+      background-color: rgba(240, 82, 82, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-red-600:focus {
+      --bg-opacity: 1;
+      background-color: #e02424;
+      background-color: rgba(224, 36, 36, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-red-700:focus {
+      --bg-opacity: 1;
+      background-color: #c81e1e;
+      background-color: rgba(200, 30, 30, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-red-800:focus {
+      --bg-opacity: 1;
+      background-color: #9b1c1c;
+      background-color: rgba(155, 28, 28, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-red-900:focus {
+      --bg-opacity: 1;
+      background-color: #771d1d;
+      background-color: rgba(119, 29, 29, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-orange-50:focus {
+      --bg-opacity: 1;
+      background-color: #fff8f1;
+      background-color: rgba(255, 248, 241, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-orange-100:focus {
+      --bg-opacity: 1;
+      background-color: #feecdc;
+      background-color: rgba(254, 236, 220, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-orange-200:focus {
+      --bg-opacity: 1;
+      background-color: #fcd9bd;
+      background-color: rgba(252, 217, 189, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-orange-300:focus {
+      --bg-opacity: 1;
+      background-color: #fdba8c;
+      background-color: rgba(253, 186, 140, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-orange-400:focus {
+      --bg-opacity: 1;
+      background-color: #ff8a4c;
+      background-color: rgba(255, 138, 76, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-orange-500:focus {
+      --bg-opacity: 1;
+      background-color: #ff5a1f;
+      background-color: rgba(255, 90, 31, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-orange-600:focus {
+      --bg-opacity: 1;
+      background-color: #d03801;
+      background-color: rgba(208, 56, 1, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-orange-700:focus {
+      --bg-opacity: 1;
+      background-color: #b43403;
+      background-color: rgba(180, 52, 3, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-orange-800:focus {
+      --bg-opacity: 1;
+      background-color: #8a2c0d;
+      background-color: rgba(138, 44, 13, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-orange-900:focus {
+      --bg-opacity: 1;
+      background-color: #73230d;
+      background-color: rgba(115, 35, 13, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-yellow-50:focus {
+      --bg-opacity: 1;
+      background-color: #fdfdea;
+      background-color: rgba(253, 253, 234, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-yellow-100:focus {
+      --bg-opacity: 1;
+      background-color: #fdf6b2;
+      background-color: rgba(253, 246, 178, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-yellow-200:focus {
+      --bg-opacity: 1;
+      background-color: #fce96a;
+      background-color: rgba(252, 233, 106, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-yellow-300:focus {
+      --bg-opacity: 1;
+      background-color: #faca15;
+      background-color: rgba(250, 202, 21, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-yellow-400:focus {
+      --bg-opacity: 1;
+      background-color: #e3a008;
+      background-color: rgba(227, 160, 8, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-yellow-500:focus {
+      --bg-opacity: 1;
+      background-color: #c27803;
+      background-color: rgba(194, 120, 3, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-yellow-600:focus {
+      --bg-opacity: 1;
+      background-color: #9f580a;
+      background-color: rgba(159, 88, 10, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-yellow-700:focus {
+      --bg-opacity: 1;
+      background-color: #8e4b10;
+      background-color: rgba(142, 75, 16, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-yellow-800:focus {
+      --bg-opacity: 1;
+      background-color: #723b13;
+      background-color: rgba(114, 59, 19, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-yellow-900:focus {
+      --bg-opacity: 1;
+      background-color: #633112;
+      background-color: rgba(99, 49, 18, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-green-50:focus {
+      --bg-opacity: 1;
+      background-color: #f3faf7;
+      background-color: rgba(243, 250, 247, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-green-100:focus {
+      --bg-opacity: 1;
+      background-color: #def7ec;
+      background-color: rgba(222, 247, 236, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-green-200:focus {
+      --bg-opacity: 1;
+      background-color: #bcf0da;
+      background-color: rgba(188, 240, 218, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-green-300:focus {
+      --bg-opacity: 1;
+      background-color: #84e1bc;
+      background-color: rgba(132, 225, 188, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-green-400:focus {
+      --bg-opacity: 1;
+      background-color: #31c48d;
+      background-color: rgba(49, 196, 141, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-green-500:focus {
+      --bg-opacity: 1;
+      background-color: #0e9f6e;
+      background-color: rgba(14, 159, 110, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-green-600:focus {
+      --bg-opacity: 1;
+      background-color: #057a55;
+      background-color: rgba(5, 122, 85, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-green-700:focus {
+      --bg-opacity: 1;
+      background-color: #046c4e;
+      background-color: rgba(4, 108, 78, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-green-800:focus {
+      --bg-opacity: 1;
+      background-color: #03543f;
+      background-color: rgba(3, 84, 63, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-green-900:focus {
+      --bg-opacity: 1;
+      background-color: #014737;
+      background-color: rgba(1, 71, 55, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-teal-50:focus {
+      --bg-opacity: 1;
+      background-color: #edfafa;
+      background-color: rgba(237, 250, 250, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-teal-100:focus {
+      --bg-opacity: 1;
+      background-color: #d5f5f6;
+      background-color: rgba(213, 245, 246, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-teal-200:focus {
+      --bg-opacity: 1;
+      background-color: #afecef;
+      background-color: rgba(175, 236, 239, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-teal-300:focus {
+      --bg-opacity: 1;
+      background-color: #7edce2;
+      background-color: rgba(126, 220, 226, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-teal-400:focus {
+      --bg-opacity: 1;
+      background-color: #16bdca;
+      background-color: rgba(22, 189, 202, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-teal-500:focus {
+      --bg-opacity: 1;
+      background-color: #0694a2;
+      background-color: rgba(6, 148, 162, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-teal-600:focus {
+      --bg-opacity: 1;
+      background-color: #047481;
+      background-color: rgba(4, 116, 129, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-teal-700:focus {
+      --bg-opacity: 1;
+      background-color: #036672;
+      background-color: rgba(3, 102, 114, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-teal-800:focus {
+      --bg-opacity: 1;
+      background-color: #05505c;
+      background-color: rgba(5, 80, 92, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-teal-900:focus {
+      --bg-opacity: 1;
+      background-color: #014451;
+      background-color: rgba(1, 68, 81, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-blue-50:focus {
+      --bg-opacity: 1;
+      background-color: #ebf5ff;
+      background-color: rgba(235, 245, 255, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-blue-100:focus {
+      --bg-opacity: 1;
+      background-color: #e1effe;
+      background-color: rgba(225, 239, 254, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-blue-200:focus {
+      --bg-opacity: 1;
+      background-color: #c3ddfd;
+      background-color: rgba(195, 221, 253, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-blue-300:focus {
+      --bg-opacity: 1;
+      background-color: #a4cafe;
+      background-color: rgba(164, 202, 254, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-blue-400:focus {
+      --bg-opacity: 1;
+      background-color: #76a9fa;
+      background-color: rgba(118, 169, 250, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-blue-500:focus {
+      --bg-opacity: 1;
+      background-color: #3f83f8;
+      background-color: rgba(63, 131, 248, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-blue-600:focus {
+      --bg-opacity: 1;
+      background-color: #1c64f2;
+      background-color: rgba(28, 100, 242, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-blue-700:focus {
+      --bg-opacity: 1;
+      background-color: #1a56db;
+      background-color: rgba(26, 86, 219, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-blue-800:focus {
+      --bg-opacity: 1;
+      background-color: #1e429f;
+      background-color: rgba(30, 66, 159, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-blue-900:focus {
+      --bg-opacity: 1;
+      background-color: #233876;
+      background-color: rgba(35, 56, 118, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-indigo-50:focus {
+      --bg-opacity: 1;
+      background-color: #f0f5ff;
+      background-color: rgba(240, 245, 255, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-indigo-100:focus {
+      --bg-opacity: 1;
+      background-color: #e5edff;
+      background-color: rgba(229, 237, 255, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-indigo-200:focus {
+      --bg-opacity: 1;
+      background-color: #cddbfe;
+      background-color: rgba(205, 219, 254, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-indigo-300:focus {
+      --bg-opacity: 1;
+      background-color: #b4c6fc;
+      background-color: rgba(180, 198, 252, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-indigo-400:focus {
+      --bg-opacity: 1;
+      background-color: #8da2fb;
+      background-color: rgba(141, 162, 251, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-indigo-500:focus {
+      --bg-opacity: 1;
+      background-color: #6875f5;
+      background-color: rgba(104, 117, 245, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-indigo-600:focus {
+      --bg-opacity: 1;
+      background-color: #5850ec;
+      background-color: rgba(88, 80, 236, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-indigo-700:focus {
+      --bg-opacity: 1;
+      background-color: #5145cd;
+      background-color: rgba(81, 69, 205, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-indigo-800:focus {
+      --bg-opacity: 1;
+      background-color: #42389d;
+      background-color: rgba(66, 56, 157, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-indigo-900:focus {
+      --bg-opacity: 1;
+      background-color: #362f78;
+      background-color: rgba(54, 47, 120, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-purple-50:focus {
+      --bg-opacity: 1;
+      background-color: #f6f5ff;
+      background-color: rgba(246, 245, 255, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-purple-100:focus {
+      --bg-opacity: 1;
+      background-color: #edebfe;
+      background-color: rgba(237, 235, 254, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-purple-200:focus {
+      --bg-opacity: 1;
+      background-color: #dcd7fe;
+      background-color: rgba(220, 215, 254, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-purple-300:focus {
+      --bg-opacity: 1;
+      background-color: #cabffd;
+      background-color: rgba(202, 191, 253, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-purple-400:focus {
+      --bg-opacity: 1;
+      background-color: #ac94fa;
+      background-color: rgba(172, 148, 250, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-purple-500:focus {
+      --bg-opacity: 1;
+      background-color: #9061f9;
+      background-color: rgba(144, 97, 249, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-purple-600:focus {
+      --bg-opacity: 1;
+      background-color: #7e3af2;
+      background-color: rgba(126, 58, 242, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-purple-700:focus {
+      --bg-opacity: 1;
+      background-color: #6c2bd9;
+      background-color: rgba(108, 43, 217, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-purple-800:focus {
+      --bg-opacity: 1;
+      background-color: #5521b5;
+      background-color: rgba(85, 33, 181, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-purple-900:focus {
+      --bg-opacity: 1;
+      background-color: #4a1d96;
+      background-color: rgba(74, 29, 150, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-pink-50:focus {
+      --bg-opacity: 1;
+      background-color: #fdf2f8;
+      background-color: rgba(253, 242, 248, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-pink-100:focus {
+      --bg-opacity: 1;
+      background-color: #fce8f3;
+      background-color: rgba(252, 232, 243, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-pink-200:focus {
+      --bg-opacity: 1;
+      background-color: #fad1e8;
+      background-color: rgba(250, 209, 232, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-pink-300:focus {
+      --bg-opacity: 1;
+      background-color: #f8b4d9;
+      background-color: rgba(248, 180, 217, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-pink-400:focus {
+      --bg-opacity: 1;
+      background-color: #f17eb8;
+      background-color: rgba(241, 126, 184, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-pink-500:focus {
+      --bg-opacity: 1;
+      background-color: #e74694;
+      background-color: rgba(231, 70, 148, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-pink-600:focus {
+      --bg-opacity: 1;
+      background-color: #d61f69;
+      background-color: rgba(214, 31, 105, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-pink-700:focus {
+      --bg-opacity: 1;
+      background-color: #bf125d;
+      background-color: rgba(191, 18, 93, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-pink-800:focus {
+      --bg-opacity: 1;
+      background-color: #99154b;
+      background-color: rgba(153, 21, 75, var(--bg-opacity));
+    }
+
+    .lg\:dark\:focus\:bg-pink-900:focus {
+      --bg-opacity: 1;
+      background-color: #751a3d;
+      background-color: rgba(117, 26, 61, var(--bg-opacity));
+    }
+  }
+
   .lg\:bg-none {
     background-image: none;
   }
@@ -97710,6 +135654,4376 @@ video {
     --gradient-to-color: #751a3d;
   }
 
+  @media (prefers-color-scheme: dark) {
+    .lg\:dark\:from-transparent {
+      --gradient-from-color: transparent;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .lg\:dark\:from-current {
+      --gradient-from-color: currentColor;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .lg\:dark\:from-black {
+      --gradient-from-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .lg\:dark\:from-white {
+      --gradient-from-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .lg\:dark\:from-gray-50 {
+      --gradient-from-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .lg\:dark\:from-gray-100 {
+      --gradient-from-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .lg\:dark\:from-gray-200 {
+      --gradient-from-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .lg\:dark\:from-gray-300 {
+      --gradient-from-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .lg\:dark\:from-gray-400 {
+      --gradient-from-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .lg\:dark\:from-gray-500 {
+      --gradient-from-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .lg\:dark\:from-gray-600 {
+      --gradient-from-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .lg\:dark\:from-gray-700 {
+      --gradient-from-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .lg\:dark\:from-gray-800 {
+      --gradient-from-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .lg\:dark\:from-gray-900 {
+      --gradient-from-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .lg\:dark\:from-red-50 {
+      --gradient-from-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .lg\:dark\:from-red-100 {
+      --gradient-from-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .lg\:dark\:from-red-200 {
+      --gradient-from-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .lg\:dark\:from-red-300 {
+      --gradient-from-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .lg\:dark\:from-red-400 {
+      --gradient-from-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .lg\:dark\:from-red-500 {
+      --gradient-from-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .lg\:dark\:from-red-600 {
+      --gradient-from-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .lg\:dark\:from-red-700 {
+      --gradient-from-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .lg\:dark\:from-red-800 {
+      --gradient-from-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .lg\:dark\:from-red-900 {
+      --gradient-from-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .lg\:dark\:from-orange-50 {
+      --gradient-from-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .lg\:dark\:from-orange-100 {
+      --gradient-from-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .lg\:dark\:from-orange-200 {
+      --gradient-from-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .lg\:dark\:from-orange-300 {
+      --gradient-from-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .lg\:dark\:from-orange-400 {
+      --gradient-from-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .lg\:dark\:from-orange-500 {
+      --gradient-from-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .lg\:dark\:from-orange-600 {
+      --gradient-from-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .lg\:dark\:from-orange-700 {
+      --gradient-from-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .lg\:dark\:from-orange-800 {
+      --gradient-from-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .lg\:dark\:from-orange-900 {
+      --gradient-from-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .lg\:dark\:from-yellow-50 {
+      --gradient-from-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .lg\:dark\:from-yellow-100 {
+      --gradient-from-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .lg\:dark\:from-yellow-200 {
+      --gradient-from-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .lg\:dark\:from-yellow-300 {
+      --gradient-from-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .lg\:dark\:from-yellow-400 {
+      --gradient-from-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .lg\:dark\:from-yellow-500 {
+      --gradient-from-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .lg\:dark\:from-yellow-600 {
+      --gradient-from-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .lg\:dark\:from-yellow-700 {
+      --gradient-from-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .lg\:dark\:from-yellow-800 {
+      --gradient-from-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .lg\:dark\:from-yellow-900 {
+      --gradient-from-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .lg\:dark\:from-green-50 {
+      --gradient-from-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .lg\:dark\:from-green-100 {
+      --gradient-from-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .lg\:dark\:from-green-200 {
+      --gradient-from-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .lg\:dark\:from-green-300 {
+      --gradient-from-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .lg\:dark\:from-green-400 {
+      --gradient-from-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .lg\:dark\:from-green-500 {
+      --gradient-from-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .lg\:dark\:from-green-600 {
+      --gradient-from-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .lg\:dark\:from-green-700 {
+      --gradient-from-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .lg\:dark\:from-green-800 {
+      --gradient-from-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .lg\:dark\:from-green-900 {
+      --gradient-from-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .lg\:dark\:from-teal-50 {
+      --gradient-from-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .lg\:dark\:from-teal-100 {
+      --gradient-from-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .lg\:dark\:from-teal-200 {
+      --gradient-from-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .lg\:dark\:from-teal-300 {
+      --gradient-from-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .lg\:dark\:from-teal-400 {
+      --gradient-from-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .lg\:dark\:from-teal-500 {
+      --gradient-from-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .lg\:dark\:from-teal-600 {
+      --gradient-from-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .lg\:dark\:from-teal-700 {
+      --gradient-from-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .lg\:dark\:from-teal-800 {
+      --gradient-from-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .lg\:dark\:from-teal-900 {
+      --gradient-from-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .lg\:dark\:from-blue-50 {
+      --gradient-from-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .lg\:dark\:from-blue-100 {
+      --gradient-from-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .lg\:dark\:from-blue-200 {
+      --gradient-from-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .lg\:dark\:from-blue-300 {
+      --gradient-from-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .lg\:dark\:from-blue-400 {
+      --gradient-from-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .lg\:dark\:from-blue-500 {
+      --gradient-from-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .lg\:dark\:from-blue-600 {
+      --gradient-from-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .lg\:dark\:from-blue-700 {
+      --gradient-from-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .lg\:dark\:from-blue-800 {
+      --gradient-from-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .lg\:dark\:from-blue-900 {
+      --gradient-from-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .lg\:dark\:from-indigo-50 {
+      --gradient-from-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .lg\:dark\:from-indigo-100 {
+      --gradient-from-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .lg\:dark\:from-indigo-200 {
+      --gradient-from-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .lg\:dark\:from-indigo-300 {
+      --gradient-from-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .lg\:dark\:from-indigo-400 {
+      --gradient-from-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .lg\:dark\:from-indigo-500 {
+      --gradient-from-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .lg\:dark\:from-indigo-600 {
+      --gradient-from-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .lg\:dark\:from-indigo-700 {
+      --gradient-from-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .lg\:dark\:from-indigo-800 {
+      --gradient-from-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .lg\:dark\:from-indigo-900 {
+      --gradient-from-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .lg\:dark\:from-purple-50 {
+      --gradient-from-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .lg\:dark\:from-purple-100 {
+      --gradient-from-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .lg\:dark\:from-purple-200 {
+      --gradient-from-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .lg\:dark\:from-purple-300 {
+      --gradient-from-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .lg\:dark\:from-purple-400 {
+      --gradient-from-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .lg\:dark\:from-purple-500 {
+      --gradient-from-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .lg\:dark\:from-purple-600 {
+      --gradient-from-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .lg\:dark\:from-purple-700 {
+      --gradient-from-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .lg\:dark\:from-purple-800 {
+      --gradient-from-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .lg\:dark\:from-purple-900 {
+      --gradient-from-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .lg\:dark\:from-pink-50 {
+      --gradient-from-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .lg\:dark\:from-pink-100 {
+      --gradient-from-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .lg\:dark\:from-pink-200 {
+      --gradient-from-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .lg\:dark\:from-pink-300 {
+      --gradient-from-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .lg\:dark\:from-pink-400 {
+      --gradient-from-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .lg\:dark\:from-pink-500 {
+      --gradient-from-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .lg\:dark\:from-pink-600 {
+      --gradient-from-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .lg\:dark\:from-pink-700 {
+      --gradient-from-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .lg\:dark\:from-pink-800 {
+      --gradient-from-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .lg\:dark\:from-pink-900 {
+      --gradient-from-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .lg\:dark\: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\:dark\: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\:dark\:via-black {
+      --gradient-via-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .lg\:dark\:via-white {
+      --gradient-via-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .lg\:dark\:via-gray-50 {
+      --gradient-via-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .lg\:dark\:via-gray-100 {
+      --gradient-via-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .lg\:dark\:via-gray-200 {
+      --gradient-via-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .lg\:dark\:via-gray-300 {
+      --gradient-via-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .lg\:dark\:via-gray-400 {
+      --gradient-via-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .lg\:dark\:via-gray-500 {
+      --gradient-via-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .lg\:dark\:via-gray-600 {
+      --gradient-via-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .lg\:dark\:via-gray-700 {
+      --gradient-via-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .lg\:dark\:via-gray-800 {
+      --gradient-via-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .lg\:dark\:via-gray-900 {
+      --gradient-via-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .lg\:dark\:via-red-50 {
+      --gradient-via-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .lg\:dark\:via-red-100 {
+      --gradient-via-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .lg\:dark\:via-red-200 {
+      --gradient-via-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .lg\:dark\:via-red-300 {
+      --gradient-via-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .lg\:dark\:via-red-400 {
+      --gradient-via-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .lg\:dark\:via-red-500 {
+      --gradient-via-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .lg\:dark\:via-red-600 {
+      --gradient-via-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .lg\:dark\:via-red-700 {
+      --gradient-via-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .lg\:dark\:via-red-800 {
+      --gradient-via-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .lg\:dark\:via-red-900 {
+      --gradient-via-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .lg\:dark\:via-orange-50 {
+      --gradient-via-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .lg\:dark\:via-orange-100 {
+      --gradient-via-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .lg\:dark\:via-orange-200 {
+      --gradient-via-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .lg\:dark\:via-orange-300 {
+      --gradient-via-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .lg\:dark\:via-orange-400 {
+      --gradient-via-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .lg\:dark\:via-orange-500 {
+      --gradient-via-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .lg\:dark\:via-orange-600 {
+      --gradient-via-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .lg\:dark\:via-orange-700 {
+      --gradient-via-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .lg\:dark\:via-orange-800 {
+      --gradient-via-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .lg\:dark\:via-orange-900 {
+      --gradient-via-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .lg\:dark\:via-yellow-50 {
+      --gradient-via-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .lg\:dark\:via-yellow-100 {
+      --gradient-via-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .lg\:dark\:via-yellow-200 {
+      --gradient-via-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .lg\:dark\:via-yellow-300 {
+      --gradient-via-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .lg\:dark\:via-yellow-400 {
+      --gradient-via-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .lg\:dark\:via-yellow-500 {
+      --gradient-via-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .lg\:dark\:via-yellow-600 {
+      --gradient-via-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .lg\:dark\:via-yellow-700 {
+      --gradient-via-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .lg\:dark\:via-yellow-800 {
+      --gradient-via-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .lg\:dark\:via-yellow-900 {
+      --gradient-via-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .lg\:dark\:via-green-50 {
+      --gradient-via-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .lg\:dark\:via-green-100 {
+      --gradient-via-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .lg\:dark\:via-green-200 {
+      --gradient-via-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .lg\:dark\:via-green-300 {
+      --gradient-via-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .lg\:dark\:via-green-400 {
+      --gradient-via-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .lg\:dark\:via-green-500 {
+      --gradient-via-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .lg\:dark\:via-green-600 {
+      --gradient-via-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .lg\:dark\:via-green-700 {
+      --gradient-via-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .lg\:dark\:via-green-800 {
+      --gradient-via-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .lg\:dark\:via-green-900 {
+      --gradient-via-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .lg\:dark\:via-teal-50 {
+      --gradient-via-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .lg\:dark\:via-teal-100 {
+      --gradient-via-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .lg\:dark\:via-teal-200 {
+      --gradient-via-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .lg\:dark\:via-teal-300 {
+      --gradient-via-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .lg\:dark\:via-teal-400 {
+      --gradient-via-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .lg\:dark\:via-teal-500 {
+      --gradient-via-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .lg\:dark\:via-teal-600 {
+      --gradient-via-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .lg\:dark\:via-teal-700 {
+      --gradient-via-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .lg\:dark\:via-teal-800 {
+      --gradient-via-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .lg\:dark\:via-teal-900 {
+      --gradient-via-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .lg\:dark\:via-blue-50 {
+      --gradient-via-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .lg\:dark\:via-blue-100 {
+      --gradient-via-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .lg\:dark\:via-blue-200 {
+      --gradient-via-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .lg\:dark\:via-blue-300 {
+      --gradient-via-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .lg\:dark\:via-blue-400 {
+      --gradient-via-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .lg\:dark\:via-blue-500 {
+      --gradient-via-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .lg\:dark\:via-blue-600 {
+      --gradient-via-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .lg\:dark\:via-blue-700 {
+      --gradient-via-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .lg\:dark\:via-blue-800 {
+      --gradient-via-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .lg\:dark\:via-blue-900 {
+      --gradient-via-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .lg\:dark\:via-indigo-50 {
+      --gradient-via-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .lg\:dark\:via-indigo-100 {
+      --gradient-via-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .lg\:dark\:via-indigo-200 {
+      --gradient-via-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .lg\:dark\:via-indigo-300 {
+      --gradient-via-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .lg\:dark\:via-indigo-400 {
+      --gradient-via-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .lg\:dark\:via-indigo-500 {
+      --gradient-via-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .lg\:dark\:via-indigo-600 {
+      --gradient-via-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .lg\:dark\:via-indigo-700 {
+      --gradient-via-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .lg\:dark\:via-indigo-800 {
+      --gradient-via-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .lg\:dark\:via-indigo-900 {
+      --gradient-via-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .lg\:dark\:via-purple-50 {
+      --gradient-via-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .lg\:dark\:via-purple-100 {
+      --gradient-via-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .lg\:dark\:via-purple-200 {
+      --gradient-via-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .lg\:dark\:via-purple-300 {
+      --gradient-via-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .lg\:dark\:via-purple-400 {
+      --gradient-via-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .lg\:dark\:via-purple-500 {
+      --gradient-via-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .lg\:dark\:via-purple-600 {
+      --gradient-via-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .lg\:dark\:via-purple-700 {
+      --gradient-via-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .lg\:dark\:via-purple-800 {
+      --gradient-via-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .lg\:dark\:via-purple-900 {
+      --gradient-via-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .lg\:dark\:via-pink-50 {
+      --gradient-via-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .lg\:dark\:via-pink-100 {
+      --gradient-via-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .lg\:dark\:via-pink-200 {
+      --gradient-via-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .lg\:dark\:via-pink-300 {
+      --gradient-via-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .lg\:dark\:via-pink-400 {
+      --gradient-via-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .lg\:dark\:via-pink-500 {
+      --gradient-via-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .lg\:dark\:via-pink-600 {
+      --gradient-via-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .lg\:dark\:via-pink-700 {
+      --gradient-via-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .lg\:dark\:via-pink-800 {
+      --gradient-via-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .lg\:dark\:via-pink-900 {
+      --gradient-via-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .lg\:dark\:to-transparent {
+      --gradient-to-color: transparent;
+    }
+
+    .lg\:dark\:to-current {
+      --gradient-to-color: currentColor;
+    }
+
+    .lg\:dark\:to-black {
+      --gradient-to-color: #000000;
+    }
+
+    .lg\:dark\:to-white {
+      --gradient-to-color: #ffffff;
+    }
+
+    .lg\:dark\:to-gray-50 {
+      --gradient-to-color: #f9fafb;
+    }
+
+    .lg\:dark\:to-gray-100 {
+      --gradient-to-color: #f4f5f7;
+    }
+
+    .lg\:dark\:to-gray-200 {
+      --gradient-to-color: #e5e7eb;
+    }
+
+    .lg\:dark\:to-gray-300 {
+      --gradient-to-color: #d2d6dc;
+    }
+
+    .lg\:dark\:to-gray-400 {
+      --gradient-to-color: #9fa6b2;
+    }
+
+    .lg\:dark\:to-gray-500 {
+      --gradient-to-color: #6b7280;
+    }
+
+    .lg\:dark\:to-gray-600 {
+      --gradient-to-color: #4b5563;
+    }
+
+    .lg\:dark\:to-gray-700 {
+      --gradient-to-color: #374151;
+    }
+
+    .lg\:dark\:to-gray-800 {
+      --gradient-to-color: #252f3f;
+    }
+
+    .lg\:dark\:to-gray-900 {
+      --gradient-to-color: #161e2e;
+    }
+
+    .lg\:dark\:to-red-50 {
+      --gradient-to-color: #fdf2f2;
+    }
+
+    .lg\:dark\:to-red-100 {
+      --gradient-to-color: #fde8e8;
+    }
+
+    .lg\:dark\:to-red-200 {
+      --gradient-to-color: #fbd5d5;
+    }
+
+    .lg\:dark\:to-red-300 {
+      --gradient-to-color: #f8b4b4;
+    }
+
+    .lg\:dark\:to-red-400 {
+      --gradient-to-color: #f98080;
+    }
+
+    .lg\:dark\:to-red-500 {
+      --gradient-to-color: #f05252;
+    }
+
+    .lg\:dark\:to-red-600 {
+      --gradient-to-color: #e02424;
+    }
+
+    .lg\:dark\:to-red-700 {
+      --gradient-to-color: #c81e1e;
+    }
+
+    .lg\:dark\:to-red-800 {
+      --gradient-to-color: #9b1c1c;
+    }
+
+    .lg\:dark\:to-red-900 {
+      --gradient-to-color: #771d1d;
+    }
+
+    .lg\:dark\:to-orange-50 {
+      --gradient-to-color: #fff8f1;
+    }
+
+    .lg\:dark\:to-orange-100 {
+      --gradient-to-color: #feecdc;
+    }
+
+    .lg\:dark\:to-orange-200 {
+      --gradient-to-color: #fcd9bd;
+    }
+
+    .lg\:dark\:to-orange-300 {
+      --gradient-to-color: #fdba8c;
+    }
+
+    .lg\:dark\:to-orange-400 {
+      --gradient-to-color: #ff8a4c;
+    }
+
+    .lg\:dark\:to-orange-500 {
+      --gradient-to-color: #ff5a1f;
+    }
+
+    .lg\:dark\:to-orange-600 {
+      --gradient-to-color: #d03801;
+    }
+
+    .lg\:dark\:to-orange-700 {
+      --gradient-to-color: #b43403;
+    }
+
+    .lg\:dark\:to-orange-800 {
+      --gradient-to-color: #8a2c0d;
+    }
+
+    .lg\:dark\:to-orange-900 {
+      --gradient-to-color: #73230d;
+    }
+
+    .lg\:dark\:to-yellow-50 {
+      --gradient-to-color: #fdfdea;
+    }
+
+    .lg\:dark\:to-yellow-100 {
+      --gradient-to-color: #fdf6b2;
+    }
+
+    .lg\:dark\:to-yellow-200 {
+      --gradient-to-color: #fce96a;
+    }
+
+    .lg\:dark\:to-yellow-300 {
+      --gradient-to-color: #faca15;
+    }
+
+    .lg\:dark\:to-yellow-400 {
+      --gradient-to-color: #e3a008;
+    }
+
+    .lg\:dark\:to-yellow-500 {
+      --gradient-to-color: #c27803;
+    }
+
+    .lg\:dark\:to-yellow-600 {
+      --gradient-to-color: #9f580a;
+    }
+
+    .lg\:dark\:to-yellow-700 {
+      --gradient-to-color: #8e4b10;
+    }
+
+    .lg\:dark\:to-yellow-800 {
+      --gradient-to-color: #723b13;
+    }
+
+    .lg\:dark\:to-yellow-900 {
+      --gradient-to-color: #633112;
+    }
+
+    .lg\:dark\:to-green-50 {
+      --gradient-to-color: #f3faf7;
+    }
+
+    .lg\:dark\:to-green-100 {
+      --gradient-to-color: #def7ec;
+    }
+
+    .lg\:dark\:to-green-200 {
+      --gradient-to-color: #bcf0da;
+    }
+
+    .lg\:dark\:to-green-300 {
+      --gradient-to-color: #84e1bc;
+    }
+
+    .lg\:dark\:to-green-400 {
+      --gradient-to-color: #31c48d;
+    }
+
+    .lg\:dark\:to-green-500 {
+      --gradient-to-color: #0e9f6e;
+    }
+
+    .lg\:dark\:to-green-600 {
+      --gradient-to-color: #057a55;
+    }
+
+    .lg\:dark\:to-green-700 {
+      --gradient-to-color: #046c4e;
+    }
+
+    .lg\:dark\:to-green-800 {
+      --gradient-to-color: #03543f;
+    }
+
+    .lg\:dark\:to-green-900 {
+      --gradient-to-color: #014737;
+    }
+
+    .lg\:dark\:to-teal-50 {
+      --gradient-to-color: #edfafa;
+    }
+
+    .lg\:dark\:to-teal-100 {
+      --gradient-to-color: #d5f5f6;
+    }
+
+    .lg\:dark\:to-teal-200 {
+      --gradient-to-color: #afecef;
+    }
+
+    .lg\:dark\:to-teal-300 {
+      --gradient-to-color: #7edce2;
+    }
+
+    .lg\:dark\:to-teal-400 {
+      --gradient-to-color: #16bdca;
+    }
+
+    .lg\:dark\:to-teal-500 {
+      --gradient-to-color: #0694a2;
+    }
+
+    .lg\:dark\:to-teal-600 {
+      --gradient-to-color: #047481;
+    }
+
+    .lg\:dark\:to-teal-700 {
+      --gradient-to-color: #036672;
+    }
+
+    .lg\:dark\:to-teal-800 {
+      --gradient-to-color: #05505c;
+    }
+
+    .lg\:dark\:to-teal-900 {
+      --gradient-to-color: #014451;
+    }
+
+    .lg\:dark\:to-blue-50 {
+      --gradient-to-color: #ebf5ff;
+    }
+
+    .lg\:dark\:to-blue-100 {
+      --gradient-to-color: #e1effe;
+    }
+
+    .lg\:dark\:to-blue-200 {
+      --gradient-to-color: #c3ddfd;
+    }
+
+    .lg\:dark\:to-blue-300 {
+      --gradient-to-color: #a4cafe;
+    }
+
+    .lg\:dark\:to-blue-400 {
+      --gradient-to-color: #76a9fa;
+    }
+
+    .lg\:dark\:to-blue-500 {
+      --gradient-to-color: #3f83f8;
+    }
+
+    .lg\:dark\:to-blue-600 {
+      --gradient-to-color: #1c64f2;
+    }
+
+    .lg\:dark\:to-blue-700 {
+      --gradient-to-color: #1a56db;
+    }
+
+    .lg\:dark\:to-blue-800 {
+      --gradient-to-color: #1e429f;
+    }
+
+    .lg\:dark\:to-blue-900 {
+      --gradient-to-color: #233876;
+    }
+
+    .lg\:dark\:to-indigo-50 {
+      --gradient-to-color: #f0f5ff;
+    }
+
+    .lg\:dark\:to-indigo-100 {
+      --gradient-to-color: #e5edff;
+    }
+
+    .lg\:dark\:to-indigo-200 {
+      --gradient-to-color: #cddbfe;
+    }
+
+    .lg\:dark\:to-indigo-300 {
+      --gradient-to-color: #b4c6fc;
+    }
+
+    .lg\:dark\:to-indigo-400 {
+      --gradient-to-color: #8da2fb;
+    }
+
+    .lg\:dark\:to-indigo-500 {
+      --gradient-to-color: #6875f5;
+    }
+
+    .lg\:dark\:to-indigo-600 {
+      --gradient-to-color: #5850ec;
+    }
+
+    .lg\:dark\:to-indigo-700 {
+      --gradient-to-color: #5145cd;
+    }
+
+    .lg\:dark\:to-indigo-800 {
+      --gradient-to-color: #42389d;
+    }
+
+    .lg\:dark\:to-indigo-900 {
+      --gradient-to-color: #362f78;
+    }
+
+    .lg\:dark\:to-purple-50 {
+      --gradient-to-color: #f6f5ff;
+    }
+
+    .lg\:dark\:to-purple-100 {
+      --gradient-to-color: #edebfe;
+    }
+
+    .lg\:dark\:to-purple-200 {
+      --gradient-to-color: #dcd7fe;
+    }
+
+    .lg\:dark\:to-purple-300 {
+      --gradient-to-color: #cabffd;
+    }
+
+    .lg\:dark\:to-purple-400 {
+      --gradient-to-color: #ac94fa;
+    }
+
+    .lg\:dark\:to-purple-500 {
+      --gradient-to-color: #9061f9;
+    }
+
+    .lg\:dark\:to-purple-600 {
+      --gradient-to-color: #7e3af2;
+    }
+
+    .lg\:dark\:to-purple-700 {
+      --gradient-to-color: #6c2bd9;
+    }
+
+    .lg\:dark\:to-purple-800 {
+      --gradient-to-color: #5521b5;
+    }
+
+    .lg\:dark\:to-purple-900 {
+      --gradient-to-color: #4a1d96;
+    }
+
+    .lg\:dark\:to-pink-50 {
+      --gradient-to-color: #fdf2f8;
+    }
+
+    .lg\:dark\:to-pink-100 {
+      --gradient-to-color: #fce8f3;
+    }
+
+    .lg\:dark\:to-pink-200 {
+      --gradient-to-color: #fad1e8;
+    }
+
+    .lg\:dark\:to-pink-300 {
+      --gradient-to-color: #f8b4d9;
+    }
+
+    .lg\:dark\:to-pink-400 {
+      --gradient-to-color: #f17eb8;
+    }
+
+    .lg\:dark\:to-pink-500 {
+      --gradient-to-color: #e74694;
+    }
+
+    .lg\:dark\:to-pink-600 {
+      --gradient-to-color: #d61f69;
+    }
+
+    .lg\:dark\:to-pink-700 {
+      --gradient-to-color: #bf125d;
+    }
+
+    .lg\:dark\:to-pink-800 {
+      --gradient-to-color: #99154b;
+    }
+
+    .lg\:dark\:to-pink-900 {
+      --gradient-to-color: #751a3d;
+    }
+
+    .lg\:dark\: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\:dark\: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\:dark\:hover\:from-black:hover {
+      --gradient-from-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .lg\:dark\:hover\:from-white:hover {
+      --gradient-from-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .lg\:dark\:hover\:from-gray-50:hover {
+      --gradient-from-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .lg\:dark\:hover\:from-gray-100:hover {
+      --gradient-from-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .lg\:dark\:hover\:from-gray-200:hover {
+      --gradient-from-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .lg\:dark\:hover\:from-gray-300:hover {
+      --gradient-from-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .lg\:dark\:hover\:from-gray-400:hover {
+      --gradient-from-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .lg\:dark\:hover\:from-gray-500:hover {
+      --gradient-from-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .lg\:dark\:hover\:from-gray-600:hover {
+      --gradient-from-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .lg\:dark\:hover\:from-gray-700:hover {
+      --gradient-from-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .lg\:dark\:hover\:from-gray-800:hover {
+      --gradient-from-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .lg\:dark\:hover\:from-gray-900:hover {
+      --gradient-from-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .lg\:dark\:hover\:from-red-50:hover {
+      --gradient-from-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .lg\:dark\:hover\:from-red-100:hover {
+      --gradient-from-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .lg\:dark\:hover\:from-red-200:hover {
+      --gradient-from-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .lg\:dark\:hover\:from-red-300:hover {
+      --gradient-from-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .lg\:dark\:hover\:from-red-400:hover {
+      --gradient-from-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .lg\:dark\:hover\:from-red-500:hover {
+      --gradient-from-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .lg\:dark\:hover\:from-red-600:hover {
+      --gradient-from-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .lg\:dark\:hover\:from-red-700:hover {
+      --gradient-from-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .lg\:dark\:hover\:from-red-800:hover {
+      --gradient-from-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .lg\:dark\:hover\:from-red-900:hover {
+      --gradient-from-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .lg\:dark\:hover\:from-orange-50:hover {
+      --gradient-from-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .lg\:dark\:hover\:from-orange-100:hover {
+      --gradient-from-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .lg\:dark\:hover\:from-orange-200:hover {
+      --gradient-from-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .lg\:dark\:hover\:from-orange-300:hover {
+      --gradient-from-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .lg\:dark\:hover\:from-orange-400:hover {
+      --gradient-from-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .lg\:dark\:hover\:from-orange-500:hover {
+      --gradient-from-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .lg\:dark\:hover\:from-orange-600:hover {
+      --gradient-from-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .lg\:dark\:hover\:from-orange-700:hover {
+      --gradient-from-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .lg\:dark\:hover\:from-orange-800:hover {
+      --gradient-from-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .lg\:dark\:hover\:from-orange-900:hover {
+      --gradient-from-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .lg\:dark\:hover\:from-yellow-50:hover {
+      --gradient-from-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .lg\:dark\:hover\:from-yellow-100:hover {
+      --gradient-from-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .lg\:dark\:hover\:from-yellow-200:hover {
+      --gradient-from-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .lg\:dark\:hover\:from-yellow-300:hover {
+      --gradient-from-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .lg\:dark\:hover\:from-yellow-400:hover {
+      --gradient-from-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .lg\:dark\:hover\:from-yellow-500:hover {
+      --gradient-from-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .lg\:dark\:hover\:from-yellow-600:hover {
+      --gradient-from-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .lg\:dark\:hover\:from-yellow-700:hover {
+      --gradient-from-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .lg\:dark\:hover\:from-yellow-800:hover {
+      --gradient-from-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .lg\:dark\:hover\:from-yellow-900:hover {
+      --gradient-from-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .lg\:dark\:hover\:from-green-50:hover {
+      --gradient-from-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .lg\:dark\:hover\:from-green-100:hover {
+      --gradient-from-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .lg\:dark\:hover\:from-green-200:hover {
+      --gradient-from-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .lg\:dark\:hover\:from-green-300:hover {
+      --gradient-from-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .lg\:dark\:hover\:from-green-400:hover {
+      --gradient-from-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .lg\:dark\:hover\:from-green-500:hover {
+      --gradient-from-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .lg\:dark\:hover\:from-green-600:hover {
+      --gradient-from-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .lg\:dark\:hover\:from-green-700:hover {
+      --gradient-from-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .lg\:dark\:hover\:from-green-800:hover {
+      --gradient-from-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .lg\:dark\:hover\:from-green-900:hover {
+      --gradient-from-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .lg\:dark\:hover\:from-teal-50:hover {
+      --gradient-from-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .lg\:dark\:hover\:from-teal-100:hover {
+      --gradient-from-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .lg\:dark\:hover\:from-teal-200:hover {
+      --gradient-from-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .lg\:dark\:hover\:from-teal-300:hover {
+      --gradient-from-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .lg\:dark\:hover\:from-teal-400:hover {
+      --gradient-from-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .lg\:dark\:hover\:from-teal-500:hover {
+      --gradient-from-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .lg\:dark\:hover\:from-teal-600:hover {
+      --gradient-from-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .lg\:dark\:hover\:from-teal-700:hover {
+      --gradient-from-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .lg\:dark\:hover\:from-teal-800:hover {
+      --gradient-from-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .lg\:dark\:hover\:from-teal-900:hover {
+      --gradient-from-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .lg\:dark\:hover\:from-blue-50:hover {
+      --gradient-from-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .lg\:dark\:hover\:from-blue-100:hover {
+      --gradient-from-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .lg\:dark\:hover\:from-blue-200:hover {
+      --gradient-from-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .lg\:dark\:hover\:from-blue-300:hover {
+      --gradient-from-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .lg\:dark\:hover\:from-blue-400:hover {
+      --gradient-from-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .lg\:dark\:hover\:from-blue-500:hover {
+      --gradient-from-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .lg\:dark\:hover\:from-blue-600:hover {
+      --gradient-from-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .lg\:dark\:hover\:from-blue-700:hover {
+      --gradient-from-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .lg\:dark\:hover\:from-blue-800:hover {
+      --gradient-from-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .lg\:dark\:hover\:from-blue-900:hover {
+      --gradient-from-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .lg\:dark\:hover\:from-indigo-50:hover {
+      --gradient-from-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .lg\:dark\:hover\:from-indigo-100:hover {
+      --gradient-from-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .lg\:dark\:hover\:from-indigo-200:hover {
+      --gradient-from-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .lg\:dark\:hover\:from-indigo-300:hover {
+      --gradient-from-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .lg\:dark\:hover\:from-indigo-400:hover {
+      --gradient-from-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .lg\:dark\:hover\:from-indigo-500:hover {
+      --gradient-from-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .lg\:dark\:hover\:from-indigo-600:hover {
+      --gradient-from-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .lg\:dark\:hover\:from-indigo-700:hover {
+      --gradient-from-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .lg\:dark\:hover\:from-indigo-800:hover {
+      --gradient-from-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .lg\:dark\:hover\:from-indigo-900:hover {
+      --gradient-from-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .lg\:dark\:hover\:from-purple-50:hover {
+      --gradient-from-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .lg\:dark\:hover\:from-purple-100:hover {
+      --gradient-from-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .lg\:dark\:hover\:from-purple-200:hover {
+      --gradient-from-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .lg\:dark\:hover\:from-purple-300:hover {
+      --gradient-from-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .lg\:dark\:hover\:from-purple-400:hover {
+      --gradient-from-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .lg\:dark\:hover\:from-purple-500:hover {
+      --gradient-from-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .lg\:dark\:hover\:from-purple-600:hover {
+      --gradient-from-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .lg\:dark\:hover\:from-purple-700:hover {
+      --gradient-from-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .lg\:dark\:hover\:from-purple-800:hover {
+      --gradient-from-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .lg\:dark\:hover\:from-purple-900:hover {
+      --gradient-from-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .lg\:dark\:hover\:from-pink-50:hover {
+      --gradient-from-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .lg\:dark\:hover\:from-pink-100:hover {
+      --gradient-from-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .lg\:dark\:hover\:from-pink-200:hover {
+      --gradient-from-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .lg\:dark\:hover\:from-pink-300:hover {
+      --gradient-from-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .lg\:dark\:hover\:from-pink-400:hover {
+      --gradient-from-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .lg\:dark\:hover\:from-pink-500:hover {
+      --gradient-from-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .lg\:dark\:hover\:from-pink-600:hover {
+      --gradient-from-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .lg\:dark\:hover\:from-pink-700:hover {
+      --gradient-from-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .lg\:dark\:hover\:from-pink-800:hover {
+      --gradient-from-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .lg\:dark\:hover\:from-pink-900:hover {
+      --gradient-from-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .lg\:dark\: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\:dark\: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\:dark\:hover\:via-black:hover {
+      --gradient-via-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .lg\:dark\:hover\:via-white:hover {
+      --gradient-via-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .lg\:dark\:hover\:via-gray-50:hover {
+      --gradient-via-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .lg\:dark\:hover\:via-gray-100:hover {
+      --gradient-via-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .lg\:dark\:hover\:via-gray-200:hover {
+      --gradient-via-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .lg\:dark\:hover\:via-gray-300:hover {
+      --gradient-via-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .lg\:dark\:hover\:via-gray-400:hover {
+      --gradient-via-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .lg\:dark\:hover\:via-gray-500:hover {
+      --gradient-via-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .lg\:dark\:hover\:via-gray-600:hover {
+      --gradient-via-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .lg\:dark\:hover\:via-gray-700:hover {
+      --gradient-via-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .lg\:dark\:hover\:via-gray-800:hover {
+      --gradient-via-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .lg\:dark\:hover\:via-gray-900:hover {
+      --gradient-via-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .lg\:dark\:hover\:via-red-50:hover {
+      --gradient-via-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .lg\:dark\:hover\:via-red-100:hover {
+      --gradient-via-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .lg\:dark\:hover\:via-red-200:hover {
+      --gradient-via-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .lg\:dark\:hover\:via-red-300:hover {
+      --gradient-via-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .lg\:dark\:hover\:via-red-400:hover {
+      --gradient-via-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .lg\:dark\:hover\:via-red-500:hover {
+      --gradient-via-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .lg\:dark\:hover\:via-red-600:hover {
+      --gradient-via-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .lg\:dark\:hover\:via-red-700:hover {
+      --gradient-via-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .lg\:dark\:hover\:via-red-800:hover {
+      --gradient-via-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .lg\:dark\:hover\:via-red-900:hover {
+      --gradient-via-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .lg\:dark\:hover\:via-orange-50:hover {
+      --gradient-via-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .lg\:dark\:hover\:via-orange-100:hover {
+      --gradient-via-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .lg\:dark\:hover\:via-orange-200:hover {
+      --gradient-via-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .lg\:dark\:hover\:via-orange-300:hover {
+      --gradient-via-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .lg\:dark\:hover\:via-orange-400:hover {
+      --gradient-via-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .lg\:dark\:hover\:via-orange-500:hover {
+      --gradient-via-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .lg\:dark\:hover\:via-orange-600:hover {
+      --gradient-via-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .lg\:dark\:hover\:via-orange-700:hover {
+      --gradient-via-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .lg\:dark\:hover\:via-orange-800:hover {
+      --gradient-via-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .lg\:dark\:hover\:via-orange-900:hover {
+      --gradient-via-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .lg\:dark\:hover\:via-yellow-50:hover {
+      --gradient-via-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .lg\:dark\:hover\:via-yellow-100:hover {
+      --gradient-via-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .lg\:dark\:hover\:via-yellow-200:hover {
+      --gradient-via-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .lg\:dark\:hover\:via-yellow-300:hover {
+      --gradient-via-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .lg\:dark\:hover\:via-yellow-400:hover {
+      --gradient-via-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .lg\:dark\:hover\:via-yellow-500:hover {
+      --gradient-via-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .lg\:dark\:hover\:via-yellow-600:hover {
+      --gradient-via-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .lg\:dark\:hover\:via-yellow-700:hover {
+      --gradient-via-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .lg\:dark\:hover\:via-yellow-800:hover {
+      --gradient-via-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .lg\:dark\:hover\:via-yellow-900:hover {
+      --gradient-via-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .lg\:dark\:hover\:via-green-50:hover {
+      --gradient-via-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .lg\:dark\:hover\:via-green-100:hover {
+      --gradient-via-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .lg\:dark\:hover\:via-green-200:hover {
+      --gradient-via-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .lg\:dark\:hover\:via-green-300:hover {
+      --gradient-via-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .lg\:dark\:hover\:via-green-400:hover {
+      --gradient-via-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .lg\:dark\:hover\:via-green-500:hover {
+      --gradient-via-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .lg\:dark\:hover\:via-green-600:hover {
+      --gradient-via-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .lg\:dark\:hover\:via-green-700:hover {
+      --gradient-via-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .lg\:dark\:hover\:via-green-800:hover {
+      --gradient-via-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .lg\:dark\:hover\:via-green-900:hover {
+      --gradient-via-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .lg\:dark\:hover\:via-teal-50:hover {
+      --gradient-via-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .lg\:dark\:hover\:via-teal-100:hover {
+      --gradient-via-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .lg\:dark\:hover\:via-teal-200:hover {
+      --gradient-via-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .lg\:dark\:hover\:via-teal-300:hover {
+      --gradient-via-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .lg\:dark\:hover\:via-teal-400:hover {
+      --gradient-via-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .lg\:dark\:hover\:via-teal-500:hover {
+      --gradient-via-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .lg\:dark\:hover\:via-teal-600:hover {
+      --gradient-via-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .lg\:dark\:hover\:via-teal-700:hover {
+      --gradient-via-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .lg\:dark\:hover\:via-teal-800:hover {
+      --gradient-via-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .lg\:dark\:hover\:via-teal-900:hover {
+      --gradient-via-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .lg\:dark\:hover\:via-blue-50:hover {
+      --gradient-via-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .lg\:dark\:hover\:via-blue-100:hover {
+      --gradient-via-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .lg\:dark\:hover\:via-blue-200:hover {
+      --gradient-via-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .lg\:dark\:hover\:via-blue-300:hover {
+      --gradient-via-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .lg\:dark\:hover\:via-blue-400:hover {
+      --gradient-via-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .lg\:dark\:hover\:via-blue-500:hover {
+      --gradient-via-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .lg\:dark\:hover\:via-blue-600:hover {
+      --gradient-via-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .lg\:dark\:hover\:via-blue-700:hover {
+      --gradient-via-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .lg\:dark\:hover\:via-blue-800:hover {
+      --gradient-via-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .lg\:dark\:hover\:via-blue-900:hover {
+      --gradient-via-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .lg\:dark\:hover\:via-indigo-50:hover {
+      --gradient-via-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .lg\:dark\:hover\:via-indigo-100:hover {
+      --gradient-via-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .lg\:dark\:hover\:via-indigo-200:hover {
+      --gradient-via-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .lg\:dark\:hover\:via-indigo-300:hover {
+      --gradient-via-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .lg\:dark\:hover\:via-indigo-400:hover {
+      --gradient-via-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .lg\:dark\:hover\:via-indigo-500:hover {
+      --gradient-via-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .lg\:dark\:hover\:via-indigo-600:hover {
+      --gradient-via-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .lg\:dark\:hover\:via-indigo-700:hover {
+      --gradient-via-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .lg\:dark\:hover\:via-indigo-800:hover {
+      --gradient-via-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .lg\:dark\:hover\:via-indigo-900:hover {
+      --gradient-via-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .lg\:dark\:hover\:via-purple-50:hover {
+      --gradient-via-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .lg\:dark\:hover\:via-purple-100:hover {
+      --gradient-via-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .lg\:dark\:hover\:via-purple-200:hover {
+      --gradient-via-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .lg\:dark\:hover\:via-purple-300:hover {
+      --gradient-via-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .lg\:dark\:hover\:via-purple-400:hover {
+      --gradient-via-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .lg\:dark\:hover\:via-purple-500:hover {
+      --gradient-via-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .lg\:dark\:hover\:via-purple-600:hover {
+      --gradient-via-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .lg\:dark\:hover\:via-purple-700:hover {
+      --gradient-via-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .lg\:dark\:hover\:via-purple-800:hover {
+      --gradient-via-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .lg\:dark\:hover\:via-purple-900:hover {
+      --gradient-via-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .lg\:dark\:hover\:via-pink-50:hover {
+      --gradient-via-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .lg\:dark\:hover\:via-pink-100:hover {
+      --gradient-via-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .lg\:dark\:hover\:via-pink-200:hover {
+      --gradient-via-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .lg\:dark\:hover\:via-pink-300:hover {
+      --gradient-via-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .lg\:dark\:hover\:via-pink-400:hover {
+      --gradient-via-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .lg\:dark\:hover\:via-pink-500:hover {
+      --gradient-via-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .lg\:dark\:hover\:via-pink-600:hover {
+      --gradient-via-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .lg\:dark\:hover\:via-pink-700:hover {
+      --gradient-via-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .lg\:dark\:hover\:via-pink-800:hover {
+      --gradient-via-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .lg\:dark\:hover\:via-pink-900:hover {
+      --gradient-via-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .lg\:dark\:hover\:to-transparent:hover {
+      --gradient-to-color: transparent;
+    }
+
+    .lg\:dark\:hover\:to-current:hover {
+      --gradient-to-color: currentColor;
+    }
+
+    .lg\:dark\:hover\:to-black:hover {
+      --gradient-to-color: #000000;
+    }
+
+    .lg\:dark\:hover\:to-white:hover {
+      --gradient-to-color: #ffffff;
+    }
+
+    .lg\:dark\:hover\:to-gray-50:hover {
+      --gradient-to-color: #f9fafb;
+    }
+
+    .lg\:dark\:hover\:to-gray-100:hover {
+      --gradient-to-color: #f4f5f7;
+    }
+
+    .lg\:dark\:hover\:to-gray-200:hover {
+      --gradient-to-color: #e5e7eb;
+    }
+
+    .lg\:dark\:hover\:to-gray-300:hover {
+      --gradient-to-color: #d2d6dc;
+    }
+
+    .lg\:dark\:hover\:to-gray-400:hover {
+      --gradient-to-color: #9fa6b2;
+    }
+
+    .lg\:dark\:hover\:to-gray-500:hover {
+      --gradient-to-color: #6b7280;
+    }
+
+    .lg\:dark\:hover\:to-gray-600:hover {
+      --gradient-to-color: #4b5563;
+    }
+
+    .lg\:dark\:hover\:to-gray-700:hover {
+      --gradient-to-color: #374151;
+    }
+
+    .lg\:dark\:hover\:to-gray-800:hover {
+      --gradient-to-color: #252f3f;
+    }
+
+    .lg\:dark\:hover\:to-gray-900:hover {
+      --gradient-to-color: #161e2e;
+    }
+
+    .lg\:dark\:hover\:to-red-50:hover {
+      --gradient-to-color: #fdf2f2;
+    }
+
+    .lg\:dark\:hover\:to-red-100:hover {
+      --gradient-to-color: #fde8e8;
+    }
+
+    .lg\:dark\:hover\:to-red-200:hover {
+      --gradient-to-color: #fbd5d5;
+    }
+
+    .lg\:dark\:hover\:to-red-300:hover {
+      --gradient-to-color: #f8b4b4;
+    }
+
+    .lg\:dark\:hover\:to-red-400:hover {
+      --gradient-to-color: #f98080;
+    }
+
+    .lg\:dark\:hover\:to-red-500:hover {
+      --gradient-to-color: #f05252;
+    }
+
+    .lg\:dark\:hover\:to-red-600:hover {
+      --gradient-to-color: #e02424;
+    }
+
+    .lg\:dark\:hover\:to-red-700:hover {
+      --gradient-to-color: #c81e1e;
+    }
+
+    .lg\:dark\:hover\:to-red-800:hover {
+      --gradient-to-color: #9b1c1c;
+    }
+
+    .lg\:dark\:hover\:to-red-900:hover {
+      --gradient-to-color: #771d1d;
+    }
+
+    .lg\:dark\:hover\:to-orange-50:hover {
+      --gradient-to-color: #fff8f1;
+    }
+
+    .lg\:dark\:hover\:to-orange-100:hover {
+      --gradient-to-color: #feecdc;
+    }
+
+    .lg\:dark\:hover\:to-orange-200:hover {
+      --gradient-to-color: #fcd9bd;
+    }
+
+    .lg\:dark\:hover\:to-orange-300:hover {
+      --gradient-to-color: #fdba8c;
+    }
+
+    .lg\:dark\:hover\:to-orange-400:hover {
+      --gradient-to-color: #ff8a4c;
+    }
+
+    .lg\:dark\:hover\:to-orange-500:hover {
+      --gradient-to-color: #ff5a1f;
+    }
+
+    .lg\:dark\:hover\:to-orange-600:hover {
+      --gradient-to-color: #d03801;
+    }
+
+    .lg\:dark\:hover\:to-orange-700:hover {
+      --gradient-to-color: #b43403;
+    }
+
+    .lg\:dark\:hover\:to-orange-800:hover {
+      --gradient-to-color: #8a2c0d;
+    }
+
+    .lg\:dark\:hover\:to-orange-900:hover {
+      --gradient-to-color: #73230d;
+    }
+
+    .lg\:dark\:hover\:to-yellow-50:hover {
+      --gradient-to-color: #fdfdea;
+    }
+
+    .lg\:dark\:hover\:to-yellow-100:hover {
+      --gradient-to-color: #fdf6b2;
+    }
+
+    .lg\:dark\:hover\:to-yellow-200:hover {
+      --gradient-to-color: #fce96a;
+    }
+
+    .lg\:dark\:hover\:to-yellow-300:hover {
+      --gradient-to-color: #faca15;
+    }
+
+    .lg\:dark\:hover\:to-yellow-400:hover {
+      --gradient-to-color: #e3a008;
+    }
+
+    .lg\:dark\:hover\:to-yellow-500:hover {
+      --gradient-to-color: #c27803;
+    }
+
+    .lg\:dark\:hover\:to-yellow-600:hover {
+      --gradient-to-color: #9f580a;
+    }
+
+    .lg\:dark\:hover\:to-yellow-700:hover {
+      --gradient-to-color: #8e4b10;
+    }
+
+    .lg\:dark\:hover\:to-yellow-800:hover {
+      --gradient-to-color: #723b13;
+    }
+
+    .lg\:dark\:hover\:to-yellow-900:hover {
+      --gradient-to-color: #633112;
+    }
+
+    .lg\:dark\:hover\:to-green-50:hover {
+      --gradient-to-color: #f3faf7;
+    }
+
+    .lg\:dark\:hover\:to-green-100:hover {
+      --gradient-to-color: #def7ec;
+    }
+
+    .lg\:dark\:hover\:to-green-200:hover {
+      --gradient-to-color: #bcf0da;
+    }
+
+    .lg\:dark\:hover\:to-green-300:hover {
+      --gradient-to-color: #84e1bc;
+    }
+
+    .lg\:dark\:hover\:to-green-400:hover {
+      --gradient-to-color: #31c48d;
+    }
+
+    .lg\:dark\:hover\:to-green-500:hover {
+      --gradient-to-color: #0e9f6e;
+    }
+
+    .lg\:dark\:hover\:to-green-600:hover {
+      --gradient-to-color: #057a55;
+    }
+
+    .lg\:dark\:hover\:to-green-700:hover {
+      --gradient-to-color: #046c4e;
+    }
+
+    .lg\:dark\:hover\:to-green-800:hover {
+      --gradient-to-color: #03543f;
+    }
+
+    .lg\:dark\:hover\:to-green-900:hover {
+      --gradient-to-color: #014737;
+    }
+
+    .lg\:dark\:hover\:to-teal-50:hover {
+      --gradient-to-color: #edfafa;
+    }
+
+    .lg\:dark\:hover\:to-teal-100:hover {
+      --gradient-to-color: #d5f5f6;
+    }
+
+    .lg\:dark\:hover\:to-teal-200:hover {
+      --gradient-to-color: #afecef;
+    }
+
+    .lg\:dark\:hover\:to-teal-300:hover {
+      --gradient-to-color: #7edce2;
+    }
+
+    .lg\:dark\:hover\:to-teal-400:hover {
+      --gradient-to-color: #16bdca;
+    }
+
+    .lg\:dark\:hover\:to-teal-500:hover {
+      --gradient-to-color: #0694a2;
+    }
+
+    .lg\:dark\:hover\:to-teal-600:hover {
+      --gradient-to-color: #047481;
+    }
+
+    .lg\:dark\:hover\:to-teal-700:hover {
+      --gradient-to-color: #036672;
+    }
+
+    .lg\:dark\:hover\:to-teal-800:hover {
+      --gradient-to-color: #05505c;
+    }
+
+    .lg\:dark\:hover\:to-teal-900:hover {
+      --gradient-to-color: #014451;
+    }
+
+    .lg\:dark\:hover\:to-blue-50:hover {
+      --gradient-to-color: #ebf5ff;
+    }
+
+    .lg\:dark\:hover\:to-blue-100:hover {
+      --gradient-to-color: #e1effe;
+    }
+
+    .lg\:dark\:hover\:to-blue-200:hover {
+      --gradient-to-color: #c3ddfd;
+    }
+
+    .lg\:dark\:hover\:to-blue-300:hover {
+      --gradient-to-color: #a4cafe;
+    }
+
+    .lg\:dark\:hover\:to-blue-400:hover {
+      --gradient-to-color: #76a9fa;
+    }
+
+    .lg\:dark\:hover\:to-blue-500:hover {
+      --gradient-to-color: #3f83f8;
+    }
+
+    .lg\:dark\:hover\:to-blue-600:hover {
+      --gradient-to-color: #1c64f2;
+    }
+
+    .lg\:dark\:hover\:to-blue-700:hover {
+      --gradient-to-color: #1a56db;
+    }
+
+    .lg\:dark\:hover\:to-blue-800:hover {
+      --gradient-to-color: #1e429f;
+    }
+
+    .lg\:dark\:hover\:to-blue-900:hover {
+      --gradient-to-color: #233876;
+    }
+
+    .lg\:dark\:hover\:to-indigo-50:hover {
+      --gradient-to-color: #f0f5ff;
+    }
+
+    .lg\:dark\:hover\:to-indigo-100:hover {
+      --gradient-to-color: #e5edff;
+    }
+
+    .lg\:dark\:hover\:to-indigo-200:hover {
+      --gradient-to-color: #cddbfe;
+    }
+
+    .lg\:dark\:hover\:to-indigo-300:hover {
+      --gradient-to-color: #b4c6fc;
+    }
+
+    .lg\:dark\:hover\:to-indigo-400:hover {
+      --gradient-to-color: #8da2fb;
+    }
+
+    .lg\:dark\:hover\:to-indigo-500:hover {
+      --gradient-to-color: #6875f5;
+    }
+
+    .lg\:dark\:hover\:to-indigo-600:hover {
+      --gradient-to-color: #5850ec;
+    }
+
+    .lg\:dark\:hover\:to-indigo-700:hover {
+      --gradient-to-color: #5145cd;
+    }
+
+    .lg\:dark\:hover\:to-indigo-800:hover {
+      --gradient-to-color: #42389d;
+    }
+
+    .lg\:dark\:hover\:to-indigo-900:hover {
+      --gradient-to-color: #362f78;
+    }
+
+    .lg\:dark\:hover\:to-purple-50:hover {
+      --gradient-to-color: #f6f5ff;
+    }
+
+    .lg\:dark\:hover\:to-purple-100:hover {
+      --gradient-to-color: #edebfe;
+    }
+
+    .lg\:dark\:hover\:to-purple-200:hover {
+      --gradient-to-color: #dcd7fe;
+    }
+
+    .lg\:dark\:hover\:to-purple-300:hover {
+      --gradient-to-color: #cabffd;
+    }
+
+    .lg\:dark\:hover\:to-purple-400:hover {
+      --gradient-to-color: #ac94fa;
+    }
+
+    .lg\:dark\:hover\:to-purple-500:hover {
+      --gradient-to-color: #9061f9;
+    }
+
+    .lg\:dark\:hover\:to-purple-600:hover {
+      --gradient-to-color: #7e3af2;
+    }
+
+    .lg\:dark\:hover\:to-purple-700:hover {
+      --gradient-to-color: #6c2bd9;
+    }
+
+    .lg\:dark\:hover\:to-purple-800:hover {
+      --gradient-to-color: #5521b5;
+    }
+
+    .lg\:dark\:hover\:to-purple-900:hover {
+      --gradient-to-color: #4a1d96;
+    }
+
+    .lg\:dark\:hover\:to-pink-50:hover {
+      --gradient-to-color: #fdf2f8;
+    }
+
+    .lg\:dark\:hover\:to-pink-100:hover {
+      --gradient-to-color: #fce8f3;
+    }
+
+    .lg\:dark\:hover\:to-pink-200:hover {
+      --gradient-to-color: #fad1e8;
+    }
+
+    .lg\:dark\:hover\:to-pink-300:hover {
+      --gradient-to-color: #f8b4d9;
+    }
+
+    .lg\:dark\:hover\:to-pink-400:hover {
+      --gradient-to-color: #f17eb8;
+    }
+
+    .lg\:dark\:hover\:to-pink-500:hover {
+      --gradient-to-color: #e74694;
+    }
+
+    .lg\:dark\:hover\:to-pink-600:hover {
+      --gradient-to-color: #d61f69;
+    }
+
+    .lg\:dark\:hover\:to-pink-700:hover {
+      --gradient-to-color: #bf125d;
+    }
+
+    .lg\:dark\:hover\:to-pink-800:hover {
+      --gradient-to-color: #99154b;
+    }
+
+    .lg\:dark\:hover\:to-pink-900:hover {
+      --gradient-to-color: #751a3d;
+    }
+
+    .lg\:dark\: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\:dark\: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\:dark\:focus\:from-black:focus {
+      --gradient-from-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .lg\:dark\:focus\:from-white:focus {
+      --gradient-from-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .lg\:dark\:focus\:from-gray-50:focus {
+      --gradient-from-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .lg\:dark\:focus\:from-gray-100:focus {
+      --gradient-from-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .lg\:dark\:focus\:from-gray-200:focus {
+      --gradient-from-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .lg\:dark\:focus\:from-gray-300:focus {
+      --gradient-from-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .lg\:dark\:focus\:from-gray-400:focus {
+      --gradient-from-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .lg\:dark\:focus\:from-gray-500:focus {
+      --gradient-from-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .lg\:dark\:focus\:from-gray-600:focus {
+      --gradient-from-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .lg\:dark\:focus\:from-gray-700:focus {
+      --gradient-from-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .lg\:dark\:focus\:from-gray-800:focus {
+      --gradient-from-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .lg\:dark\:focus\:from-gray-900:focus {
+      --gradient-from-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .lg\:dark\:focus\:from-red-50:focus {
+      --gradient-from-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .lg\:dark\:focus\:from-red-100:focus {
+      --gradient-from-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .lg\:dark\:focus\:from-red-200:focus {
+      --gradient-from-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .lg\:dark\:focus\:from-red-300:focus {
+      --gradient-from-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .lg\:dark\:focus\:from-red-400:focus {
+      --gradient-from-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .lg\:dark\:focus\:from-red-500:focus {
+      --gradient-from-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .lg\:dark\:focus\:from-red-600:focus {
+      --gradient-from-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .lg\:dark\:focus\:from-red-700:focus {
+      --gradient-from-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .lg\:dark\:focus\:from-red-800:focus {
+      --gradient-from-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .lg\:dark\:focus\:from-red-900:focus {
+      --gradient-from-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .lg\:dark\:focus\:from-orange-50:focus {
+      --gradient-from-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .lg\:dark\:focus\:from-orange-100:focus {
+      --gradient-from-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .lg\:dark\:focus\:from-orange-200:focus {
+      --gradient-from-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .lg\:dark\:focus\:from-orange-300:focus {
+      --gradient-from-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .lg\:dark\:focus\:from-orange-400:focus {
+      --gradient-from-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .lg\:dark\:focus\:from-orange-500:focus {
+      --gradient-from-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .lg\:dark\:focus\:from-orange-600:focus {
+      --gradient-from-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .lg\:dark\:focus\:from-orange-700:focus {
+      --gradient-from-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .lg\:dark\:focus\:from-orange-800:focus {
+      --gradient-from-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .lg\:dark\:focus\:from-orange-900:focus {
+      --gradient-from-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .lg\:dark\:focus\:from-yellow-50:focus {
+      --gradient-from-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .lg\:dark\:focus\:from-yellow-100:focus {
+      --gradient-from-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .lg\:dark\:focus\:from-yellow-200:focus {
+      --gradient-from-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .lg\:dark\:focus\:from-yellow-300:focus {
+      --gradient-from-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .lg\:dark\:focus\:from-yellow-400:focus {
+      --gradient-from-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .lg\:dark\:focus\:from-yellow-500:focus {
+      --gradient-from-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .lg\:dark\:focus\:from-yellow-600:focus {
+      --gradient-from-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .lg\:dark\:focus\:from-yellow-700:focus {
+      --gradient-from-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .lg\:dark\:focus\:from-yellow-800:focus {
+      --gradient-from-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .lg\:dark\:focus\:from-yellow-900:focus {
+      --gradient-from-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .lg\:dark\:focus\:from-green-50:focus {
+      --gradient-from-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .lg\:dark\:focus\:from-green-100:focus {
+      --gradient-from-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .lg\:dark\:focus\:from-green-200:focus {
+      --gradient-from-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .lg\:dark\:focus\:from-green-300:focus {
+      --gradient-from-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .lg\:dark\:focus\:from-green-400:focus {
+      --gradient-from-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .lg\:dark\:focus\:from-green-500:focus {
+      --gradient-from-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .lg\:dark\:focus\:from-green-600:focus {
+      --gradient-from-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .lg\:dark\:focus\:from-green-700:focus {
+      --gradient-from-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .lg\:dark\:focus\:from-green-800:focus {
+      --gradient-from-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .lg\:dark\:focus\:from-green-900:focus {
+      --gradient-from-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .lg\:dark\:focus\:from-teal-50:focus {
+      --gradient-from-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .lg\:dark\:focus\:from-teal-100:focus {
+      --gradient-from-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .lg\:dark\:focus\:from-teal-200:focus {
+      --gradient-from-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .lg\:dark\:focus\:from-teal-300:focus {
+      --gradient-from-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .lg\:dark\:focus\:from-teal-400:focus {
+      --gradient-from-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .lg\:dark\:focus\:from-teal-500:focus {
+      --gradient-from-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .lg\:dark\:focus\:from-teal-600:focus {
+      --gradient-from-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .lg\:dark\:focus\:from-teal-700:focus {
+      --gradient-from-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .lg\:dark\:focus\:from-teal-800:focus {
+      --gradient-from-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .lg\:dark\:focus\:from-teal-900:focus {
+      --gradient-from-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .lg\:dark\:focus\:from-blue-50:focus {
+      --gradient-from-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .lg\:dark\:focus\:from-blue-100:focus {
+      --gradient-from-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .lg\:dark\:focus\:from-blue-200:focus {
+      --gradient-from-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .lg\:dark\:focus\:from-blue-300:focus {
+      --gradient-from-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .lg\:dark\:focus\:from-blue-400:focus {
+      --gradient-from-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .lg\:dark\:focus\:from-blue-500:focus {
+      --gradient-from-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .lg\:dark\:focus\:from-blue-600:focus {
+      --gradient-from-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .lg\:dark\:focus\:from-blue-700:focus {
+      --gradient-from-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .lg\:dark\:focus\:from-blue-800:focus {
+      --gradient-from-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .lg\:dark\:focus\:from-blue-900:focus {
+      --gradient-from-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .lg\:dark\:focus\:from-indigo-50:focus {
+      --gradient-from-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .lg\:dark\:focus\:from-indigo-100:focus {
+      --gradient-from-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .lg\:dark\:focus\:from-indigo-200:focus {
+      --gradient-from-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .lg\:dark\:focus\:from-indigo-300:focus {
+      --gradient-from-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .lg\:dark\:focus\:from-indigo-400:focus {
+      --gradient-from-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .lg\:dark\:focus\:from-indigo-500:focus {
+      --gradient-from-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .lg\:dark\:focus\:from-indigo-600:focus {
+      --gradient-from-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .lg\:dark\:focus\:from-indigo-700:focus {
+      --gradient-from-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .lg\:dark\:focus\:from-indigo-800:focus {
+      --gradient-from-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .lg\:dark\:focus\:from-indigo-900:focus {
+      --gradient-from-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .lg\:dark\:focus\:from-purple-50:focus {
+      --gradient-from-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .lg\:dark\:focus\:from-purple-100:focus {
+      --gradient-from-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .lg\:dark\:focus\:from-purple-200:focus {
+      --gradient-from-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .lg\:dark\:focus\:from-purple-300:focus {
+      --gradient-from-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .lg\:dark\:focus\:from-purple-400:focus {
+      --gradient-from-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .lg\:dark\:focus\:from-purple-500:focus {
+      --gradient-from-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .lg\:dark\:focus\:from-purple-600:focus {
+      --gradient-from-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .lg\:dark\:focus\:from-purple-700:focus {
+      --gradient-from-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .lg\:dark\:focus\:from-purple-800:focus {
+      --gradient-from-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .lg\:dark\:focus\:from-purple-900:focus {
+      --gradient-from-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .lg\:dark\:focus\:from-pink-50:focus {
+      --gradient-from-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .lg\:dark\:focus\:from-pink-100:focus {
+      --gradient-from-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .lg\:dark\:focus\:from-pink-200:focus {
+      --gradient-from-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .lg\:dark\:focus\:from-pink-300:focus {
+      --gradient-from-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .lg\:dark\:focus\:from-pink-400:focus {
+      --gradient-from-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .lg\:dark\:focus\:from-pink-500:focus {
+      --gradient-from-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .lg\:dark\:focus\:from-pink-600:focus {
+      --gradient-from-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .lg\:dark\:focus\:from-pink-700:focus {
+      --gradient-from-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .lg\:dark\:focus\:from-pink-800:focus {
+      --gradient-from-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .lg\:dark\:focus\:from-pink-900:focus {
+      --gradient-from-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .lg\:dark\: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\:dark\: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\:dark\:focus\:via-black:focus {
+      --gradient-via-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .lg\:dark\:focus\:via-white:focus {
+      --gradient-via-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .lg\:dark\:focus\:via-gray-50:focus {
+      --gradient-via-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .lg\:dark\:focus\:via-gray-100:focus {
+      --gradient-via-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .lg\:dark\:focus\:via-gray-200:focus {
+      --gradient-via-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .lg\:dark\:focus\:via-gray-300:focus {
+      --gradient-via-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .lg\:dark\:focus\:via-gray-400:focus {
+      --gradient-via-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .lg\:dark\:focus\:via-gray-500:focus {
+      --gradient-via-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .lg\:dark\:focus\:via-gray-600:focus {
+      --gradient-via-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .lg\:dark\:focus\:via-gray-700:focus {
+      --gradient-via-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .lg\:dark\:focus\:via-gray-800:focus {
+      --gradient-via-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .lg\:dark\:focus\:via-gray-900:focus {
+      --gradient-via-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .lg\:dark\:focus\:via-red-50:focus {
+      --gradient-via-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .lg\:dark\:focus\:via-red-100:focus {
+      --gradient-via-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .lg\:dark\:focus\:via-red-200:focus {
+      --gradient-via-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .lg\:dark\:focus\:via-red-300:focus {
+      --gradient-via-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .lg\:dark\:focus\:via-red-400:focus {
+      --gradient-via-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .lg\:dark\:focus\:via-red-500:focus {
+      --gradient-via-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .lg\:dark\:focus\:via-red-600:focus {
+      --gradient-via-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .lg\:dark\:focus\:via-red-700:focus {
+      --gradient-via-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .lg\:dark\:focus\:via-red-800:focus {
+      --gradient-via-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .lg\:dark\:focus\:via-red-900:focus {
+      --gradient-via-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .lg\:dark\:focus\:via-orange-50:focus {
+      --gradient-via-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .lg\:dark\:focus\:via-orange-100:focus {
+      --gradient-via-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .lg\:dark\:focus\:via-orange-200:focus {
+      --gradient-via-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .lg\:dark\:focus\:via-orange-300:focus {
+      --gradient-via-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .lg\:dark\:focus\:via-orange-400:focus {
+      --gradient-via-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .lg\:dark\:focus\:via-orange-500:focus {
+      --gradient-via-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .lg\:dark\:focus\:via-orange-600:focus {
+      --gradient-via-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .lg\:dark\:focus\:via-orange-700:focus {
+      --gradient-via-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .lg\:dark\:focus\:via-orange-800:focus {
+      --gradient-via-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .lg\:dark\:focus\:via-orange-900:focus {
+      --gradient-via-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .lg\:dark\:focus\:via-yellow-50:focus {
+      --gradient-via-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .lg\:dark\:focus\:via-yellow-100:focus {
+      --gradient-via-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .lg\:dark\:focus\:via-yellow-200:focus {
+      --gradient-via-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .lg\:dark\:focus\:via-yellow-300:focus {
+      --gradient-via-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .lg\:dark\:focus\:via-yellow-400:focus {
+      --gradient-via-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .lg\:dark\:focus\:via-yellow-500:focus {
+      --gradient-via-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .lg\:dark\:focus\:via-yellow-600:focus {
+      --gradient-via-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .lg\:dark\:focus\:via-yellow-700:focus {
+      --gradient-via-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .lg\:dark\:focus\:via-yellow-800:focus {
+      --gradient-via-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .lg\:dark\:focus\:via-yellow-900:focus {
+      --gradient-via-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .lg\:dark\:focus\:via-green-50:focus {
+      --gradient-via-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .lg\:dark\:focus\:via-green-100:focus {
+      --gradient-via-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .lg\:dark\:focus\:via-green-200:focus {
+      --gradient-via-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .lg\:dark\:focus\:via-green-300:focus {
+      --gradient-via-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .lg\:dark\:focus\:via-green-400:focus {
+      --gradient-via-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .lg\:dark\:focus\:via-green-500:focus {
+      --gradient-via-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .lg\:dark\:focus\:via-green-600:focus {
+      --gradient-via-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .lg\:dark\:focus\:via-green-700:focus {
+      --gradient-via-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .lg\:dark\:focus\:via-green-800:focus {
+      --gradient-via-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .lg\:dark\:focus\:via-green-900:focus {
+      --gradient-via-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .lg\:dark\:focus\:via-teal-50:focus {
+      --gradient-via-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .lg\:dark\:focus\:via-teal-100:focus {
+      --gradient-via-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .lg\:dark\:focus\:via-teal-200:focus {
+      --gradient-via-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .lg\:dark\:focus\:via-teal-300:focus {
+      --gradient-via-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .lg\:dark\:focus\:via-teal-400:focus {
+      --gradient-via-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .lg\:dark\:focus\:via-teal-500:focus {
+      --gradient-via-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .lg\:dark\:focus\:via-teal-600:focus {
+      --gradient-via-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .lg\:dark\:focus\:via-teal-700:focus {
+      --gradient-via-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .lg\:dark\:focus\:via-teal-800:focus {
+      --gradient-via-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .lg\:dark\:focus\:via-teal-900:focus {
+      --gradient-via-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .lg\:dark\:focus\:via-blue-50:focus {
+      --gradient-via-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .lg\:dark\:focus\:via-blue-100:focus {
+      --gradient-via-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .lg\:dark\:focus\:via-blue-200:focus {
+      --gradient-via-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .lg\:dark\:focus\:via-blue-300:focus {
+      --gradient-via-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .lg\:dark\:focus\:via-blue-400:focus {
+      --gradient-via-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .lg\:dark\:focus\:via-blue-500:focus {
+      --gradient-via-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .lg\:dark\:focus\:via-blue-600:focus {
+      --gradient-via-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .lg\:dark\:focus\:via-blue-700:focus {
+      --gradient-via-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .lg\:dark\:focus\:via-blue-800:focus {
+      --gradient-via-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .lg\:dark\:focus\:via-blue-900:focus {
+      --gradient-via-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .lg\:dark\:focus\:via-indigo-50:focus {
+      --gradient-via-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .lg\:dark\:focus\:via-indigo-100:focus {
+      --gradient-via-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .lg\:dark\:focus\:via-indigo-200:focus {
+      --gradient-via-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .lg\:dark\:focus\:via-indigo-300:focus {
+      --gradient-via-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .lg\:dark\:focus\:via-indigo-400:focus {
+      --gradient-via-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .lg\:dark\:focus\:via-indigo-500:focus {
+      --gradient-via-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .lg\:dark\:focus\:via-indigo-600:focus {
+      --gradient-via-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .lg\:dark\:focus\:via-indigo-700:focus {
+      --gradient-via-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .lg\:dark\:focus\:via-indigo-800:focus {
+      --gradient-via-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .lg\:dark\:focus\:via-indigo-900:focus {
+      --gradient-via-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .lg\:dark\:focus\:via-purple-50:focus {
+      --gradient-via-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .lg\:dark\:focus\:via-purple-100:focus {
+      --gradient-via-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .lg\:dark\:focus\:via-purple-200:focus {
+      --gradient-via-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .lg\:dark\:focus\:via-purple-300:focus {
+      --gradient-via-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .lg\:dark\:focus\:via-purple-400:focus {
+      --gradient-via-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .lg\:dark\:focus\:via-purple-500:focus {
+      --gradient-via-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .lg\:dark\:focus\:via-purple-600:focus {
+      --gradient-via-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .lg\:dark\:focus\:via-purple-700:focus {
+      --gradient-via-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .lg\:dark\:focus\:via-purple-800:focus {
+      --gradient-via-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .lg\:dark\:focus\:via-purple-900:focus {
+      --gradient-via-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .lg\:dark\:focus\:via-pink-50:focus {
+      --gradient-via-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .lg\:dark\:focus\:via-pink-100:focus {
+      --gradient-via-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .lg\:dark\:focus\:via-pink-200:focus {
+      --gradient-via-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .lg\:dark\:focus\:via-pink-300:focus {
+      --gradient-via-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .lg\:dark\:focus\:via-pink-400:focus {
+      --gradient-via-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .lg\:dark\:focus\:via-pink-500:focus {
+      --gradient-via-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .lg\:dark\:focus\:via-pink-600:focus {
+      --gradient-via-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .lg\:dark\:focus\:via-pink-700:focus {
+      --gradient-via-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .lg\:dark\:focus\:via-pink-800:focus {
+      --gradient-via-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .lg\:dark\:focus\:via-pink-900:focus {
+      --gradient-via-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .lg\:dark\:focus\:to-transparent:focus {
+      --gradient-to-color: transparent;
+    }
+
+    .lg\:dark\:focus\:to-current:focus {
+      --gradient-to-color: currentColor;
+    }
+
+    .lg\:dark\:focus\:to-black:focus {
+      --gradient-to-color: #000000;
+    }
+
+    .lg\:dark\:focus\:to-white:focus {
+      --gradient-to-color: #ffffff;
+    }
+
+    .lg\:dark\:focus\:to-gray-50:focus {
+      --gradient-to-color: #f9fafb;
+    }
+
+    .lg\:dark\:focus\:to-gray-100:focus {
+      --gradient-to-color: #f4f5f7;
+    }
+
+    .lg\:dark\:focus\:to-gray-200:focus {
+      --gradient-to-color: #e5e7eb;
+    }
+
+    .lg\:dark\:focus\:to-gray-300:focus {
+      --gradient-to-color: #d2d6dc;
+    }
+
+    .lg\:dark\:focus\:to-gray-400:focus {
+      --gradient-to-color: #9fa6b2;
+    }
+
+    .lg\:dark\:focus\:to-gray-500:focus {
+      --gradient-to-color: #6b7280;
+    }
+
+    .lg\:dark\:focus\:to-gray-600:focus {
+      --gradient-to-color: #4b5563;
+    }
+
+    .lg\:dark\:focus\:to-gray-700:focus {
+      --gradient-to-color: #374151;
+    }
+
+    .lg\:dark\:focus\:to-gray-800:focus {
+      --gradient-to-color: #252f3f;
+    }
+
+    .lg\:dark\:focus\:to-gray-900:focus {
+      --gradient-to-color: #161e2e;
+    }
+
+    .lg\:dark\:focus\:to-red-50:focus {
+      --gradient-to-color: #fdf2f2;
+    }
+
+    .lg\:dark\:focus\:to-red-100:focus {
+      --gradient-to-color: #fde8e8;
+    }
+
+    .lg\:dark\:focus\:to-red-200:focus {
+      --gradient-to-color: #fbd5d5;
+    }
+
+    .lg\:dark\:focus\:to-red-300:focus {
+      --gradient-to-color: #f8b4b4;
+    }
+
+    .lg\:dark\:focus\:to-red-400:focus {
+      --gradient-to-color: #f98080;
+    }
+
+    .lg\:dark\:focus\:to-red-500:focus {
+      --gradient-to-color: #f05252;
+    }
+
+    .lg\:dark\:focus\:to-red-600:focus {
+      --gradient-to-color: #e02424;
+    }
+
+    .lg\:dark\:focus\:to-red-700:focus {
+      --gradient-to-color: #c81e1e;
+    }
+
+    .lg\:dark\:focus\:to-red-800:focus {
+      --gradient-to-color: #9b1c1c;
+    }
+
+    .lg\:dark\:focus\:to-red-900:focus {
+      --gradient-to-color: #771d1d;
+    }
+
+    .lg\:dark\:focus\:to-orange-50:focus {
+      --gradient-to-color: #fff8f1;
+    }
+
+    .lg\:dark\:focus\:to-orange-100:focus {
+      --gradient-to-color: #feecdc;
+    }
+
+    .lg\:dark\:focus\:to-orange-200:focus {
+      --gradient-to-color: #fcd9bd;
+    }
+
+    .lg\:dark\:focus\:to-orange-300:focus {
+      --gradient-to-color: #fdba8c;
+    }
+
+    .lg\:dark\:focus\:to-orange-400:focus {
+      --gradient-to-color: #ff8a4c;
+    }
+
+    .lg\:dark\:focus\:to-orange-500:focus {
+      --gradient-to-color: #ff5a1f;
+    }
+
+    .lg\:dark\:focus\:to-orange-600:focus {
+      --gradient-to-color: #d03801;
+    }
+
+    .lg\:dark\:focus\:to-orange-700:focus {
+      --gradient-to-color: #b43403;
+    }
+
+    .lg\:dark\:focus\:to-orange-800:focus {
+      --gradient-to-color: #8a2c0d;
+    }
+
+    .lg\:dark\:focus\:to-orange-900:focus {
+      --gradient-to-color: #73230d;
+    }
+
+    .lg\:dark\:focus\:to-yellow-50:focus {
+      --gradient-to-color: #fdfdea;
+    }
+
+    .lg\:dark\:focus\:to-yellow-100:focus {
+      --gradient-to-color: #fdf6b2;
+    }
+
+    .lg\:dark\:focus\:to-yellow-200:focus {
+      --gradient-to-color: #fce96a;
+    }
+
+    .lg\:dark\:focus\:to-yellow-300:focus {
+      --gradient-to-color: #faca15;
+    }
+
+    .lg\:dark\:focus\:to-yellow-400:focus {
+      --gradient-to-color: #e3a008;
+    }
+
+    .lg\:dark\:focus\:to-yellow-500:focus {
+      --gradient-to-color: #c27803;
+    }
+
+    .lg\:dark\:focus\:to-yellow-600:focus {
+      --gradient-to-color: #9f580a;
+    }
+
+    .lg\:dark\:focus\:to-yellow-700:focus {
+      --gradient-to-color: #8e4b10;
+    }
+
+    .lg\:dark\:focus\:to-yellow-800:focus {
+      --gradient-to-color: #723b13;
+    }
+
+    .lg\:dark\:focus\:to-yellow-900:focus {
+      --gradient-to-color: #633112;
+    }
+
+    .lg\:dark\:focus\:to-green-50:focus {
+      --gradient-to-color: #f3faf7;
+    }
+
+    .lg\:dark\:focus\:to-green-100:focus {
+      --gradient-to-color: #def7ec;
+    }
+
+    .lg\:dark\:focus\:to-green-200:focus {
+      --gradient-to-color: #bcf0da;
+    }
+
+    .lg\:dark\:focus\:to-green-300:focus {
+      --gradient-to-color: #84e1bc;
+    }
+
+    .lg\:dark\:focus\:to-green-400:focus {
+      --gradient-to-color: #31c48d;
+    }
+
+    .lg\:dark\:focus\:to-green-500:focus {
+      --gradient-to-color: #0e9f6e;
+    }
+
+    .lg\:dark\:focus\:to-green-600:focus {
+      --gradient-to-color: #057a55;
+    }
+
+    .lg\:dark\:focus\:to-green-700:focus {
+      --gradient-to-color: #046c4e;
+    }
+
+    .lg\:dark\:focus\:to-green-800:focus {
+      --gradient-to-color: #03543f;
+    }
+
+    .lg\:dark\:focus\:to-green-900:focus {
+      --gradient-to-color: #014737;
+    }
+
+    .lg\:dark\:focus\:to-teal-50:focus {
+      --gradient-to-color: #edfafa;
+    }
+
+    .lg\:dark\:focus\:to-teal-100:focus {
+      --gradient-to-color: #d5f5f6;
+    }
+
+    .lg\:dark\:focus\:to-teal-200:focus {
+      --gradient-to-color: #afecef;
+    }
+
+    .lg\:dark\:focus\:to-teal-300:focus {
+      --gradient-to-color: #7edce2;
+    }
+
+    .lg\:dark\:focus\:to-teal-400:focus {
+      --gradient-to-color: #16bdca;
+    }
+
+    .lg\:dark\:focus\:to-teal-500:focus {
+      --gradient-to-color: #0694a2;
+    }
+
+    .lg\:dark\:focus\:to-teal-600:focus {
+      --gradient-to-color: #047481;
+    }
+
+    .lg\:dark\:focus\:to-teal-700:focus {
+      --gradient-to-color: #036672;
+    }
+
+    .lg\:dark\:focus\:to-teal-800:focus {
+      --gradient-to-color: #05505c;
+    }
+
+    .lg\:dark\:focus\:to-teal-900:focus {
+      --gradient-to-color: #014451;
+    }
+
+    .lg\:dark\:focus\:to-blue-50:focus {
+      --gradient-to-color: #ebf5ff;
+    }
+
+    .lg\:dark\:focus\:to-blue-100:focus {
+      --gradient-to-color: #e1effe;
+    }
+
+    .lg\:dark\:focus\:to-blue-200:focus {
+      --gradient-to-color: #c3ddfd;
+    }
+
+    .lg\:dark\:focus\:to-blue-300:focus {
+      --gradient-to-color: #a4cafe;
+    }
+
+    .lg\:dark\:focus\:to-blue-400:focus {
+      --gradient-to-color: #76a9fa;
+    }
+
+    .lg\:dark\:focus\:to-blue-500:focus {
+      --gradient-to-color: #3f83f8;
+    }
+
+    .lg\:dark\:focus\:to-blue-600:focus {
+      --gradient-to-color: #1c64f2;
+    }
+
+    .lg\:dark\:focus\:to-blue-700:focus {
+      --gradient-to-color: #1a56db;
+    }
+
+    .lg\:dark\:focus\:to-blue-800:focus {
+      --gradient-to-color: #1e429f;
+    }
+
+    .lg\:dark\:focus\:to-blue-900:focus {
+      --gradient-to-color: #233876;
+    }
+
+    .lg\:dark\:focus\:to-indigo-50:focus {
+      --gradient-to-color: #f0f5ff;
+    }
+
+    .lg\:dark\:focus\:to-indigo-100:focus {
+      --gradient-to-color: #e5edff;
+    }
+
+    .lg\:dark\:focus\:to-indigo-200:focus {
+      --gradient-to-color: #cddbfe;
+    }
+
+    .lg\:dark\:focus\:to-indigo-300:focus {
+      --gradient-to-color: #b4c6fc;
+    }
+
+    .lg\:dark\:focus\:to-indigo-400:focus {
+      --gradient-to-color: #8da2fb;
+    }
+
+    .lg\:dark\:focus\:to-indigo-500:focus {
+      --gradient-to-color: #6875f5;
+    }
+
+    .lg\:dark\:focus\:to-indigo-600:focus {
+      --gradient-to-color: #5850ec;
+    }
+
+    .lg\:dark\:focus\:to-indigo-700:focus {
+      --gradient-to-color: #5145cd;
+    }
+
+    .lg\:dark\:focus\:to-indigo-800:focus {
+      --gradient-to-color: #42389d;
+    }
+
+    .lg\:dark\:focus\:to-indigo-900:focus {
+      --gradient-to-color: #362f78;
+    }
+
+    .lg\:dark\:focus\:to-purple-50:focus {
+      --gradient-to-color: #f6f5ff;
+    }
+
+    .lg\:dark\:focus\:to-purple-100:focus {
+      --gradient-to-color: #edebfe;
+    }
+
+    .lg\:dark\:focus\:to-purple-200:focus {
+      --gradient-to-color: #dcd7fe;
+    }
+
+    .lg\:dark\:focus\:to-purple-300:focus {
+      --gradient-to-color: #cabffd;
+    }
+
+    .lg\:dark\:focus\:to-purple-400:focus {
+      --gradient-to-color: #ac94fa;
+    }
+
+    .lg\:dark\:focus\:to-purple-500:focus {
+      --gradient-to-color: #9061f9;
+    }
+
+    .lg\:dark\:focus\:to-purple-600:focus {
+      --gradient-to-color: #7e3af2;
+    }
+
+    .lg\:dark\:focus\:to-purple-700:focus {
+      --gradient-to-color: #6c2bd9;
+    }
+
+    .lg\:dark\:focus\:to-purple-800:focus {
+      --gradient-to-color: #5521b5;
+    }
+
+    .lg\:dark\:focus\:to-purple-900:focus {
+      --gradient-to-color: #4a1d96;
+    }
+
+    .lg\:dark\:focus\:to-pink-50:focus {
+      --gradient-to-color: #fdf2f8;
+    }
+
+    .lg\:dark\:focus\:to-pink-100:focus {
+      --gradient-to-color: #fce8f3;
+    }
+
+    .lg\:dark\:focus\:to-pink-200:focus {
+      --gradient-to-color: #fad1e8;
+    }
+
+    .lg\:dark\:focus\:to-pink-300:focus {
+      --gradient-to-color: #f8b4d9;
+    }
+
+    .lg\:dark\:focus\:to-pink-400:focus {
+      --gradient-to-color: #f17eb8;
+    }
+
+    .lg\:dark\:focus\:to-pink-500:focus {
+      --gradient-to-color: #e74694;
+    }
+
+    .lg\:dark\:focus\:to-pink-600:focus {
+      --gradient-to-color: #d61f69;
+    }
+
+    .lg\:dark\:focus\:to-pink-700:focus {
+      --gradient-to-color: #bf125d;
+    }
+
+    .lg\:dark\:focus\:to-pink-800:focus {
+      --gradient-to-color: #99154b;
+    }
+
+    .lg\:dark\:focus\:to-pink-900:focus {
+      --gradient-to-color: #751a3d;
+    }
+  }
+
   .lg\:bg-opacity-0 {
     --bg-opacity: 0;
   }
@@ -99710,6 +142024,1868 @@ video {
     border-color: rgba(117, 26, 61, var(--border-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .lg\:dark\:border-transparent {
+      border-color: transparent;
+    }
+
+    .lg\:dark\:border-current {
+      border-color: currentColor;
+    }
+
+    .lg\:dark\:border-black {
+      --border-opacity: 1;
+      border-color: #000000;
+      border-color: rgba(0, 0, 0, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-white {
+      --border-opacity: 1;
+      border-color: #ffffff;
+      border-color: rgba(255, 255, 255, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-gray-50 {
+      --border-opacity: 1;
+      border-color: #f9fafb;
+      border-color: rgba(249, 250, 251, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-gray-100 {
+      --border-opacity: 1;
+      border-color: #f4f5f7;
+      border-color: rgba(244, 245, 247, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-gray-200 {
+      --border-opacity: 1;
+      border-color: #e5e7eb;
+      border-color: rgba(229, 231, 235, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-gray-300 {
+      --border-opacity: 1;
+      border-color: #d2d6dc;
+      border-color: rgba(210, 214, 220, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-gray-400 {
+      --border-opacity: 1;
+      border-color: #9fa6b2;
+      border-color: rgba(159, 166, 178, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-gray-500 {
+      --border-opacity: 1;
+      border-color: #6b7280;
+      border-color: rgba(107, 114, 128, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-gray-600 {
+      --border-opacity: 1;
+      border-color: #4b5563;
+      border-color: rgba(75, 85, 99, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-gray-700 {
+      --border-opacity: 1;
+      border-color: #374151;
+      border-color: rgba(55, 65, 81, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-gray-800 {
+      --border-opacity: 1;
+      border-color: #252f3f;
+      border-color: rgba(37, 47, 63, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-gray-900 {
+      --border-opacity: 1;
+      border-color: #161e2e;
+      border-color: rgba(22, 30, 46, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-red-50 {
+      --border-opacity: 1;
+      border-color: #fdf2f2;
+      border-color: rgba(253, 242, 242, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-red-100 {
+      --border-opacity: 1;
+      border-color: #fde8e8;
+      border-color: rgba(253, 232, 232, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-red-200 {
+      --border-opacity: 1;
+      border-color: #fbd5d5;
+      border-color: rgba(251, 213, 213, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-red-300 {
+      --border-opacity: 1;
+      border-color: #f8b4b4;
+      border-color: rgba(248, 180, 180, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-red-400 {
+      --border-opacity: 1;
+      border-color: #f98080;
+      border-color: rgba(249, 128, 128, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-red-500 {
+      --border-opacity: 1;
+      border-color: #f05252;
+      border-color: rgba(240, 82, 82, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-red-600 {
+      --border-opacity: 1;
+      border-color: #e02424;
+      border-color: rgba(224, 36, 36, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-red-700 {
+      --border-opacity: 1;
+      border-color: #c81e1e;
+      border-color: rgba(200, 30, 30, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-red-800 {
+      --border-opacity: 1;
+      border-color: #9b1c1c;
+      border-color: rgba(155, 28, 28, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-red-900 {
+      --border-opacity: 1;
+      border-color: #771d1d;
+      border-color: rgba(119, 29, 29, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-orange-50 {
+      --border-opacity: 1;
+      border-color: #fff8f1;
+      border-color: rgba(255, 248, 241, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-orange-100 {
+      --border-opacity: 1;
+      border-color: #feecdc;
+      border-color: rgba(254, 236, 220, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-orange-200 {
+      --border-opacity: 1;
+      border-color: #fcd9bd;
+      border-color: rgba(252, 217, 189, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-orange-300 {
+      --border-opacity: 1;
+      border-color: #fdba8c;
+      border-color: rgba(253, 186, 140, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-orange-400 {
+      --border-opacity: 1;
+      border-color: #ff8a4c;
+      border-color: rgba(255, 138, 76, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-orange-500 {
+      --border-opacity: 1;
+      border-color: #ff5a1f;
+      border-color: rgba(255, 90, 31, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-orange-600 {
+      --border-opacity: 1;
+      border-color: #d03801;
+      border-color: rgba(208, 56, 1, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-orange-700 {
+      --border-opacity: 1;
+      border-color: #b43403;
+      border-color: rgba(180, 52, 3, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-orange-800 {
+      --border-opacity: 1;
+      border-color: #8a2c0d;
+      border-color: rgba(138, 44, 13, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-orange-900 {
+      --border-opacity: 1;
+      border-color: #73230d;
+      border-color: rgba(115, 35, 13, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-yellow-50 {
+      --border-opacity: 1;
+      border-color: #fdfdea;
+      border-color: rgba(253, 253, 234, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-yellow-100 {
+      --border-opacity: 1;
+      border-color: #fdf6b2;
+      border-color: rgba(253, 246, 178, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-yellow-200 {
+      --border-opacity: 1;
+      border-color: #fce96a;
+      border-color: rgba(252, 233, 106, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-yellow-300 {
+      --border-opacity: 1;
+      border-color: #faca15;
+      border-color: rgba(250, 202, 21, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-yellow-400 {
+      --border-opacity: 1;
+      border-color: #e3a008;
+      border-color: rgba(227, 160, 8, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-yellow-500 {
+      --border-opacity: 1;
+      border-color: #c27803;
+      border-color: rgba(194, 120, 3, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-yellow-600 {
+      --border-opacity: 1;
+      border-color: #9f580a;
+      border-color: rgba(159, 88, 10, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-yellow-700 {
+      --border-opacity: 1;
+      border-color: #8e4b10;
+      border-color: rgba(142, 75, 16, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-yellow-800 {
+      --border-opacity: 1;
+      border-color: #723b13;
+      border-color: rgba(114, 59, 19, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-yellow-900 {
+      --border-opacity: 1;
+      border-color: #633112;
+      border-color: rgba(99, 49, 18, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-green-50 {
+      --border-opacity: 1;
+      border-color: #f3faf7;
+      border-color: rgba(243, 250, 247, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-green-100 {
+      --border-opacity: 1;
+      border-color: #def7ec;
+      border-color: rgba(222, 247, 236, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-green-200 {
+      --border-opacity: 1;
+      border-color: #bcf0da;
+      border-color: rgba(188, 240, 218, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-green-300 {
+      --border-opacity: 1;
+      border-color: #84e1bc;
+      border-color: rgba(132, 225, 188, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-green-400 {
+      --border-opacity: 1;
+      border-color: #31c48d;
+      border-color: rgba(49, 196, 141, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-green-500 {
+      --border-opacity: 1;
+      border-color: #0e9f6e;
+      border-color: rgba(14, 159, 110, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-green-600 {
+      --border-opacity: 1;
+      border-color: #057a55;
+      border-color: rgba(5, 122, 85, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-green-700 {
+      --border-opacity: 1;
+      border-color: #046c4e;
+      border-color: rgba(4, 108, 78, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-green-800 {
+      --border-opacity: 1;
+      border-color: #03543f;
+      border-color: rgba(3, 84, 63, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-green-900 {
+      --border-opacity: 1;
+      border-color: #014737;
+      border-color: rgba(1, 71, 55, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-teal-50 {
+      --border-opacity: 1;
+      border-color: #edfafa;
+      border-color: rgba(237, 250, 250, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-teal-100 {
+      --border-opacity: 1;
+      border-color: #d5f5f6;
+      border-color: rgba(213, 245, 246, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-teal-200 {
+      --border-opacity: 1;
+      border-color: #afecef;
+      border-color: rgba(175, 236, 239, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-teal-300 {
+      --border-opacity: 1;
+      border-color: #7edce2;
+      border-color: rgba(126, 220, 226, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-teal-400 {
+      --border-opacity: 1;
+      border-color: #16bdca;
+      border-color: rgba(22, 189, 202, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-teal-500 {
+      --border-opacity: 1;
+      border-color: #0694a2;
+      border-color: rgba(6, 148, 162, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-teal-600 {
+      --border-opacity: 1;
+      border-color: #047481;
+      border-color: rgba(4, 116, 129, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-teal-700 {
+      --border-opacity: 1;
+      border-color: #036672;
+      border-color: rgba(3, 102, 114, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-teal-800 {
+      --border-opacity: 1;
+      border-color: #05505c;
+      border-color: rgba(5, 80, 92, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-teal-900 {
+      --border-opacity: 1;
+      border-color: #014451;
+      border-color: rgba(1, 68, 81, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-blue-50 {
+      --border-opacity: 1;
+      border-color: #ebf5ff;
+      border-color: rgba(235, 245, 255, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-blue-100 {
+      --border-opacity: 1;
+      border-color: #e1effe;
+      border-color: rgba(225, 239, 254, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-blue-200 {
+      --border-opacity: 1;
+      border-color: #c3ddfd;
+      border-color: rgba(195, 221, 253, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-blue-300 {
+      --border-opacity: 1;
+      border-color: #a4cafe;
+      border-color: rgba(164, 202, 254, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-blue-400 {
+      --border-opacity: 1;
+      border-color: #76a9fa;
+      border-color: rgba(118, 169, 250, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-blue-500 {
+      --border-opacity: 1;
+      border-color: #3f83f8;
+      border-color: rgba(63, 131, 248, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-blue-600 {
+      --border-opacity: 1;
+      border-color: #1c64f2;
+      border-color: rgba(28, 100, 242, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-blue-700 {
+      --border-opacity: 1;
+      border-color: #1a56db;
+      border-color: rgba(26, 86, 219, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-blue-800 {
+      --border-opacity: 1;
+      border-color: #1e429f;
+      border-color: rgba(30, 66, 159, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-blue-900 {
+      --border-opacity: 1;
+      border-color: #233876;
+      border-color: rgba(35, 56, 118, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-indigo-50 {
+      --border-opacity: 1;
+      border-color: #f0f5ff;
+      border-color: rgba(240, 245, 255, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-indigo-100 {
+      --border-opacity: 1;
+      border-color: #e5edff;
+      border-color: rgba(229, 237, 255, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-indigo-200 {
+      --border-opacity: 1;
+      border-color: #cddbfe;
+      border-color: rgba(205, 219, 254, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-indigo-300 {
+      --border-opacity: 1;
+      border-color: #b4c6fc;
+      border-color: rgba(180, 198, 252, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-indigo-400 {
+      --border-opacity: 1;
+      border-color: #8da2fb;
+      border-color: rgba(141, 162, 251, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-indigo-500 {
+      --border-opacity: 1;
+      border-color: #6875f5;
+      border-color: rgba(104, 117, 245, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-indigo-600 {
+      --border-opacity: 1;
+      border-color: #5850ec;
+      border-color: rgba(88, 80, 236, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-indigo-700 {
+      --border-opacity: 1;
+      border-color: #5145cd;
+      border-color: rgba(81, 69, 205, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-indigo-800 {
+      --border-opacity: 1;
+      border-color: #42389d;
+      border-color: rgba(66, 56, 157, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-indigo-900 {
+      --border-opacity: 1;
+      border-color: #362f78;
+      border-color: rgba(54, 47, 120, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-purple-50 {
+      --border-opacity: 1;
+      border-color: #f6f5ff;
+      border-color: rgba(246, 245, 255, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-purple-100 {
+      --border-opacity: 1;
+      border-color: #edebfe;
+      border-color: rgba(237, 235, 254, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-purple-200 {
+      --border-opacity: 1;
+      border-color: #dcd7fe;
+      border-color: rgba(220, 215, 254, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-purple-300 {
+      --border-opacity: 1;
+      border-color: #cabffd;
+      border-color: rgba(202, 191, 253, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-purple-400 {
+      --border-opacity: 1;
+      border-color: #ac94fa;
+      border-color: rgba(172, 148, 250, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-purple-500 {
+      --border-opacity: 1;
+      border-color: #9061f9;
+      border-color: rgba(144, 97, 249, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-purple-600 {
+      --border-opacity: 1;
+      border-color: #7e3af2;
+      border-color: rgba(126, 58, 242, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-purple-700 {
+      --border-opacity: 1;
+      border-color: #6c2bd9;
+      border-color: rgba(108, 43, 217, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-purple-800 {
+      --border-opacity: 1;
+      border-color: #5521b5;
+      border-color: rgba(85, 33, 181, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-purple-900 {
+      --border-opacity: 1;
+      border-color: #4a1d96;
+      border-color: rgba(74, 29, 150, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-pink-50 {
+      --border-opacity: 1;
+      border-color: #fdf2f8;
+      border-color: rgba(253, 242, 248, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-pink-100 {
+      --border-opacity: 1;
+      border-color: #fce8f3;
+      border-color: rgba(252, 232, 243, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-pink-200 {
+      --border-opacity: 1;
+      border-color: #fad1e8;
+      border-color: rgba(250, 209, 232, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-pink-300 {
+      --border-opacity: 1;
+      border-color: #f8b4d9;
+      border-color: rgba(248, 180, 217, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-pink-400 {
+      --border-opacity: 1;
+      border-color: #f17eb8;
+      border-color: rgba(241, 126, 184, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-pink-500 {
+      --border-opacity: 1;
+      border-color: #e74694;
+      border-color: rgba(231, 70, 148, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-pink-600 {
+      --border-opacity: 1;
+      border-color: #d61f69;
+      border-color: rgba(214, 31, 105, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-pink-700 {
+      --border-opacity: 1;
+      border-color: #bf125d;
+      border-color: rgba(191, 18, 93, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-pink-800 {
+      --border-opacity: 1;
+      border-color: #99154b;
+      border-color: rgba(153, 21, 75, var(--border-opacity));
+    }
+
+    .lg\:dark\:border-pink-900 {
+      --border-opacity: 1;
+      border-color: #751a3d;
+      border-color: rgba(117, 26, 61, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-transparent:hover {
+      border-color: transparent;
+    }
+
+    .lg\:dark\:hover\:border-current:hover {
+      border-color: currentColor;
+    }
+
+    .lg\:dark\:hover\:border-black:hover {
+      --border-opacity: 1;
+      border-color: #000000;
+      border-color: rgba(0, 0, 0, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-white:hover {
+      --border-opacity: 1;
+      border-color: #ffffff;
+      border-color: rgba(255, 255, 255, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-gray-50:hover {
+      --border-opacity: 1;
+      border-color: #f9fafb;
+      border-color: rgba(249, 250, 251, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-gray-100:hover {
+      --border-opacity: 1;
+      border-color: #f4f5f7;
+      border-color: rgba(244, 245, 247, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-gray-200:hover {
+      --border-opacity: 1;
+      border-color: #e5e7eb;
+      border-color: rgba(229, 231, 235, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-gray-300:hover {
+      --border-opacity: 1;
+      border-color: #d2d6dc;
+      border-color: rgba(210, 214, 220, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-gray-400:hover {
+      --border-opacity: 1;
+      border-color: #9fa6b2;
+      border-color: rgba(159, 166, 178, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-gray-500:hover {
+      --border-opacity: 1;
+      border-color: #6b7280;
+      border-color: rgba(107, 114, 128, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-gray-600:hover {
+      --border-opacity: 1;
+      border-color: #4b5563;
+      border-color: rgba(75, 85, 99, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-gray-700:hover {
+      --border-opacity: 1;
+      border-color: #374151;
+      border-color: rgba(55, 65, 81, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-gray-800:hover {
+      --border-opacity: 1;
+      border-color: #252f3f;
+      border-color: rgba(37, 47, 63, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-gray-900:hover {
+      --border-opacity: 1;
+      border-color: #161e2e;
+      border-color: rgba(22, 30, 46, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-red-50:hover {
+      --border-opacity: 1;
+      border-color: #fdf2f2;
+      border-color: rgba(253, 242, 242, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-red-100:hover {
+      --border-opacity: 1;
+      border-color: #fde8e8;
+      border-color: rgba(253, 232, 232, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-red-200:hover {
+      --border-opacity: 1;
+      border-color: #fbd5d5;
+      border-color: rgba(251, 213, 213, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-red-300:hover {
+      --border-opacity: 1;
+      border-color: #f8b4b4;
+      border-color: rgba(248, 180, 180, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-red-400:hover {
+      --border-opacity: 1;
+      border-color: #f98080;
+      border-color: rgba(249, 128, 128, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-red-500:hover {
+      --border-opacity: 1;
+      border-color: #f05252;
+      border-color: rgba(240, 82, 82, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-red-600:hover {
+      --border-opacity: 1;
+      border-color: #e02424;
+      border-color: rgba(224, 36, 36, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-red-700:hover {
+      --border-opacity: 1;
+      border-color: #c81e1e;
+      border-color: rgba(200, 30, 30, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-red-800:hover {
+      --border-opacity: 1;
+      border-color: #9b1c1c;
+      border-color: rgba(155, 28, 28, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-red-900:hover {
+      --border-opacity: 1;
+      border-color: #771d1d;
+      border-color: rgba(119, 29, 29, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-orange-50:hover {
+      --border-opacity: 1;
+      border-color: #fff8f1;
+      border-color: rgba(255, 248, 241, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-orange-100:hover {
+      --border-opacity: 1;
+      border-color: #feecdc;
+      border-color: rgba(254, 236, 220, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-orange-200:hover {
+      --border-opacity: 1;
+      border-color: #fcd9bd;
+      border-color: rgba(252, 217, 189, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-orange-300:hover {
+      --border-opacity: 1;
+      border-color: #fdba8c;
+      border-color: rgba(253, 186, 140, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-orange-400:hover {
+      --border-opacity: 1;
+      border-color: #ff8a4c;
+      border-color: rgba(255, 138, 76, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-orange-500:hover {
+      --border-opacity: 1;
+      border-color: #ff5a1f;
+      border-color: rgba(255, 90, 31, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-orange-600:hover {
+      --border-opacity: 1;
+      border-color: #d03801;
+      border-color: rgba(208, 56, 1, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-orange-700:hover {
+      --border-opacity: 1;
+      border-color: #b43403;
+      border-color: rgba(180, 52, 3, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-orange-800:hover {
+      --border-opacity: 1;
+      border-color: #8a2c0d;
+      border-color: rgba(138, 44, 13, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-orange-900:hover {
+      --border-opacity: 1;
+      border-color: #73230d;
+      border-color: rgba(115, 35, 13, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-yellow-50:hover {
+      --border-opacity: 1;
+      border-color: #fdfdea;
+      border-color: rgba(253, 253, 234, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-yellow-100:hover {
+      --border-opacity: 1;
+      border-color: #fdf6b2;
+      border-color: rgba(253, 246, 178, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-yellow-200:hover {
+      --border-opacity: 1;
+      border-color: #fce96a;
+      border-color: rgba(252, 233, 106, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-yellow-300:hover {
+      --border-opacity: 1;
+      border-color: #faca15;
+      border-color: rgba(250, 202, 21, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-yellow-400:hover {
+      --border-opacity: 1;
+      border-color: #e3a008;
+      border-color: rgba(227, 160, 8, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-yellow-500:hover {
+      --border-opacity: 1;
+      border-color: #c27803;
+      border-color: rgba(194, 120, 3, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-yellow-600:hover {
+      --border-opacity: 1;
+      border-color: #9f580a;
+      border-color: rgba(159, 88, 10, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-yellow-700:hover {
+      --border-opacity: 1;
+      border-color: #8e4b10;
+      border-color: rgba(142, 75, 16, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-yellow-800:hover {
+      --border-opacity: 1;
+      border-color: #723b13;
+      border-color: rgba(114, 59, 19, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-yellow-900:hover {
+      --border-opacity: 1;
+      border-color: #633112;
+      border-color: rgba(99, 49, 18, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-green-50:hover {
+      --border-opacity: 1;
+      border-color: #f3faf7;
+      border-color: rgba(243, 250, 247, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-green-100:hover {
+      --border-opacity: 1;
+      border-color: #def7ec;
+      border-color: rgba(222, 247, 236, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-green-200:hover {
+      --border-opacity: 1;
+      border-color: #bcf0da;
+      border-color: rgba(188, 240, 218, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-green-300:hover {
+      --border-opacity: 1;
+      border-color: #84e1bc;
+      border-color: rgba(132, 225, 188, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-green-400:hover {
+      --border-opacity: 1;
+      border-color: #31c48d;
+      border-color: rgba(49, 196, 141, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-green-500:hover {
+      --border-opacity: 1;
+      border-color: #0e9f6e;
+      border-color: rgba(14, 159, 110, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-green-600:hover {
+      --border-opacity: 1;
+      border-color: #057a55;
+      border-color: rgba(5, 122, 85, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-green-700:hover {
+      --border-opacity: 1;
+      border-color: #046c4e;
+      border-color: rgba(4, 108, 78, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-green-800:hover {
+      --border-opacity: 1;
+      border-color: #03543f;
+      border-color: rgba(3, 84, 63, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-green-900:hover {
+      --border-opacity: 1;
+      border-color: #014737;
+      border-color: rgba(1, 71, 55, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-teal-50:hover {
+      --border-opacity: 1;
+      border-color: #edfafa;
+      border-color: rgba(237, 250, 250, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-teal-100:hover {
+      --border-opacity: 1;
+      border-color: #d5f5f6;
+      border-color: rgba(213, 245, 246, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-teal-200:hover {
+      --border-opacity: 1;
+      border-color: #afecef;
+      border-color: rgba(175, 236, 239, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-teal-300:hover {
+      --border-opacity: 1;
+      border-color: #7edce2;
+      border-color: rgba(126, 220, 226, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-teal-400:hover {
+      --border-opacity: 1;
+      border-color: #16bdca;
+      border-color: rgba(22, 189, 202, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-teal-500:hover {
+      --border-opacity: 1;
+      border-color: #0694a2;
+      border-color: rgba(6, 148, 162, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-teal-600:hover {
+      --border-opacity: 1;
+      border-color: #047481;
+      border-color: rgba(4, 116, 129, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-teal-700:hover {
+      --border-opacity: 1;
+      border-color: #036672;
+      border-color: rgba(3, 102, 114, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-teal-800:hover {
+      --border-opacity: 1;
+      border-color: #05505c;
+      border-color: rgba(5, 80, 92, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-teal-900:hover {
+      --border-opacity: 1;
+      border-color: #014451;
+      border-color: rgba(1, 68, 81, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-blue-50:hover {
+      --border-opacity: 1;
+      border-color: #ebf5ff;
+      border-color: rgba(235, 245, 255, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-blue-100:hover {
+      --border-opacity: 1;
+      border-color: #e1effe;
+      border-color: rgba(225, 239, 254, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-blue-200:hover {
+      --border-opacity: 1;
+      border-color: #c3ddfd;
+      border-color: rgba(195, 221, 253, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-blue-300:hover {
+      --border-opacity: 1;
+      border-color: #a4cafe;
+      border-color: rgba(164, 202, 254, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-blue-400:hover {
+      --border-opacity: 1;
+      border-color: #76a9fa;
+      border-color: rgba(118, 169, 250, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-blue-500:hover {
+      --border-opacity: 1;
+      border-color: #3f83f8;
+      border-color: rgba(63, 131, 248, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-blue-600:hover {
+      --border-opacity: 1;
+      border-color: #1c64f2;
+      border-color: rgba(28, 100, 242, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-blue-700:hover {
+      --border-opacity: 1;
+      border-color: #1a56db;
+      border-color: rgba(26, 86, 219, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-blue-800:hover {
+      --border-opacity: 1;
+      border-color: #1e429f;
+      border-color: rgba(30, 66, 159, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-blue-900:hover {
+      --border-opacity: 1;
+      border-color: #233876;
+      border-color: rgba(35, 56, 118, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-indigo-50:hover {
+      --border-opacity: 1;
+      border-color: #f0f5ff;
+      border-color: rgba(240, 245, 255, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-indigo-100:hover {
+      --border-opacity: 1;
+      border-color: #e5edff;
+      border-color: rgba(229, 237, 255, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-indigo-200:hover {
+      --border-opacity: 1;
+      border-color: #cddbfe;
+      border-color: rgba(205, 219, 254, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-indigo-300:hover {
+      --border-opacity: 1;
+      border-color: #b4c6fc;
+      border-color: rgba(180, 198, 252, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-indigo-400:hover {
+      --border-opacity: 1;
+      border-color: #8da2fb;
+      border-color: rgba(141, 162, 251, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-indigo-500:hover {
+      --border-opacity: 1;
+      border-color: #6875f5;
+      border-color: rgba(104, 117, 245, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-indigo-600:hover {
+      --border-opacity: 1;
+      border-color: #5850ec;
+      border-color: rgba(88, 80, 236, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-indigo-700:hover {
+      --border-opacity: 1;
+      border-color: #5145cd;
+      border-color: rgba(81, 69, 205, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-indigo-800:hover {
+      --border-opacity: 1;
+      border-color: #42389d;
+      border-color: rgba(66, 56, 157, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-indigo-900:hover {
+      --border-opacity: 1;
+      border-color: #362f78;
+      border-color: rgba(54, 47, 120, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-purple-50:hover {
+      --border-opacity: 1;
+      border-color: #f6f5ff;
+      border-color: rgba(246, 245, 255, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-purple-100:hover {
+      --border-opacity: 1;
+      border-color: #edebfe;
+      border-color: rgba(237, 235, 254, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-purple-200:hover {
+      --border-opacity: 1;
+      border-color: #dcd7fe;
+      border-color: rgba(220, 215, 254, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-purple-300:hover {
+      --border-opacity: 1;
+      border-color: #cabffd;
+      border-color: rgba(202, 191, 253, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-purple-400:hover {
+      --border-opacity: 1;
+      border-color: #ac94fa;
+      border-color: rgba(172, 148, 250, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-purple-500:hover {
+      --border-opacity: 1;
+      border-color: #9061f9;
+      border-color: rgba(144, 97, 249, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-purple-600:hover {
+      --border-opacity: 1;
+      border-color: #7e3af2;
+      border-color: rgba(126, 58, 242, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-purple-700:hover {
+      --border-opacity: 1;
+      border-color: #6c2bd9;
+      border-color: rgba(108, 43, 217, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-purple-800:hover {
+      --border-opacity: 1;
+      border-color: #5521b5;
+      border-color: rgba(85, 33, 181, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-purple-900:hover {
+      --border-opacity: 1;
+      border-color: #4a1d96;
+      border-color: rgba(74, 29, 150, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-pink-50:hover {
+      --border-opacity: 1;
+      border-color: #fdf2f8;
+      border-color: rgba(253, 242, 248, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-pink-100:hover {
+      --border-opacity: 1;
+      border-color: #fce8f3;
+      border-color: rgba(252, 232, 243, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-pink-200:hover {
+      --border-opacity: 1;
+      border-color: #fad1e8;
+      border-color: rgba(250, 209, 232, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-pink-300:hover {
+      --border-opacity: 1;
+      border-color: #f8b4d9;
+      border-color: rgba(248, 180, 217, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-pink-400:hover {
+      --border-opacity: 1;
+      border-color: #f17eb8;
+      border-color: rgba(241, 126, 184, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-pink-500:hover {
+      --border-opacity: 1;
+      border-color: #e74694;
+      border-color: rgba(231, 70, 148, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-pink-600:hover {
+      --border-opacity: 1;
+      border-color: #d61f69;
+      border-color: rgba(214, 31, 105, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-pink-700:hover {
+      --border-opacity: 1;
+      border-color: #bf125d;
+      border-color: rgba(191, 18, 93, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-pink-800:hover {
+      --border-opacity: 1;
+      border-color: #99154b;
+      border-color: rgba(153, 21, 75, var(--border-opacity));
+    }
+
+    .lg\:dark\:hover\:border-pink-900:hover {
+      --border-opacity: 1;
+      border-color: #751a3d;
+      border-color: rgba(117, 26, 61, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-transparent:focus {
+      border-color: transparent;
+    }
+
+    .lg\:dark\:focus\:border-current:focus {
+      border-color: currentColor;
+    }
+
+    .lg\:dark\:focus\:border-black:focus {
+      --border-opacity: 1;
+      border-color: #000000;
+      border-color: rgba(0, 0, 0, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-white:focus {
+      --border-opacity: 1;
+      border-color: #ffffff;
+      border-color: rgba(255, 255, 255, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-gray-50:focus {
+      --border-opacity: 1;
+      border-color: #f9fafb;
+      border-color: rgba(249, 250, 251, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-gray-100:focus {
+      --border-opacity: 1;
+      border-color: #f4f5f7;
+      border-color: rgba(244, 245, 247, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-gray-200:focus {
+      --border-opacity: 1;
+      border-color: #e5e7eb;
+      border-color: rgba(229, 231, 235, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-gray-300:focus {
+      --border-opacity: 1;
+      border-color: #d2d6dc;
+      border-color: rgba(210, 214, 220, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-gray-400:focus {
+      --border-opacity: 1;
+      border-color: #9fa6b2;
+      border-color: rgba(159, 166, 178, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-gray-500:focus {
+      --border-opacity: 1;
+      border-color: #6b7280;
+      border-color: rgba(107, 114, 128, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-gray-600:focus {
+      --border-opacity: 1;
+      border-color: #4b5563;
+      border-color: rgba(75, 85, 99, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-gray-700:focus {
+      --border-opacity: 1;
+      border-color: #374151;
+      border-color: rgba(55, 65, 81, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-gray-800:focus {
+      --border-opacity: 1;
+      border-color: #252f3f;
+      border-color: rgba(37, 47, 63, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-gray-900:focus {
+      --border-opacity: 1;
+      border-color: #161e2e;
+      border-color: rgba(22, 30, 46, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-red-50:focus {
+      --border-opacity: 1;
+      border-color: #fdf2f2;
+      border-color: rgba(253, 242, 242, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-red-100:focus {
+      --border-opacity: 1;
+      border-color: #fde8e8;
+      border-color: rgba(253, 232, 232, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-red-200:focus {
+      --border-opacity: 1;
+      border-color: #fbd5d5;
+      border-color: rgba(251, 213, 213, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-red-300:focus {
+      --border-opacity: 1;
+      border-color: #f8b4b4;
+      border-color: rgba(248, 180, 180, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-red-400:focus {
+      --border-opacity: 1;
+      border-color: #f98080;
+      border-color: rgba(249, 128, 128, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-red-500:focus {
+      --border-opacity: 1;
+      border-color: #f05252;
+      border-color: rgba(240, 82, 82, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-red-600:focus {
+      --border-opacity: 1;
+      border-color: #e02424;
+      border-color: rgba(224, 36, 36, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-red-700:focus {
+      --border-opacity: 1;
+      border-color: #c81e1e;
+      border-color: rgba(200, 30, 30, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-red-800:focus {
+      --border-opacity: 1;
+      border-color: #9b1c1c;
+      border-color: rgba(155, 28, 28, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-red-900:focus {
+      --border-opacity: 1;
+      border-color: #771d1d;
+      border-color: rgba(119, 29, 29, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-orange-50:focus {
+      --border-opacity: 1;
+      border-color: #fff8f1;
+      border-color: rgba(255, 248, 241, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-orange-100:focus {
+      --border-opacity: 1;
+      border-color: #feecdc;
+      border-color: rgba(254, 236, 220, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-orange-200:focus {
+      --border-opacity: 1;
+      border-color: #fcd9bd;
+      border-color: rgba(252, 217, 189, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-orange-300:focus {
+      --border-opacity: 1;
+      border-color: #fdba8c;
+      border-color: rgba(253, 186, 140, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-orange-400:focus {
+      --border-opacity: 1;
+      border-color: #ff8a4c;
+      border-color: rgba(255, 138, 76, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-orange-500:focus {
+      --border-opacity: 1;
+      border-color: #ff5a1f;
+      border-color: rgba(255, 90, 31, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-orange-600:focus {
+      --border-opacity: 1;
+      border-color: #d03801;
+      border-color: rgba(208, 56, 1, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-orange-700:focus {
+      --border-opacity: 1;
+      border-color: #b43403;
+      border-color: rgba(180, 52, 3, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-orange-800:focus {
+      --border-opacity: 1;
+      border-color: #8a2c0d;
+      border-color: rgba(138, 44, 13, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-orange-900:focus {
+      --border-opacity: 1;
+      border-color: #73230d;
+      border-color: rgba(115, 35, 13, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-yellow-50:focus {
+      --border-opacity: 1;
+      border-color: #fdfdea;
+      border-color: rgba(253, 253, 234, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-yellow-100:focus {
+      --border-opacity: 1;
+      border-color: #fdf6b2;
+      border-color: rgba(253, 246, 178, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-yellow-200:focus {
+      --border-opacity: 1;
+      border-color: #fce96a;
+      border-color: rgba(252, 233, 106, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-yellow-300:focus {
+      --border-opacity: 1;
+      border-color: #faca15;
+      border-color: rgba(250, 202, 21, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-yellow-400:focus {
+      --border-opacity: 1;
+      border-color: #e3a008;
+      border-color: rgba(227, 160, 8, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-yellow-500:focus {
+      --border-opacity: 1;
+      border-color: #c27803;
+      border-color: rgba(194, 120, 3, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-yellow-600:focus {
+      --border-opacity: 1;
+      border-color: #9f580a;
+      border-color: rgba(159, 88, 10, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-yellow-700:focus {
+      --border-opacity: 1;
+      border-color: #8e4b10;
+      border-color: rgba(142, 75, 16, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-yellow-800:focus {
+      --border-opacity: 1;
+      border-color: #723b13;
+      border-color: rgba(114, 59, 19, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-yellow-900:focus {
+      --border-opacity: 1;
+      border-color: #633112;
+      border-color: rgba(99, 49, 18, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-green-50:focus {
+      --border-opacity: 1;
+      border-color: #f3faf7;
+      border-color: rgba(243, 250, 247, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-green-100:focus {
+      --border-opacity: 1;
+      border-color: #def7ec;
+      border-color: rgba(222, 247, 236, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-green-200:focus {
+      --border-opacity: 1;
+      border-color: #bcf0da;
+      border-color: rgba(188, 240, 218, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-green-300:focus {
+      --border-opacity: 1;
+      border-color: #84e1bc;
+      border-color: rgba(132, 225, 188, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-green-400:focus {
+      --border-opacity: 1;
+      border-color: #31c48d;
+      border-color: rgba(49, 196, 141, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-green-500:focus {
+      --border-opacity: 1;
+      border-color: #0e9f6e;
+      border-color: rgba(14, 159, 110, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-green-600:focus {
+      --border-opacity: 1;
+      border-color: #057a55;
+      border-color: rgba(5, 122, 85, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-green-700:focus {
+      --border-opacity: 1;
+      border-color: #046c4e;
+      border-color: rgba(4, 108, 78, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-green-800:focus {
+      --border-opacity: 1;
+      border-color: #03543f;
+      border-color: rgba(3, 84, 63, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-green-900:focus {
+      --border-opacity: 1;
+      border-color: #014737;
+      border-color: rgba(1, 71, 55, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-teal-50:focus {
+      --border-opacity: 1;
+      border-color: #edfafa;
+      border-color: rgba(237, 250, 250, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-teal-100:focus {
+      --border-opacity: 1;
+      border-color: #d5f5f6;
+      border-color: rgba(213, 245, 246, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-teal-200:focus {
+      --border-opacity: 1;
+      border-color: #afecef;
+      border-color: rgba(175, 236, 239, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-teal-300:focus {
+      --border-opacity: 1;
+      border-color: #7edce2;
+      border-color: rgba(126, 220, 226, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-teal-400:focus {
+      --border-opacity: 1;
+      border-color: #16bdca;
+      border-color: rgba(22, 189, 202, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-teal-500:focus {
+      --border-opacity: 1;
+      border-color: #0694a2;
+      border-color: rgba(6, 148, 162, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-teal-600:focus {
+      --border-opacity: 1;
+      border-color: #047481;
+      border-color: rgba(4, 116, 129, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-teal-700:focus {
+      --border-opacity: 1;
+      border-color: #036672;
+      border-color: rgba(3, 102, 114, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-teal-800:focus {
+      --border-opacity: 1;
+      border-color: #05505c;
+      border-color: rgba(5, 80, 92, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-teal-900:focus {
+      --border-opacity: 1;
+      border-color: #014451;
+      border-color: rgba(1, 68, 81, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-blue-50:focus {
+      --border-opacity: 1;
+      border-color: #ebf5ff;
+      border-color: rgba(235, 245, 255, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-blue-100:focus {
+      --border-opacity: 1;
+      border-color: #e1effe;
+      border-color: rgba(225, 239, 254, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-blue-200:focus {
+      --border-opacity: 1;
+      border-color: #c3ddfd;
+      border-color: rgba(195, 221, 253, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-blue-300:focus {
+      --border-opacity: 1;
+      border-color: #a4cafe;
+      border-color: rgba(164, 202, 254, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-blue-400:focus {
+      --border-opacity: 1;
+      border-color: #76a9fa;
+      border-color: rgba(118, 169, 250, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-blue-500:focus {
+      --border-opacity: 1;
+      border-color: #3f83f8;
+      border-color: rgba(63, 131, 248, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-blue-600:focus {
+      --border-opacity: 1;
+      border-color: #1c64f2;
+      border-color: rgba(28, 100, 242, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-blue-700:focus {
+      --border-opacity: 1;
+      border-color: #1a56db;
+      border-color: rgba(26, 86, 219, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-blue-800:focus {
+      --border-opacity: 1;
+      border-color: #1e429f;
+      border-color: rgba(30, 66, 159, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-blue-900:focus {
+      --border-opacity: 1;
+      border-color: #233876;
+      border-color: rgba(35, 56, 118, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-indigo-50:focus {
+      --border-opacity: 1;
+      border-color: #f0f5ff;
+      border-color: rgba(240, 245, 255, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-indigo-100:focus {
+      --border-opacity: 1;
+      border-color: #e5edff;
+      border-color: rgba(229, 237, 255, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-indigo-200:focus {
+      --border-opacity: 1;
+      border-color: #cddbfe;
+      border-color: rgba(205, 219, 254, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-indigo-300:focus {
+      --border-opacity: 1;
+      border-color: #b4c6fc;
+      border-color: rgba(180, 198, 252, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-indigo-400:focus {
+      --border-opacity: 1;
+      border-color: #8da2fb;
+      border-color: rgba(141, 162, 251, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-indigo-500:focus {
+      --border-opacity: 1;
+      border-color: #6875f5;
+      border-color: rgba(104, 117, 245, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-indigo-600:focus {
+      --border-opacity: 1;
+      border-color: #5850ec;
+      border-color: rgba(88, 80, 236, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-indigo-700:focus {
+      --border-opacity: 1;
+      border-color: #5145cd;
+      border-color: rgba(81, 69, 205, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-indigo-800:focus {
+      --border-opacity: 1;
+      border-color: #42389d;
+      border-color: rgba(66, 56, 157, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-indigo-900:focus {
+      --border-opacity: 1;
+      border-color: #362f78;
+      border-color: rgba(54, 47, 120, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-purple-50:focus {
+      --border-opacity: 1;
+      border-color: #f6f5ff;
+      border-color: rgba(246, 245, 255, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-purple-100:focus {
+      --border-opacity: 1;
+      border-color: #edebfe;
+      border-color: rgba(237, 235, 254, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-purple-200:focus {
+      --border-opacity: 1;
+      border-color: #dcd7fe;
+      border-color: rgba(220, 215, 254, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-purple-300:focus {
+      --border-opacity: 1;
+      border-color: #cabffd;
+      border-color: rgba(202, 191, 253, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-purple-400:focus {
+      --border-opacity: 1;
+      border-color: #ac94fa;
+      border-color: rgba(172, 148, 250, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-purple-500:focus {
+      --border-opacity: 1;
+      border-color: #9061f9;
+      border-color: rgba(144, 97, 249, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-purple-600:focus {
+      --border-opacity: 1;
+      border-color: #7e3af2;
+      border-color: rgba(126, 58, 242, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-purple-700:focus {
+      --border-opacity: 1;
+      border-color: #6c2bd9;
+      border-color: rgba(108, 43, 217, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-purple-800:focus {
+      --border-opacity: 1;
+      border-color: #5521b5;
+      border-color: rgba(85, 33, 181, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-purple-900:focus {
+      --border-opacity: 1;
+      border-color: #4a1d96;
+      border-color: rgba(74, 29, 150, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-pink-50:focus {
+      --border-opacity: 1;
+      border-color: #fdf2f8;
+      border-color: rgba(253, 242, 248, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-pink-100:focus {
+      --border-opacity: 1;
+      border-color: #fce8f3;
+      border-color: rgba(252, 232, 243, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-pink-200:focus {
+      --border-opacity: 1;
+      border-color: #fad1e8;
+      border-color: rgba(250, 209, 232, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-pink-300:focus {
+      --border-opacity: 1;
+      border-color: #f8b4d9;
+      border-color: rgba(248, 180, 217, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-pink-400:focus {
+      --border-opacity: 1;
+      border-color: #f17eb8;
+      border-color: rgba(241, 126, 184, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-pink-500:focus {
+      --border-opacity: 1;
+      border-color: #e74694;
+      border-color: rgba(231, 70, 148, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-pink-600:focus {
+      --border-opacity: 1;
+      border-color: #d61f69;
+      border-color: rgba(214, 31, 105, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-pink-700:focus {
+      --border-opacity: 1;
+      border-color: #bf125d;
+      border-color: rgba(191, 18, 93, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-pink-800:focus {
+      --border-opacity: 1;
+      border-color: #99154b;
+      border-color: rgba(153, 21, 75, var(--border-opacity));
+    }
+
+    .lg\:dark\:focus\:border-pink-900:focus {
+      --border-opacity: 1;
+      border-color: #751a3d;
+      border-color: rgba(117, 26, 61, var(--border-opacity));
+    }
+  }
+
   .lg\:border-opacity-0 {
     --border-opacity: 0;
   }
@@ -108589,6 +152765,1248 @@ video {
     color: rgba(117, 26, 61, var(--placeholder-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .lg\:dark\:placeholder-transparent::placeholder {
+      color: transparent;
+    }
+
+    .lg\:dark\:placeholder-current::placeholder {
+      color: currentColor;
+    }
+
+    .lg\:dark\:placeholder-black::placeholder {
+      --placeholder-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-white::placeholder {
+      --placeholder-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-gray-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-gray-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-gray-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-gray-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-gray-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-gray-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-gray-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-gray-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-gray-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-gray-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-red-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-red-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-red-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-red-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-red-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-red-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-red-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-red-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-red-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-red-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-orange-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-orange-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-orange-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-orange-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-orange-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-orange-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-orange-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-orange-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-orange-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-orange-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-yellow-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-yellow-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-yellow-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-yellow-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-yellow-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-yellow-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-yellow-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-yellow-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-yellow-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-yellow-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-green-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-green-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-green-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-green-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-green-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-green-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-green-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-green-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-green-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-green-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-teal-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-teal-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-teal-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-teal-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-teal-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-teal-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-teal-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-teal-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-teal-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-teal-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-blue-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-blue-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-blue-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-blue-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-blue-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-blue-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-blue-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-blue-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-blue-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-blue-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-indigo-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-indigo-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-indigo-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-indigo-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-indigo-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-indigo-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-indigo-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-indigo-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-indigo-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-indigo-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-purple-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-purple-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-purple-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-purple-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-purple-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-purple-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-purple-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-purple-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-purple-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-purple-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-pink-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-pink-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-pink-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-pink-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-pink-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-pink-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-pink-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-pink-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-pink-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:placeholder-pink-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-transparent:focus::placeholder {
+      color: transparent;
+    }
+
+    .lg\:dark\:focus\:placeholder-current:focus::placeholder {
+      color: currentColor;
+    }
+
+    .lg\:dark\:focus\:placeholder-black:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-white:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-gray-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-gray-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-gray-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-gray-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-gray-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-gray-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-gray-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-gray-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-gray-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-gray-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-red-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-red-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-red-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-red-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-red-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-red-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-red-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-red-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-red-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-red-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-orange-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-orange-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-orange-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-orange-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-orange-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-orange-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-orange-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-orange-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-orange-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-orange-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-yellow-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-yellow-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-yellow-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-yellow-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-yellow-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-yellow-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-yellow-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-yellow-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-yellow-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-yellow-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-green-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-green-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-green-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-green-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-green-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-green-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-green-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-green-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-green-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-green-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-teal-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-teal-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-teal-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-teal-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-teal-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-teal-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-teal-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-teal-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-teal-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-teal-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-blue-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-blue-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-blue-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-blue-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-blue-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-blue-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-blue-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-blue-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-blue-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-blue-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-indigo-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-indigo-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-indigo-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-indigo-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-indigo-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-indigo-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-indigo-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-indigo-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-indigo-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-indigo-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-purple-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-purple-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-purple-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-purple-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-purple-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-purple-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-purple-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-purple-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-purple-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-purple-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-pink-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-pink-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-pink-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-pink-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-pink-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-pink-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-pink-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-pink-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-pink-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--placeholder-opacity));
+    }
+
+    .lg\:dark\:focus\:placeholder-pink-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--placeholder-opacity));
+    }
+  }
+
   .lg\:placeholder-opacity-0::placeholder {
     --placeholder-opacity: 0;
   }
@@ -112842,6 +158260,1868 @@ video {
     color: rgba(117, 26, 61, var(--text-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .lg\:dark\:text-transparent {
+      color: transparent;
+    }
+
+    .lg\:dark\:text-current {
+      color: currentColor;
+    }
+
+    .lg\:dark\:text-black {
+      --text-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-white {
+      --text-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-gray-50 {
+      --text-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-gray-100 {
+      --text-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-gray-200 {
+      --text-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-gray-300 {
+      --text-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-gray-400 {
+      --text-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-gray-500 {
+      --text-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-gray-600 {
+      --text-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-gray-700 {
+      --text-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-gray-800 {
+      --text-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-gray-900 {
+      --text-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-red-50 {
+      --text-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-red-100 {
+      --text-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-red-200 {
+      --text-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-red-300 {
+      --text-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-red-400 {
+      --text-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-red-500 {
+      --text-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-red-600 {
+      --text-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-red-700 {
+      --text-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-red-800 {
+      --text-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-red-900 {
+      --text-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-orange-50 {
+      --text-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-orange-100 {
+      --text-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-orange-200 {
+      --text-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-orange-300 {
+      --text-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-orange-400 {
+      --text-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-orange-500 {
+      --text-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-orange-600 {
+      --text-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-orange-700 {
+      --text-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-orange-800 {
+      --text-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-orange-900 {
+      --text-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-yellow-50 {
+      --text-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-yellow-100 {
+      --text-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-yellow-200 {
+      --text-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-yellow-300 {
+      --text-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-yellow-400 {
+      --text-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-yellow-500 {
+      --text-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-yellow-600 {
+      --text-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-yellow-700 {
+      --text-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-yellow-800 {
+      --text-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-yellow-900 {
+      --text-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-green-50 {
+      --text-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-green-100 {
+      --text-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-green-200 {
+      --text-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-green-300 {
+      --text-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-green-400 {
+      --text-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-green-500 {
+      --text-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-green-600 {
+      --text-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-green-700 {
+      --text-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-green-800 {
+      --text-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-green-900 {
+      --text-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-teal-50 {
+      --text-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-teal-100 {
+      --text-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-teal-200 {
+      --text-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-teal-300 {
+      --text-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-teal-400 {
+      --text-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-teal-500 {
+      --text-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-teal-600 {
+      --text-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-teal-700 {
+      --text-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-teal-800 {
+      --text-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-teal-900 {
+      --text-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-blue-50 {
+      --text-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-blue-100 {
+      --text-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-blue-200 {
+      --text-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-blue-300 {
+      --text-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-blue-400 {
+      --text-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-blue-500 {
+      --text-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-blue-600 {
+      --text-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-blue-700 {
+      --text-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-blue-800 {
+      --text-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-blue-900 {
+      --text-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-indigo-50 {
+      --text-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-indigo-100 {
+      --text-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-indigo-200 {
+      --text-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-indigo-300 {
+      --text-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-indigo-400 {
+      --text-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-indigo-500 {
+      --text-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-indigo-600 {
+      --text-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-indigo-700 {
+      --text-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-indigo-800 {
+      --text-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-indigo-900 {
+      --text-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-purple-50 {
+      --text-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-purple-100 {
+      --text-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-purple-200 {
+      --text-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-purple-300 {
+      --text-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-purple-400 {
+      --text-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-purple-500 {
+      --text-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-purple-600 {
+      --text-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-purple-700 {
+      --text-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-purple-800 {
+      --text-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-purple-900 {
+      --text-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-pink-50 {
+      --text-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-pink-100 {
+      --text-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-pink-200 {
+      --text-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-pink-300 {
+      --text-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-pink-400 {
+      --text-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-pink-500 {
+      --text-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-pink-600 {
+      --text-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-pink-700 {
+      --text-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-pink-800 {
+      --text-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--text-opacity));
+    }
+
+    .lg\:dark\:text-pink-900 {
+      --text-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-transparent:hover {
+      color: transparent;
+    }
+
+    .lg\:dark\:hover\:text-current:hover {
+      color: currentColor;
+    }
+
+    .lg\:dark\:hover\:text-black:hover {
+      --text-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-white:hover {
+      --text-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-gray-50:hover {
+      --text-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-gray-100:hover {
+      --text-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-gray-200:hover {
+      --text-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-gray-300:hover {
+      --text-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-gray-400:hover {
+      --text-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-gray-500:hover {
+      --text-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-gray-600:hover {
+      --text-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-gray-700:hover {
+      --text-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-gray-800:hover {
+      --text-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-gray-900:hover {
+      --text-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-red-50:hover {
+      --text-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-red-100:hover {
+      --text-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-red-200:hover {
+      --text-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-red-300:hover {
+      --text-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-red-400:hover {
+      --text-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-red-500:hover {
+      --text-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-red-600:hover {
+      --text-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-red-700:hover {
+      --text-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-red-800:hover {
+      --text-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-red-900:hover {
+      --text-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-orange-50:hover {
+      --text-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-orange-100:hover {
+      --text-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-orange-200:hover {
+      --text-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-orange-300:hover {
+      --text-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-orange-400:hover {
+      --text-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-orange-500:hover {
+      --text-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-orange-600:hover {
+      --text-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-orange-700:hover {
+      --text-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-orange-800:hover {
+      --text-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-orange-900:hover {
+      --text-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-yellow-50:hover {
+      --text-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-yellow-100:hover {
+      --text-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-yellow-200:hover {
+      --text-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-yellow-300:hover {
+      --text-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-yellow-400:hover {
+      --text-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-yellow-500:hover {
+      --text-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-yellow-600:hover {
+      --text-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-yellow-700:hover {
+      --text-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-yellow-800:hover {
+      --text-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-yellow-900:hover {
+      --text-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-green-50:hover {
+      --text-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-green-100:hover {
+      --text-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-green-200:hover {
+      --text-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-green-300:hover {
+      --text-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-green-400:hover {
+      --text-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-green-500:hover {
+      --text-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-green-600:hover {
+      --text-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-green-700:hover {
+      --text-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-green-800:hover {
+      --text-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-green-900:hover {
+      --text-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-teal-50:hover {
+      --text-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-teal-100:hover {
+      --text-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-teal-200:hover {
+      --text-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-teal-300:hover {
+      --text-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-teal-400:hover {
+      --text-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-teal-500:hover {
+      --text-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-teal-600:hover {
+      --text-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-teal-700:hover {
+      --text-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-teal-800:hover {
+      --text-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-teal-900:hover {
+      --text-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-blue-50:hover {
+      --text-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-blue-100:hover {
+      --text-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-blue-200:hover {
+      --text-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-blue-300:hover {
+      --text-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-blue-400:hover {
+      --text-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-blue-500:hover {
+      --text-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-blue-600:hover {
+      --text-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-blue-700:hover {
+      --text-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-blue-800:hover {
+      --text-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-blue-900:hover {
+      --text-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-indigo-50:hover {
+      --text-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-indigo-100:hover {
+      --text-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-indigo-200:hover {
+      --text-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-indigo-300:hover {
+      --text-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-indigo-400:hover {
+      --text-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-indigo-500:hover {
+      --text-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-indigo-600:hover {
+      --text-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-indigo-700:hover {
+      --text-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-indigo-800:hover {
+      --text-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-indigo-900:hover {
+      --text-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-purple-50:hover {
+      --text-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-purple-100:hover {
+      --text-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-purple-200:hover {
+      --text-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-purple-300:hover {
+      --text-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-purple-400:hover {
+      --text-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-purple-500:hover {
+      --text-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-purple-600:hover {
+      --text-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-purple-700:hover {
+      --text-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-purple-800:hover {
+      --text-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-purple-900:hover {
+      --text-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-pink-50:hover {
+      --text-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-pink-100:hover {
+      --text-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-pink-200:hover {
+      --text-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-pink-300:hover {
+      --text-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-pink-400:hover {
+      --text-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-pink-500:hover {
+      --text-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-pink-600:hover {
+      --text-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-pink-700:hover {
+      --text-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-pink-800:hover {
+      --text-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--text-opacity));
+    }
+
+    .lg\:dark\:hover\:text-pink-900:hover {
+      --text-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-transparent:focus {
+      color: transparent;
+    }
+
+    .lg\:dark\:focus\:text-current:focus {
+      color: currentColor;
+    }
+
+    .lg\:dark\:focus\:text-black:focus {
+      --text-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-white:focus {
+      --text-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-gray-50:focus {
+      --text-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-gray-100:focus {
+      --text-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-gray-200:focus {
+      --text-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-gray-300:focus {
+      --text-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-gray-400:focus {
+      --text-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-gray-500:focus {
+      --text-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-gray-600:focus {
+      --text-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-gray-700:focus {
+      --text-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-gray-800:focus {
+      --text-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-gray-900:focus {
+      --text-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-red-50:focus {
+      --text-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-red-100:focus {
+      --text-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-red-200:focus {
+      --text-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-red-300:focus {
+      --text-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-red-400:focus {
+      --text-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-red-500:focus {
+      --text-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-red-600:focus {
+      --text-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-red-700:focus {
+      --text-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-red-800:focus {
+      --text-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-red-900:focus {
+      --text-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-orange-50:focus {
+      --text-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-orange-100:focus {
+      --text-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-orange-200:focus {
+      --text-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-orange-300:focus {
+      --text-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-orange-400:focus {
+      --text-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-orange-500:focus {
+      --text-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-orange-600:focus {
+      --text-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-orange-700:focus {
+      --text-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-orange-800:focus {
+      --text-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-orange-900:focus {
+      --text-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-yellow-50:focus {
+      --text-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-yellow-100:focus {
+      --text-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-yellow-200:focus {
+      --text-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-yellow-300:focus {
+      --text-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-yellow-400:focus {
+      --text-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-yellow-500:focus {
+      --text-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-yellow-600:focus {
+      --text-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-yellow-700:focus {
+      --text-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-yellow-800:focus {
+      --text-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-yellow-900:focus {
+      --text-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-green-50:focus {
+      --text-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-green-100:focus {
+      --text-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-green-200:focus {
+      --text-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-green-300:focus {
+      --text-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-green-400:focus {
+      --text-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-green-500:focus {
+      --text-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-green-600:focus {
+      --text-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-green-700:focus {
+      --text-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-green-800:focus {
+      --text-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-green-900:focus {
+      --text-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-teal-50:focus {
+      --text-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-teal-100:focus {
+      --text-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-teal-200:focus {
+      --text-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-teal-300:focus {
+      --text-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-teal-400:focus {
+      --text-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-teal-500:focus {
+      --text-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-teal-600:focus {
+      --text-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-teal-700:focus {
+      --text-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-teal-800:focus {
+      --text-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-teal-900:focus {
+      --text-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-blue-50:focus {
+      --text-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-blue-100:focus {
+      --text-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-blue-200:focus {
+      --text-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-blue-300:focus {
+      --text-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-blue-400:focus {
+      --text-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-blue-500:focus {
+      --text-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-blue-600:focus {
+      --text-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-blue-700:focus {
+      --text-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-blue-800:focus {
+      --text-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-blue-900:focus {
+      --text-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-indigo-50:focus {
+      --text-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-indigo-100:focus {
+      --text-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-indigo-200:focus {
+      --text-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-indigo-300:focus {
+      --text-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-indigo-400:focus {
+      --text-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-indigo-500:focus {
+      --text-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-indigo-600:focus {
+      --text-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-indigo-700:focus {
+      --text-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-indigo-800:focus {
+      --text-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-indigo-900:focus {
+      --text-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-purple-50:focus {
+      --text-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-purple-100:focus {
+      --text-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-purple-200:focus {
+      --text-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-purple-300:focus {
+      --text-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-purple-400:focus {
+      --text-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-purple-500:focus {
+      --text-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-purple-600:focus {
+      --text-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-purple-700:focus {
+      --text-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-purple-800:focus {
+      --text-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-purple-900:focus {
+      --text-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-pink-50:focus {
+      --text-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-pink-100:focus {
+      --text-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-pink-200:focus {
+      --text-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-pink-300:focus {
+      --text-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-pink-400:focus {
+      --text-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-pink-500:focus {
+      --text-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-pink-600:focus {
+      --text-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-pink-700:focus {
+      --text-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-pink-800:focus {
+      --text-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--text-opacity));
+    }
+
+    .lg\:dark\:focus\:text-pink-900:focus {
+      --text-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--text-opacity));
+    }
+  }
+
   .lg\:text-opacity-0 {
     --text-opacity: 0;
   }
@@ -120819,6 +168099,628 @@ video {
     border-color: rgba(117, 26, 61, var(--divide-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .xl\:dark\:divide-transparent > :not(template) ~ :not(template) {
+      border-color: transparent;
+    }
+
+    .xl\:dark\:divide-current > :not(template) ~ :not(template) {
+      border-color: currentColor;
+    }
+
+    .xl\:dark\:divide-black > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #000000;
+      border-color: rgba(0, 0, 0, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-white > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ffffff;
+      border-color: rgba(255, 255, 255, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-gray-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f9fafb;
+      border-color: rgba(249, 250, 251, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-gray-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f4f5f7;
+      border-color: rgba(244, 245, 247, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-gray-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e5e7eb;
+      border-color: rgba(229, 231, 235, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-gray-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #d2d6dc;
+      border-color: rgba(210, 214, 220, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-gray-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #9fa6b2;
+      border-color: rgba(159, 166, 178, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-gray-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #6b7280;
+      border-color: rgba(107, 114, 128, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-gray-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #4b5563;
+      border-color: rgba(75, 85, 99, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-gray-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #374151;
+      border-color: rgba(55, 65, 81, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-gray-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #252f3f;
+      border-color: rgba(37, 47, 63, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-gray-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #161e2e;
+      border-color: rgba(22, 30, 46, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-red-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdf2f2;
+      border-color: rgba(253, 242, 242, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-red-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fde8e8;
+      border-color: rgba(253, 232, 232, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-red-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fbd5d5;
+      border-color: rgba(251, 213, 213, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-red-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f8b4b4;
+      border-color: rgba(248, 180, 180, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-red-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f98080;
+      border-color: rgba(249, 128, 128, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-red-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f05252;
+      border-color: rgba(240, 82, 82, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-red-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e02424;
+      border-color: rgba(224, 36, 36, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-red-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #c81e1e;
+      border-color: rgba(200, 30, 30, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-red-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #9b1c1c;
+      border-color: rgba(155, 28, 28, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-red-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #771d1d;
+      border-color: rgba(119, 29, 29, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-orange-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fff8f1;
+      border-color: rgba(255, 248, 241, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-orange-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #feecdc;
+      border-color: rgba(254, 236, 220, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-orange-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fcd9bd;
+      border-color: rgba(252, 217, 189, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-orange-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdba8c;
+      border-color: rgba(253, 186, 140, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-orange-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ff8a4c;
+      border-color: rgba(255, 138, 76, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-orange-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ff5a1f;
+      border-color: rgba(255, 90, 31, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-orange-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #d03801;
+      border-color: rgba(208, 56, 1, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-orange-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #b43403;
+      border-color: rgba(180, 52, 3, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-orange-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #8a2c0d;
+      border-color: rgba(138, 44, 13, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-orange-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #73230d;
+      border-color: rgba(115, 35, 13, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-yellow-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdfdea;
+      border-color: rgba(253, 253, 234, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-yellow-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdf6b2;
+      border-color: rgba(253, 246, 178, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-yellow-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fce96a;
+      border-color: rgba(252, 233, 106, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-yellow-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #faca15;
+      border-color: rgba(250, 202, 21, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-yellow-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e3a008;
+      border-color: rgba(227, 160, 8, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-yellow-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #c27803;
+      border-color: rgba(194, 120, 3, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-yellow-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #9f580a;
+      border-color: rgba(159, 88, 10, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-yellow-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #8e4b10;
+      border-color: rgba(142, 75, 16, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-yellow-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #723b13;
+      border-color: rgba(114, 59, 19, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-yellow-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #633112;
+      border-color: rgba(99, 49, 18, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-green-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f3faf7;
+      border-color: rgba(243, 250, 247, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-green-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #def7ec;
+      border-color: rgba(222, 247, 236, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-green-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #bcf0da;
+      border-color: rgba(188, 240, 218, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-green-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #84e1bc;
+      border-color: rgba(132, 225, 188, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-green-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #31c48d;
+      border-color: rgba(49, 196, 141, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-green-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #0e9f6e;
+      border-color: rgba(14, 159, 110, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-green-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #057a55;
+      border-color: rgba(5, 122, 85, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-green-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #046c4e;
+      border-color: rgba(4, 108, 78, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-green-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #03543f;
+      border-color: rgba(3, 84, 63, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-green-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #014737;
+      border-color: rgba(1, 71, 55, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-teal-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #edfafa;
+      border-color: rgba(237, 250, 250, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-teal-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #d5f5f6;
+      border-color: rgba(213, 245, 246, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-teal-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #afecef;
+      border-color: rgba(175, 236, 239, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-teal-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #7edce2;
+      border-color: rgba(126, 220, 226, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-teal-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #16bdca;
+      border-color: rgba(22, 189, 202, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-teal-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #0694a2;
+      border-color: rgba(6, 148, 162, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-teal-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #047481;
+      border-color: rgba(4, 116, 129, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-teal-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #036672;
+      border-color: rgba(3, 102, 114, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-teal-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #05505c;
+      border-color: rgba(5, 80, 92, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-teal-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #014451;
+      border-color: rgba(1, 68, 81, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-blue-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ebf5ff;
+      border-color: rgba(235, 245, 255, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-blue-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e1effe;
+      border-color: rgba(225, 239, 254, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-blue-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #c3ddfd;
+      border-color: rgba(195, 221, 253, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-blue-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #a4cafe;
+      border-color: rgba(164, 202, 254, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-blue-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #76a9fa;
+      border-color: rgba(118, 169, 250, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-blue-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #3f83f8;
+      border-color: rgba(63, 131, 248, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-blue-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #1c64f2;
+      border-color: rgba(28, 100, 242, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-blue-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #1a56db;
+      border-color: rgba(26, 86, 219, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-blue-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #1e429f;
+      border-color: rgba(30, 66, 159, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-blue-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #233876;
+      border-color: rgba(35, 56, 118, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-indigo-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f0f5ff;
+      border-color: rgba(240, 245, 255, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-indigo-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e5edff;
+      border-color: rgba(229, 237, 255, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-indigo-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #cddbfe;
+      border-color: rgba(205, 219, 254, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-indigo-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #b4c6fc;
+      border-color: rgba(180, 198, 252, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-indigo-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #8da2fb;
+      border-color: rgba(141, 162, 251, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-indigo-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #6875f5;
+      border-color: rgba(104, 117, 245, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-indigo-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #5850ec;
+      border-color: rgba(88, 80, 236, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-indigo-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #5145cd;
+      border-color: rgba(81, 69, 205, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-indigo-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #42389d;
+      border-color: rgba(66, 56, 157, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-indigo-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #362f78;
+      border-color: rgba(54, 47, 120, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-purple-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f6f5ff;
+      border-color: rgba(246, 245, 255, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-purple-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #edebfe;
+      border-color: rgba(237, 235, 254, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-purple-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #dcd7fe;
+      border-color: rgba(220, 215, 254, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-purple-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #cabffd;
+      border-color: rgba(202, 191, 253, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-purple-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #ac94fa;
+      border-color: rgba(172, 148, 250, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-purple-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #9061f9;
+      border-color: rgba(144, 97, 249, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-purple-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #7e3af2;
+      border-color: rgba(126, 58, 242, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-purple-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #6c2bd9;
+      border-color: rgba(108, 43, 217, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-purple-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #5521b5;
+      border-color: rgba(85, 33, 181, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-purple-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #4a1d96;
+      border-color: rgba(74, 29, 150, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-pink-50 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fdf2f8;
+      border-color: rgba(253, 242, 248, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-pink-100 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fce8f3;
+      border-color: rgba(252, 232, 243, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-pink-200 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #fad1e8;
+      border-color: rgba(250, 209, 232, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-pink-300 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f8b4d9;
+      border-color: rgba(248, 180, 217, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-pink-400 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #f17eb8;
+      border-color: rgba(241, 126, 184, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-pink-500 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #e74694;
+      border-color: rgba(231, 70, 148, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-pink-600 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #d61f69;
+      border-color: rgba(214, 31, 105, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-pink-700 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #bf125d;
+      border-color: rgba(191, 18, 93, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-pink-800 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #99154b;
+      border-color: rgba(153, 21, 75, var(--divide-opacity));
+    }
+
+    .xl\:dark\:divide-pink-900 > :not(template) ~ :not(template) {
+      --divide-opacity: 1;
+      border-color: #751a3d;
+      border-color: rgba(117, 26, 61, var(--divide-opacity));
+    }
+  }
+
   .xl\:divide-solid > :not(template) ~ :not(template) {
     border-style: solid;
   }
@@ -122797,6 +170699,1868 @@ video {
     background-color: rgba(117, 26, 61, var(--bg-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .xl\:dark\:bg-transparent {
+      background-color: transparent;
+    }
+
+    .xl\:dark\:bg-current {
+      background-color: currentColor;
+    }
+
+    .xl\:dark\:bg-black {
+      --bg-opacity: 1;
+      background-color: #000000;
+      background-color: rgba(0, 0, 0, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-white {
+      --bg-opacity: 1;
+      background-color: #ffffff;
+      background-color: rgba(255, 255, 255, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-gray-50 {
+      --bg-opacity: 1;
+      background-color: #f9fafb;
+      background-color: rgba(249, 250, 251, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-gray-100 {
+      --bg-opacity: 1;
+      background-color: #f4f5f7;
+      background-color: rgba(244, 245, 247, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-gray-200 {
+      --bg-opacity: 1;
+      background-color: #e5e7eb;
+      background-color: rgba(229, 231, 235, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-gray-300 {
+      --bg-opacity: 1;
+      background-color: #d2d6dc;
+      background-color: rgba(210, 214, 220, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-gray-400 {
+      --bg-opacity: 1;
+      background-color: #9fa6b2;
+      background-color: rgba(159, 166, 178, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-gray-500 {
+      --bg-opacity: 1;
+      background-color: #6b7280;
+      background-color: rgba(107, 114, 128, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-gray-600 {
+      --bg-opacity: 1;
+      background-color: #4b5563;
+      background-color: rgba(75, 85, 99, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-gray-700 {
+      --bg-opacity: 1;
+      background-color: #374151;
+      background-color: rgba(55, 65, 81, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-gray-800 {
+      --bg-opacity: 1;
+      background-color: #252f3f;
+      background-color: rgba(37, 47, 63, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-gray-900 {
+      --bg-opacity: 1;
+      background-color: #161e2e;
+      background-color: rgba(22, 30, 46, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-red-50 {
+      --bg-opacity: 1;
+      background-color: #fdf2f2;
+      background-color: rgba(253, 242, 242, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-red-100 {
+      --bg-opacity: 1;
+      background-color: #fde8e8;
+      background-color: rgba(253, 232, 232, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-red-200 {
+      --bg-opacity: 1;
+      background-color: #fbd5d5;
+      background-color: rgba(251, 213, 213, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-red-300 {
+      --bg-opacity: 1;
+      background-color: #f8b4b4;
+      background-color: rgba(248, 180, 180, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-red-400 {
+      --bg-opacity: 1;
+      background-color: #f98080;
+      background-color: rgba(249, 128, 128, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-red-500 {
+      --bg-opacity: 1;
+      background-color: #f05252;
+      background-color: rgba(240, 82, 82, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-red-600 {
+      --bg-opacity: 1;
+      background-color: #e02424;
+      background-color: rgba(224, 36, 36, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-red-700 {
+      --bg-opacity: 1;
+      background-color: #c81e1e;
+      background-color: rgba(200, 30, 30, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-red-800 {
+      --bg-opacity: 1;
+      background-color: #9b1c1c;
+      background-color: rgba(155, 28, 28, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-red-900 {
+      --bg-opacity: 1;
+      background-color: #771d1d;
+      background-color: rgba(119, 29, 29, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-orange-50 {
+      --bg-opacity: 1;
+      background-color: #fff8f1;
+      background-color: rgba(255, 248, 241, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-orange-100 {
+      --bg-opacity: 1;
+      background-color: #feecdc;
+      background-color: rgba(254, 236, 220, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-orange-200 {
+      --bg-opacity: 1;
+      background-color: #fcd9bd;
+      background-color: rgba(252, 217, 189, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-orange-300 {
+      --bg-opacity: 1;
+      background-color: #fdba8c;
+      background-color: rgba(253, 186, 140, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-orange-400 {
+      --bg-opacity: 1;
+      background-color: #ff8a4c;
+      background-color: rgba(255, 138, 76, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-orange-500 {
+      --bg-opacity: 1;
+      background-color: #ff5a1f;
+      background-color: rgba(255, 90, 31, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-orange-600 {
+      --bg-opacity: 1;
+      background-color: #d03801;
+      background-color: rgba(208, 56, 1, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-orange-700 {
+      --bg-opacity: 1;
+      background-color: #b43403;
+      background-color: rgba(180, 52, 3, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-orange-800 {
+      --bg-opacity: 1;
+      background-color: #8a2c0d;
+      background-color: rgba(138, 44, 13, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-orange-900 {
+      --bg-opacity: 1;
+      background-color: #73230d;
+      background-color: rgba(115, 35, 13, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-yellow-50 {
+      --bg-opacity: 1;
+      background-color: #fdfdea;
+      background-color: rgba(253, 253, 234, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-yellow-100 {
+      --bg-opacity: 1;
+      background-color: #fdf6b2;
+      background-color: rgba(253, 246, 178, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-yellow-200 {
+      --bg-opacity: 1;
+      background-color: #fce96a;
+      background-color: rgba(252, 233, 106, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-yellow-300 {
+      --bg-opacity: 1;
+      background-color: #faca15;
+      background-color: rgba(250, 202, 21, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-yellow-400 {
+      --bg-opacity: 1;
+      background-color: #e3a008;
+      background-color: rgba(227, 160, 8, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-yellow-500 {
+      --bg-opacity: 1;
+      background-color: #c27803;
+      background-color: rgba(194, 120, 3, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-yellow-600 {
+      --bg-opacity: 1;
+      background-color: #9f580a;
+      background-color: rgba(159, 88, 10, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-yellow-700 {
+      --bg-opacity: 1;
+      background-color: #8e4b10;
+      background-color: rgba(142, 75, 16, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-yellow-800 {
+      --bg-opacity: 1;
+      background-color: #723b13;
+      background-color: rgba(114, 59, 19, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-yellow-900 {
+      --bg-opacity: 1;
+      background-color: #633112;
+      background-color: rgba(99, 49, 18, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-green-50 {
+      --bg-opacity: 1;
+      background-color: #f3faf7;
+      background-color: rgba(243, 250, 247, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-green-100 {
+      --bg-opacity: 1;
+      background-color: #def7ec;
+      background-color: rgba(222, 247, 236, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-green-200 {
+      --bg-opacity: 1;
+      background-color: #bcf0da;
+      background-color: rgba(188, 240, 218, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-green-300 {
+      --bg-opacity: 1;
+      background-color: #84e1bc;
+      background-color: rgba(132, 225, 188, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-green-400 {
+      --bg-opacity: 1;
+      background-color: #31c48d;
+      background-color: rgba(49, 196, 141, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-green-500 {
+      --bg-opacity: 1;
+      background-color: #0e9f6e;
+      background-color: rgba(14, 159, 110, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-green-600 {
+      --bg-opacity: 1;
+      background-color: #057a55;
+      background-color: rgba(5, 122, 85, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-green-700 {
+      --bg-opacity: 1;
+      background-color: #046c4e;
+      background-color: rgba(4, 108, 78, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-green-800 {
+      --bg-opacity: 1;
+      background-color: #03543f;
+      background-color: rgba(3, 84, 63, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-green-900 {
+      --bg-opacity: 1;
+      background-color: #014737;
+      background-color: rgba(1, 71, 55, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-teal-50 {
+      --bg-opacity: 1;
+      background-color: #edfafa;
+      background-color: rgba(237, 250, 250, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-teal-100 {
+      --bg-opacity: 1;
+      background-color: #d5f5f6;
+      background-color: rgba(213, 245, 246, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-teal-200 {
+      --bg-opacity: 1;
+      background-color: #afecef;
+      background-color: rgba(175, 236, 239, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-teal-300 {
+      --bg-opacity: 1;
+      background-color: #7edce2;
+      background-color: rgba(126, 220, 226, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-teal-400 {
+      --bg-opacity: 1;
+      background-color: #16bdca;
+      background-color: rgba(22, 189, 202, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-teal-500 {
+      --bg-opacity: 1;
+      background-color: #0694a2;
+      background-color: rgba(6, 148, 162, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-teal-600 {
+      --bg-opacity: 1;
+      background-color: #047481;
+      background-color: rgba(4, 116, 129, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-teal-700 {
+      --bg-opacity: 1;
+      background-color: #036672;
+      background-color: rgba(3, 102, 114, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-teal-800 {
+      --bg-opacity: 1;
+      background-color: #05505c;
+      background-color: rgba(5, 80, 92, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-teal-900 {
+      --bg-opacity: 1;
+      background-color: #014451;
+      background-color: rgba(1, 68, 81, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-blue-50 {
+      --bg-opacity: 1;
+      background-color: #ebf5ff;
+      background-color: rgba(235, 245, 255, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-blue-100 {
+      --bg-opacity: 1;
+      background-color: #e1effe;
+      background-color: rgba(225, 239, 254, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-blue-200 {
+      --bg-opacity: 1;
+      background-color: #c3ddfd;
+      background-color: rgba(195, 221, 253, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-blue-300 {
+      --bg-opacity: 1;
+      background-color: #a4cafe;
+      background-color: rgba(164, 202, 254, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-blue-400 {
+      --bg-opacity: 1;
+      background-color: #76a9fa;
+      background-color: rgba(118, 169, 250, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-blue-500 {
+      --bg-opacity: 1;
+      background-color: #3f83f8;
+      background-color: rgba(63, 131, 248, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-blue-600 {
+      --bg-opacity: 1;
+      background-color: #1c64f2;
+      background-color: rgba(28, 100, 242, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-blue-700 {
+      --bg-opacity: 1;
+      background-color: #1a56db;
+      background-color: rgba(26, 86, 219, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-blue-800 {
+      --bg-opacity: 1;
+      background-color: #1e429f;
+      background-color: rgba(30, 66, 159, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-blue-900 {
+      --bg-opacity: 1;
+      background-color: #233876;
+      background-color: rgba(35, 56, 118, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-indigo-50 {
+      --bg-opacity: 1;
+      background-color: #f0f5ff;
+      background-color: rgba(240, 245, 255, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-indigo-100 {
+      --bg-opacity: 1;
+      background-color: #e5edff;
+      background-color: rgba(229, 237, 255, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-indigo-200 {
+      --bg-opacity: 1;
+      background-color: #cddbfe;
+      background-color: rgba(205, 219, 254, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-indigo-300 {
+      --bg-opacity: 1;
+      background-color: #b4c6fc;
+      background-color: rgba(180, 198, 252, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-indigo-400 {
+      --bg-opacity: 1;
+      background-color: #8da2fb;
+      background-color: rgba(141, 162, 251, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-indigo-500 {
+      --bg-opacity: 1;
+      background-color: #6875f5;
+      background-color: rgba(104, 117, 245, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-indigo-600 {
+      --bg-opacity: 1;
+      background-color: #5850ec;
+      background-color: rgba(88, 80, 236, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-indigo-700 {
+      --bg-opacity: 1;
+      background-color: #5145cd;
+      background-color: rgba(81, 69, 205, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-indigo-800 {
+      --bg-opacity: 1;
+      background-color: #42389d;
+      background-color: rgba(66, 56, 157, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-indigo-900 {
+      --bg-opacity: 1;
+      background-color: #362f78;
+      background-color: rgba(54, 47, 120, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-purple-50 {
+      --bg-opacity: 1;
+      background-color: #f6f5ff;
+      background-color: rgba(246, 245, 255, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-purple-100 {
+      --bg-opacity: 1;
+      background-color: #edebfe;
+      background-color: rgba(237, 235, 254, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-purple-200 {
+      --bg-opacity: 1;
+      background-color: #dcd7fe;
+      background-color: rgba(220, 215, 254, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-purple-300 {
+      --bg-opacity: 1;
+      background-color: #cabffd;
+      background-color: rgba(202, 191, 253, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-purple-400 {
+      --bg-opacity: 1;
+      background-color: #ac94fa;
+      background-color: rgba(172, 148, 250, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-purple-500 {
+      --bg-opacity: 1;
+      background-color: #9061f9;
+      background-color: rgba(144, 97, 249, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-purple-600 {
+      --bg-opacity: 1;
+      background-color: #7e3af2;
+      background-color: rgba(126, 58, 242, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-purple-700 {
+      --bg-opacity: 1;
+      background-color: #6c2bd9;
+      background-color: rgba(108, 43, 217, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-purple-800 {
+      --bg-opacity: 1;
+      background-color: #5521b5;
+      background-color: rgba(85, 33, 181, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-purple-900 {
+      --bg-opacity: 1;
+      background-color: #4a1d96;
+      background-color: rgba(74, 29, 150, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-pink-50 {
+      --bg-opacity: 1;
+      background-color: #fdf2f8;
+      background-color: rgba(253, 242, 248, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-pink-100 {
+      --bg-opacity: 1;
+      background-color: #fce8f3;
+      background-color: rgba(252, 232, 243, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-pink-200 {
+      --bg-opacity: 1;
+      background-color: #fad1e8;
+      background-color: rgba(250, 209, 232, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-pink-300 {
+      --bg-opacity: 1;
+      background-color: #f8b4d9;
+      background-color: rgba(248, 180, 217, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-pink-400 {
+      --bg-opacity: 1;
+      background-color: #f17eb8;
+      background-color: rgba(241, 126, 184, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-pink-500 {
+      --bg-opacity: 1;
+      background-color: #e74694;
+      background-color: rgba(231, 70, 148, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-pink-600 {
+      --bg-opacity: 1;
+      background-color: #d61f69;
+      background-color: rgba(214, 31, 105, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-pink-700 {
+      --bg-opacity: 1;
+      background-color: #bf125d;
+      background-color: rgba(191, 18, 93, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-pink-800 {
+      --bg-opacity: 1;
+      background-color: #99154b;
+      background-color: rgba(153, 21, 75, var(--bg-opacity));
+    }
+
+    .xl\:dark\:bg-pink-900 {
+      --bg-opacity: 1;
+      background-color: #751a3d;
+      background-color: rgba(117, 26, 61, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-transparent:hover {
+      background-color: transparent;
+    }
+
+    .xl\:dark\:hover\:bg-current:hover {
+      background-color: currentColor;
+    }
+
+    .xl\:dark\:hover\:bg-black:hover {
+      --bg-opacity: 1;
+      background-color: #000000;
+      background-color: rgba(0, 0, 0, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-white:hover {
+      --bg-opacity: 1;
+      background-color: #ffffff;
+      background-color: rgba(255, 255, 255, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-gray-50:hover {
+      --bg-opacity: 1;
+      background-color: #f9fafb;
+      background-color: rgba(249, 250, 251, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-gray-100:hover {
+      --bg-opacity: 1;
+      background-color: #f4f5f7;
+      background-color: rgba(244, 245, 247, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-gray-200:hover {
+      --bg-opacity: 1;
+      background-color: #e5e7eb;
+      background-color: rgba(229, 231, 235, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-gray-300:hover {
+      --bg-opacity: 1;
+      background-color: #d2d6dc;
+      background-color: rgba(210, 214, 220, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-gray-400:hover {
+      --bg-opacity: 1;
+      background-color: #9fa6b2;
+      background-color: rgba(159, 166, 178, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-gray-500:hover {
+      --bg-opacity: 1;
+      background-color: #6b7280;
+      background-color: rgba(107, 114, 128, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-gray-600:hover {
+      --bg-opacity: 1;
+      background-color: #4b5563;
+      background-color: rgba(75, 85, 99, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-gray-700:hover {
+      --bg-opacity: 1;
+      background-color: #374151;
+      background-color: rgba(55, 65, 81, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-gray-800:hover {
+      --bg-opacity: 1;
+      background-color: #252f3f;
+      background-color: rgba(37, 47, 63, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-gray-900:hover {
+      --bg-opacity: 1;
+      background-color: #161e2e;
+      background-color: rgba(22, 30, 46, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-red-50:hover {
+      --bg-opacity: 1;
+      background-color: #fdf2f2;
+      background-color: rgba(253, 242, 242, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-red-100:hover {
+      --bg-opacity: 1;
+      background-color: #fde8e8;
+      background-color: rgba(253, 232, 232, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-red-200:hover {
+      --bg-opacity: 1;
+      background-color: #fbd5d5;
+      background-color: rgba(251, 213, 213, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-red-300:hover {
+      --bg-opacity: 1;
+      background-color: #f8b4b4;
+      background-color: rgba(248, 180, 180, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-red-400:hover {
+      --bg-opacity: 1;
+      background-color: #f98080;
+      background-color: rgba(249, 128, 128, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-red-500:hover {
+      --bg-opacity: 1;
+      background-color: #f05252;
+      background-color: rgba(240, 82, 82, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-red-600:hover {
+      --bg-opacity: 1;
+      background-color: #e02424;
+      background-color: rgba(224, 36, 36, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-red-700:hover {
+      --bg-opacity: 1;
+      background-color: #c81e1e;
+      background-color: rgba(200, 30, 30, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-red-800:hover {
+      --bg-opacity: 1;
+      background-color: #9b1c1c;
+      background-color: rgba(155, 28, 28, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-red-900:hover {
+      --bg-opacity: 1;
+      background-color: #771d1d;
+      background-color: rgba(119, 29, 29, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-orange-50:hover {
+      --bg-opacity: 1;
+      background-color: #fff8f1;
+      background-color: rgba(255, 248, 241, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-orange-100:hover {
+      --bg-opacity: 1;
+      background-color: #feecdc;
+      background-color: rgba(254, 236, 220, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-orange-200:hover {
+      --bg-opacity: 1;
+      background-color: #fcd9bd;
+      background-color: rgba(252, 217, 189, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-orange-300:hover {
+      --bg-opacity: 1;
+      background-color: #fdba8c;
+      background-color: rgba(253, 186, 140, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-orange-400:hover {
+      --bg-opacity: 1;
+      background-color: #ff8a4c;
+      background-color: rgba(255, 138, 76, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-orange-500:hover {
+      --bg-opacity: 1;
+      background-color: #ff5a1f;
+      background-color: rgba(255, 90, 31, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-orange-600:hover {
+      --bg-opacity: 1;
+      background-color: #d03801;
+      background-color: rgba(208, 56, 1, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-orange-700:hover {
+      --bg-opacity: 1;
+      background-color: #b43403;
+      background-color: rgba(180, 52, 3, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-orange-800:hover {
+      --bg-opacity: 1;
+      background-color: #8a2c0d;
+      background-color: rgba(138, 44, 13, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-orange-900:hover {
+      --bg-opacity: 1;
+      background-color: #73230d;
+      background-color: rgba(115, 35, 13, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-yellow-50:hover {
+      --bg-opacity: 1;
+      background-color: #fdfdea;
+      background-color: rgba(253, 253, 234, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-yellow-100:hover {
+      --bg-opacity: 1;
+      background-color: #fdf6b2;
+      background-color: rgba(253, 246, 178, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-yellow-200:hover {
+      --bg-opacity: 1;
+      background-color: #fce96a;
+      background-color: rgba(252, 233, 106, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-yellow-300:hover {
+      --bg-opacity: 1;
+      background-color: #faca15;
+      background-color: rgba(250, 202, 21, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-yellow-400:hover {
+      --bg-opacity: 1;
+      background-color: #e3a008;
+      background-color: rgba(227, 160, 8, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-yellow-500:hover {
+      --bg-opacity: 1;
+      background-color: #c27803;
+      background-color: rgba(194, 120, 3, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-yellow-600:hover {
+      --bg-opacity: 1;
+      background-color: #9f580a;
+      background-color: rgba(159, 88, 10, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-yellow-700:hover {
+      --bg-opacity: 1;
+      background-color: #8e4b10;
+      background-color: rgba(142, 75, 16, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-yellow-800:hover {
+      --bg-opacity: 1;
+      background-color: #723b13;
+      background-color: rgba(114, 59, 19, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-yellow-900:hover {
+      --bg-opacity: 1;
+      background-color: #633112;
+      background-color: rgba(99, 49, 18, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-green-50:hover {
+      --bg-opacity: 1;
+      background-color: #f3faf7;
+      background-color: rgba(243, 250, 247, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-green-100:hover {
+      --bg-opacity: 1;
+      background-color: #def7ec;
+      background-color: rgba(222, 247, 236, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-green-200:hover {
+      --bg-opacity: 1;
+      background-color: #bcf0da;
+      background-color: rgba(188, 240, 218, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-green-300:hover {
+      --bg-opacity: 1;
+      background-color: #84e1bc;
+      background-color: rgba(132, 225, 188, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-green-400:hover {
+      --bg-opacity: 1;
+      background-color: #31c48d;
+      background-color: rgba(49, 196, 141, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-green-500:hover {
+      --bg-opacity: 1;
+      background-color: #0e9f6e;
+      background-color: rgba(14, 159, 110, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-green-600:hover {
+      --bg-opacity: 1;
+      background-color: #057a55;
+      background-color: rgba(5, 122, 85, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-green-700:hover {
+      --bg-opacity: 1;
+      background-color: #046c4e;
+      background-color: rgba(4, 108, 78, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-green-800:hover {
+      --bg-opacity: 1;
+      background-color: #03543f;
+      background-color: rgba(3, 84, 63, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-green-900:hover {
+      --bg-opacity: 1;
+      background-color: #014737;
+      background-color: rgba(1, 71, 55, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-teal-50:hover {
+      --bg-opacity: 1;
+      background-color: #edfafa;
+      background-color: rgba(237, 250, 250, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-teal-100:hover {
+      --bg-opacity: 1;
+      background-color: #d5f5f6;
+      background-color: rgba(213, 245, 246, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-teal-200:hover {
+      --bg-opacity: 1;
+      background-color: #afecef;
+      background-color: rgba(175, 236, 239, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-teal-300:hover {
+      --bg-opacity: 1;
+      background-color: #7edce2;
+      background-color: rgba(126, 220, 226, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-teal-400:hover {
+      --bg-opacity: 1;
+      background-color: #16bdca;
+      background-color: rgba(22, 189, 202, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-teal-500:hover {
+      --bg-opacity: 1;
+      background-color: #0694a2;
+      background-color: rgba(6, 148, 162, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-teal-600:hover {
+      --bg-opacity: 1;
+      background-color: #047481;
+      background-color: rgba(4, 116, 129, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-teal-700:hover {
+      --bg-opacity: 1;
+      background-color: #036672;
+      background-color: rgba(3, 102, 114, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-teal-800:hover {
+      --bg-opacity: 1;
+      background-color: #05505c;
+      background-color: rgba(5, 80, 92, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-teal-900:hover {
+      --bg-opacity: 1;
+      background-color: #014451;
+      background-color: rgba(1, 68, 81, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-blue-50:hover {
+      --bg-opacity: 1;
+      background-color: #ebf5ff;
+      background-color: rgba(235, 245, 255, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-blue-100:hover {
+      --bg-opacity: 1;
+      background-color: #e1effe;
+      background-color: rgba(225, 239, 254, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-blue-200:hover {
+      --bg-opacity: 1;
+      background-color: #c3ddfd;
+      background-color: rgba(195, 221, 253, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-blue-300:hover {
+      --bg-opacity: 1;
+      background-color: #a4cafe;
+      background-color: rgba(164, 202, 254, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-blue-400:hover {
+      --bg-opacity: 1;
+      background-color: #76a9fa;
+      background-color: rgba(118, 169, 250, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-blue-500:hover {
+      --bg-opacity: 1;
+      background-color: #3f83f8;
+      background-color: rgba(63, 131, 248, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-blue-600:hover {
+      --bg-opacity: 1;
+      background-color: #1c64f2;
+      background-color: rgba(28, 100, 242, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-blue-700:hover {
+      --bg-opacity: 1;
+      background-color: #1a56db;
+      background-color: rgba(26, 86, 219, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-blue-800:hover {
+      --bg-opacity: 1;
+      background-color: #1e429f;
+      background-color: rgba(30, 66, 159, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-blue-900:hover {
+      --bg-opacity: 1;
+      background-color: #233876;
+      background-color: rgba(35, 56, 118, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-indigo-50:hover {
+      --bg-opacity: 1;
+      background-color: #f0f5ff;
+      background-color: rgba(240, 245, 255, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-indigo-100:hover {
+      --bg-opacity: 1;
+      background-color: #e5edff;
+      background-color: rgba(229, 237, 255, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-indigo-200:hover {
+      --bg-opacity: 1;
+      background-color: #cddbfe;
+      background-color: rgba(205, 219, 254, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-indigo-300:hover {
+      --bg-opacity: 1;
+      background-color: #b4c6fc;
+      background-color: rgba(180, 198, 252, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-indigo-400:hover {
+      --bg-opacity: 1;
+      background-color: #8da2fb;
+      background-color: rgba(141, 162, 251, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-indigo-500:hover {
+      --bg-opacity: 1;
+      background-color: #6875f5;
+      background-color: rgba(104, 117, 245, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-indigo-600:hover {
+      --bg-opacity: 1;
+      background-color: #5850ec;
+      background-color: rgba(88, 80, 236, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-indigo-700:hover {
+      --bg-opacity: 1;
+      background-color: #5145cd;
+      background-color: rgba(81, 69, 205, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-indigo-800:hover {
+      --bg-opacity: 1;
+      background-color: #42389d;
+      background-color: rgba(66, 56, 157, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-indigo-900:hover {
+      --bg-opacity: 1;
+      background-color: #362f78;
+      background-color: rgba(54, 47, 120, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-purple-50:hover {
+      --bg-opacity: 1;
+      background-color: #f6f5ff;
+      background-color: rgba(246, 245, 255, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-purple-100:hover {
+      --bg-opacity: 1;
+      background-color: #edebfe;
+      background-color: rgba(237, 235, 254, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-purple-200:hover {
+      --bg-opacity: 1;
+      background-color: #dcd7fe;
+      background-color: rgba(220, 215, 254, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-purple-300:hover {
+      --bg-opacity: 1;
+      background-color: #cabffd;
+      background-color: rgba(202, 191, 253, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-purple-400:hover {
+      --bg-opacity: 1;
+      background-color: #ac94fa;
+      background-color: rgba(172, 148, 250, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-purple-500:hover {
+      --bg-opacity: 1;
+      background-color: #9061f9;
+      background-color: rgba(144, 97, 249, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-purple-600:hover {
+      --bg-opacity: 1;
+      background-color: #7e3af2;
+      background-color: rgba(126, 58, 242, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-purple-700:hover {
+      --bg-opacity: 1;
+      background-color: #6c2bd9;
+      background-color: rgba(108, 43, 217, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-purple-800:hover {
+      --bg-opacity: 1;
+      background-color: #5521b5;
+      background-color: rgba(85, 33, 181, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-purple-900:hover {
+      --bg-opacity: 1;
+      background-color: #4a1d96;
+      background-color: rgba(74, 29, 150, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-pink-50:hover {
+      --bg-opacity: 1;
+      background-color: #fdf2f8;
+      background-color: rgba(253, 242, 248, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-pink-100:hover {
+      --bg-opacity: 1;
+      background-color: #fce8f3;
+      background-color: rgba(252, 232, 243, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-pink-200:hover {
+      --bg-opacity: 1;
+      background-color: #fad1e8;
+      background-color: rgba(250, 209, 232, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-pink-300:hover {
+      --bg-opacity: 1;
+      background-color: #f8b4d9;
+      background-color: rgba(248, 180, 217, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-pink-400:hover {
+      --bg-opacity: 1;
+      background-color: #f17eb8;
+      background-color: rgba(241, 126, 184, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-pink-500:hover {
+      --bg-opacity: 1;
+      background-color: #e74694;
+      background-color: rgba(231, 70, 148, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-pink-600:hover {
+      --bg-opacity: 1;
+      background-color: #d61f69;
+      background-color: rgba(214, 31, 105, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-pink-700:hover {
+      --bg-opacity: 1;
+      background-color: #bf125d;
+      background-color: rgba(191, 18, 93, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-pink-800:hover {
+      --bg-opacity: 1;
+      background-color: #99154b;
+      background-color: rgba(153, 21, 75, var(--bg-opacity));
+    }
+
+    .xl\:dark\:hover\:bg-pink-900:hover {
+      --bg-opacity: 1;
+      background-color: #751a3d;
+      background-color: rgba(117, 26, 61, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-transparent:focus {
+      background-color: transparent;
+    }
+
+    .xl\:dark\:focus\:bg-current:focus {
+      background-color: currentColor;
+    }
+
+    .xl\:dark\:focus\:bg-black:focus {
+      --bg-opacity: 1;
+      background-color: #000000;
+      background-color: rgba(0, 0, 0, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-white:focus {
+      --bg-opacity: 1;
+      background-color: #ffffff;
+      background-color: rgba(255, 255, 255, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-gray-50:focus {
+      --bg-opacity: 1;
+      background-color: #f9fafb;
+      background-color: rgba(249, 250, 251, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-gray-100:focus {
+      --bg-opacity: 1;
+      background-color: #f4f5f7;
+      background-color: rgba(244, 245, 247, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-gray-200:focus {
+      --bg-opacity: 1;
+      background-color: #e5e7eb;
+      background-color: rgba(229, 231, 235, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-gray-300:focus {
+      --bg-opacity: 1;
+      background-color: #d2d6dc;
+      background-color: rgba(210, 214, 220, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-gray-400:focus {
+      --bg-opacity: 1;
+      background-color: #9fa6b2;
+      background-color: rgba(159, 166, 178, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-gray-500:focus {
+      --bg-opacity: 1;
+      background-color: #6b7280;
+      background-color: rgba(107, 114, 128, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-gray-600:focus {
+      --bg-opacity: 1;
+      background-color: #4b5563;
+      background-color: rgba(75, 85, 99, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-gray-700:focus {
+      --bg-opacity: 1;
+      background-color: #374151;
+      background-color: rgba(55, 65, 81, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-gray-800:focus {
+      --bg-opacity: 1;
+      background-color: #252f3f;
+      background-color: rgba(37, 47, 63, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-gray-900:focus {
+      --bg-opacity: 1;
+      background-color: #161e2e;
+      background-color: rgba(22, 30, 46, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-red-50:focus {
+      --bg-opacity: 1;
+      background-color: #fdf2f2;
+      background-color: rgba(253, 242, 242, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-red-100:focus {
+      --bg-opacity: 1;
+      background-color: #fde8e8;
+      background-color: rgba(253, 232, 232, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-red-200:focus {
+      --bg-opacity: 1;
+      background-color: #fbd5d5;
+      background-color: rgba(251, 213, 213, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-red-300:focus {
+      --bg-opacity: 1;
+      background-color: #f8b4b4;
+      background-color: rgba(248, 180, 180, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-red-400:focus {
+      --bg-opacity: 1;
+      background-color: #f98080;
+      background-color: rgba(249, 128, 128, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-red-500:focus {
+      --bg-opacity: 1;
+      background-color: #f05252;
+      background-color: rgba(240, 82, 82, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-red-600:focus {
+      --bg-opacity: 1;
+      background-color: #e02424;
+      background-color: rgba(224, 36, 36, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-red-700:focus {
+      --bg-opacity: 1;
+      background-color: #c81e1e;
+      background-color: rgba(200, 30, 30, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-red-800:focus {
+      --bg-opacity: 1;
+      background-color: #9b1c1c;
+      background-color: rgba(155, 28, 28, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-red-900:focus {
+      --bg-opacity: 1;
+      background-color: #771d1d;
+      background-color: rgba(119, 29, 29, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-orange-50:focus {
+      --bg-opacity: 1;
+      background-color: #fff8f1;
+      background-color: rgba(255, 248, 241, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-orange-100:focus {
+      --bg-opacity: 1;
+      background-color: #feecdc;
+      background-color: rgba(254, 236, 220, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-orange-200:focus {
+      --bg-opacity: 1;
+      background-color: #fcd9bd;
+      background-color: rgba(252, 217, 189, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-orange-300:focus {
+      --bg-opacity: 1;
+      background-color: #fdba8c;
+      background-color: rgba(253, 186, 140, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-orange-400:focus {
+      --bg-opacity: 1;
+      background-color: #ff8a4c;
+      background-color: rgba(255, 138, 76, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-orange-500:focus {
+      --bg-opacity: 1;
+      background-color: #ff5a1f;
+      background-color: rgba(255, 90, 31, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-orange-600:focus {
+      --bg-opacity: 1;
+      background-color: #d03801;
+      background-color: rgba(208, 56, 1, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-orange-700:focus {
+      --bg-opacity: 1;
+      background-color: #b43403;
+      background-color: rgba(180, 52, 3, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-orange-800:focus {
+      --bg-opacity: 1;
+      background-color: #8a2c0d;
+      background-color: rgba(138, 44, 13, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-orange-900:focus {
+      --bg-opacity: 1;
+      background-color: #73230d;
+      background-color: rgba(115, 35, 13, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-yellow-50:focus {
+      --bg-opacity: 1;
+      background-color: #fdfdea;
+      background-color: rgba(253, 253, 234, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-yellow-100:focus {
+      --bg-opacity: 1;
+      background-color: #fdf6b2;
+      background-color: rgba(253, 246, 178, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-yellow-200:focus {
+      --bg-opacity: 1;
+      background-color: #fce96a;
+      background-color: rgba(252, 233, 106, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-yellow-300:focus {
+      --bg-opacity: 1;
+      background-color: #faca15;
+      background-color: rgba(250, 202, 21, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-yellow-400:focus {
+      --bg-opacity: 1;
+      background-color: #e3a008;
+      background-color: rgba(227, 160, 8, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-yellow-500:focus {
+      --bg-opacity: 1;
+      background-color: #c27803;
+      background-color: rgba(194, 120, 3, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-yellow-600:focus {
+      --bg-opacity: 1;
+      background-color: #9f580a;
+      background-color: rgba(159, 88, 10, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-yellow-700:focus {
+      --bg-opacity: 1;
+      background-color: #8e4b10;
+      background-color: rgba(142, 75, 16, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-yellow-800:focus {
+      --bg-opacity: 1;
+      background-color: #723b13;
+      background-color: rgba(114, 59, 19, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-yellow-900:focus {
+      --bg-opacity: 1;
+      background-color: #633112;
+      background-color: rgba(99, 49, 18, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-green-50:focus {
+      --bg-opacity: 1;
+      background-color: #f3faf7;
+      background-color: rgba(243, 250, 247, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-green-100:focus {
+      --bg-opacity: 1;
+      background-color: #def7ec;
+      background-color: rgba(222, 247, 236, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-green-200:focus {
+      --bg-opacity: 1;
+      background-color: #bcf0da;
+      background-color: rgba(188, 240, 218, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-green-300:focus {
+      --bg-opacity: 1;
+      background-color: #84e1bc;
+      background-color: rgba(132, 225, 188, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-green-400:focus {
+      --bg-opacity: 1;
+      background-color: #31c48d;
+      background-color: rgba(49, 196, 141, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-green-500:focus {
+      --bg-opacity: 1;
+      background-color: #0e9f6e;
+      background-color: rgba(14, 159, 110, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-green-600:focus {
+      --bg-opacity: 1;
+      background-color: #057a55;
+      background-color: rgba(5, 122, 85, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-green-700:focus {
+      --bg-opacity: 1;
+      background-color: #046c4e;
+      background-color: rgba(4, 108, 78, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-green-800:focus {
+      --bg-opacity: 1;
+      background-color: #03543f;
+      background-color: rgba(3, 84, 63, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-green-900:focus {
+      --bg-opacity: 1;
+      background-color: #014737;
+      background-color: rgba(1, 71, 55, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-teal-50:focus {
+      --bg-opacity: 1;
+      background-color: #edfafa;
+      background-color: rgba(237, 250, 250, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-teal-100:focus {
+      --bg-opacity: 1;
+      background-color: #d5f5f6;
+      background-color: rgba(213, 245, 246, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-teal-200:focus {
+      --bg-opacity: 1;
+      background-color: #afecef;
+      background-color: rgba(175, 236, 239, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-teal-300:focus {
+      --bg-opacity: 1;
+      background-color: #7edce2;
+      background-color: rgba(126, 220, 226, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-teal-400:focus {
+      --bg-opacity: 1;
+      background-color: #16bdca;
+      background-color: rgba(22, 189, 202, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-teal-500:focus {
+      --bg-opacity: 1;
+      background-color: #0694a2;
+      background-color: rgba(6, 148, 162, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-teal-600:focus {
+      --bg-opacity: 1;
+      background-color: #047481;
+      background-color: rgba(4, 116, 129, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-teal-700:focus {
+      --bg-opacity: 1;
+      background-color: #036672;
+      background-color: rgba(3, 102, 114, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-teal-800:focus {
+      --bg-opacity: 1;
+      background-color: #05505c;
+      background-color: rgba(5, 80, 92, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-teal-900:focus {
+      --bg-opacity: 1;
+      background-color: #014451;
+      background-color: rgba(1, 68, 81, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-blue-50:focus {
+      --bg-opacity: 1;
+      background-color: #ebf5ff;
+      background-color: rgba(235, 245, 255, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-blue-100:focus {
+      --bg-opacity: 1;
+      background-color: #e1effe;
+      background-color: rgba(225, 239, 254, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-blue-200:focus {
+      --bg-opacity: 1;
+      background-color: #c3ddfd;
+      background-color: rgba(195, 221, 253, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-blue-300:focus {
+      --bg-opacity: 1;
+      background-color: #a4cafe;
+      background-color: rgba(164, 202, 254, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-blue-400:focus {
+      --bg-opacity: 1;
+      background-color: #76a9fa;
+      background-color: rgba(118, 169, 250, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-blue-500:focus {
+      --bg-opacity: 1;
+      background-color: #3f83f8;
+      background-color: rgba(63, 131, 248, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-blue-600:focus {
+      --bg-opacity: 1;
+      background-color: #1c64f2;
+      background-color: rgba(28, 100, 242, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-blue-700:focus {
+      --bg-opacity: 1;
+      background-color: #1a56db;
+      background-color: rgba(26, 86, 219, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-blue-800:focus {
+      --bg-opacity: 1;
+      background-color: #1e429f;
+      background-color: rgba(30, 66, 159, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-blue-900:focus {
+      --bg-opacity: 1;
+      background-color: #233876;
+      background-color: rgba(35, 56, 118, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-indigo-50:focus {
+      --bg-opacity: 1;
+      background-color: #f0f5ff;
+      background-color: rgba(240, 245, 255, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-indigo-100:focus {
+      --bg-opacity: 1;
+      background-color: #e5edff;
+      background-color: rgba(229, 237, 255, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-indigo-200:focus {
+      --bg-opacity: 1;
+      background-color: #cddbfe;
+      background-color: rgba(205, 219, 254, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-indigo-300:focus {
+      --bg-opacity: 1;
+      background-color: #b4c6fc;
+      background-color: rgba(180, 198, 252, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-indigo-400:focus {
+      --bg-opacity: 1;
+      background-color: #8da2fb;
+      background-color: rgba(141, 162, 251, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-indigo-500:focus {
+      --bg-opacity: 1;
+      background-color: #6875f5;
+      background-color: rgba(104, 117, 245, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-indigo-600:focus {
+      --bg-opacity: 1;
+      background-color: #5850ec;
+      background-color: rgba(88, 80, 236, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-indigo-700:focus {
+      --bg-opacity: 1;
+      background-color: #5145cd;
+      background-color: rgba(81, 69, 205, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-indigo-800:focus {
+      --bg-opacity: 1;
+      background-color: #42389d;
+      background-color: rgba(66, 56, 157, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-indigo-900:focus {
+      --bg-opacity: 1;
+      background-color: #362f78;
+      background-color: rgba(54, 47, 120, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-purple-50:focus {
+      --bg-opacity: 1;
+      background-color: #f6f5ff;
+      background-color: rgba(246, 245, 255, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-purple-100:focus {
+      --bg-opacity: 1;
+      background-color: #edebfe;
+      background-color: rgba(237, 235, 254, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-purple-200:focus {
+      --bg-opacity: 1;
+      background-color: #dcd7fe;
+      background-color: rgba(220, 215, 254, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-purple-300:focus {
+      --bg-opacity: 1;
+      background-color: #cabffd;
+      background-color: rgba(202, 191, 253, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-purple-400:focus {
+      --bg-opacity: 1;
+      background-color: #ac94fa;
+      background-color: rgba(172, 148, 250, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-purple-500:focus {
+      --bg-opacity: 1;
+      background-color: #9061f9;
+      background-color: rgba(144, 97, 249, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-purple-600:focus {
+      --bg-opacity: 1;
+      background-color: #7e3af2;
+      background-color: rgba(126, 58, 242, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-purple-700:focus {
+      --bg-opacity: 1;
+      background-color: #6c2bd9;
+      background-color: rgba(108, 43, 217, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-purple-800:focus {
+      --bg-opacity: 1;
+      background-color: #5521b5;
+      background-color: rgba(85, 33, 181, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-purple-900:focus {
+      --bg-opacity: 1;
+      background-color: #4a1d96;
+      background-color: rgba(74, 29, 150, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-pink-50:focus {
+      --bg-opacity: 1;
+      background-color: #fdf2f8;
+      background-color: rgba(253, 242, 248, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-pink-100:focus {
+      --bg-opacity: 1;
+      background-color: #fce8f3;
+      background-color: rgba(252, 232, 243, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-pink-200:focus {
+      --bg-opacity: 1;
+      background-color: #fad1e8;
+      background-color: rgba(250, 209, 232, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-pink-300:focus {
+      --bg-opacity: 1;
+      background-color: #f8b4d9;
+      background-color: rgba(248, 180, 217, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-pink-400:focus {
+      --bg-opacity: 1;
+      background-color: #f17eb8;
+      background-color: rgba(241, 126, 184, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-pink-500:focus {
+      --bg-opacity: 1;
+      background-color: #e74694;
+      background-color: rgba(231, 70, 148, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-pink-600:focus {
+      --bg-opacity: 1;
+      background-color: #d61f69;
+      background-color: rgba(214, 31, 105, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-pink-700:focus {
+      --bg-opacity: 1;
+      background-color: #bf125d;
+      background-color: rgba(191, 18, 93, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-pink-800:focus {
+      --bg-opacity: 1;
+      background-color: #99154b;
+      background-color: rgba(153, 21, 75, var(--bg-opacity));
+    }
+
+    .xl\:dark\:focus\:bg-pink-900:focus {
+      --bg-opacity: 1;
+      background-color: #751a3d;
+      background-color: rgba(117, 26, 61, var(--bg-opacity));
+    }
+  }
+
   .xl\:bg-none {
     background-image: none;
   }
@@ -127201,6 +176965,4376 @@ video {
     --gradient-to-color: #751a3d;
   }
 
+  @media (prefers-color-scheme: dark) {
+    .xl\:dark\:from-transparent {
+      --gradient-from-color: transparent;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .xl\:dark\:from-current {
+      --gradient-from-color: currentColor;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .xl\:dark\:from-black {
+      --gradient-from-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .xl\:dark\:from-white {
+      --gradient-from-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .xl\:dark\:from-gray-50 {
+      --gradient-from-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .xl\:dark\:from-gray-100 {
+      --gradient-from-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .xl\:dark\:from-gray-200 {
+      --gradient-from-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .xl\:dark\:from-gray-300 {
+      --gradient-from-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .xl\:dark\:from-gray-400 {
+      --gradient-from-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .xl\:dark\:from-gray-500 {
+      --gradient-from-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .xl\:dark\:from-gray-600 {
+      --gradient-from-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .xl\:dark\:from-gray-700 {
+      --gradient-from-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .xl\:dark\:from-gray-800 {
+      --gradient-from-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .xl\:dark\:from-gray-900 {
+      --gradient-from-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .xl\:dark\:from-red-50 {
+      --gradient-from-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .xl\:dark\:from-red-100 {
+      --gradient-from-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .xl\:dark\:from-red-200 {
+      --gradient-from-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .xl\:dark\:from-red-300 {
+      --gradient-from-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .xl\:dark\:from-red-400 {
+      --gradient-from-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .xl\:dark\:from-red-500 {
+      --gradient-from-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .xl\:dark\:from-red-600 {
+      --gradient-from-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .xl\:dark\:from-red-700 {
+      --gradient-from-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .xl\:dark\:from-red-800 {
+      --gradient-from-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .xl\:dark\:from-red-900 {
+      --gradient-from-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .xl\:dark\:from-orange-50 {
+      --gradient-from-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .xl\:dark\:from-orange-100 {
+      --gradient-from-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .xl\:dark\:from-orange-200 {
+      --gradient-from-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .xl\:dark\:from-orange-300 {
+      --gradient-from-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .xl\:dark\:from-orange-400 {
+      --gradient-from-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .xl\:dark\:from-orange-500 {
+      --gradient-from-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .xl\:dark\:from-orange-600 {
+      --gradient-from-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .xl\:dark\:from-orange-700 {
+      --gradient-from-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .xl\:dark\:from-orange-800 {
+      --gradient-from-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .xl\:dark\:from-orange-900 {
+      --gradient-from-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .xl\:dark\:from-yellow-50 {
+      --gradient-from-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .xl\:dark\:from-yellow-100 {
+      --gradient-from-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .xl\:dark\:from-yellow-200 {
+      --gradient-from-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .xl\:dark\:from-yellow-300 {
+      --gradient-from-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .xl\:dark\:from-yellow-400 {
+      --gradient-from-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .xl\:dark\:from-yellow-500 {
+      --gradient-from-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .xl\:dark\:from-yellow-600 {
+      --gradient-from-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .xl\:dark\:from-yellow-700 {
+      --gradient-from-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .xl\:dark\:from-yellow-800 {
+      --gradient-from-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .xl\:dark\:from-yellow-900 {
+      --gradient-from-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .xl\:dark\:from-green-50 {
+      --gradient-from-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .xl\:dark\:from-green-100 {
+      --gradient-from-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .xl\:dark\:from-green-200 {
+      --gradient-from-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .xl\:dark\:from-green-300 {
+      --gradient-from-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .xl\:dark\:from-green-400 {
+      --gradient-from-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .xl\:dark\:from-green-500 {
+      --gradient-from-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .xl\:dark\:from-green-600 {
+      --gradient-from-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .xl\:dark\:from-green-700 {
+      --gradient-from-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .xl\:dark\:from-green-800 {
+      --gradient-from-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .xl\:dark\:from-green-900 {
+      --gradient-from-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .xl\:dark\:from-teal-50 {
+      --gradient-from-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .xl\:dark\:from-teal-100 {
+      --gradient-from-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .xl\:dark\:from-teal-200 {
+      --gradient-from-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .xl\:dark\:from-teal-300 {
+      --gradient-from-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .xl\:dark\:from-teal-400 {
+      --gradient-from-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .xl\:dark\:from-teal-500 {
+      --gradient-from-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .xl\:dark\:from-teal-600 {
+      --gradient-from-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .xl\:dark\:from-teal-700 {
+      --gradient-from-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .xl\:dark\:from-teal-800 {
+      --gradient-from-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .xl\:dark\:from-teal-900 {
+      --gradient-from-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .xl\:dark\:from-blue-50 {
+      --gradient-from-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .xl\:dark\:from-blue-100 {
+      --gradient-from-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .xl\:dark\:from-blue-200 {
+      --gradient-from-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .xl\:dark\:from-blue-300 {
+      --gradient-from-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .xl\:dark\:from-blue-400 {
+      --gradient-from-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .xl\:dark\:from-blue-500 {
+      --gradient-from-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .xl\:dark\:from-blue-600 {
+      --gradient-from-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .xl\:dark\:from-blue-700 {
+      --gradient-from-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .xl\:dark\:from-blue-800 {
+      --gradient-from-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .xl\:dark\:from-blue-900 {
+      --gradient-from-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .xl\:dark\:from-indigo-50 {
+      --gradient-from-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .xl\:dark\:from-indigo-100 {
+      --gradient-from-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .xl\:dark\:from-indigo-200 {
+      --gradient-from-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .xl\:dark\:from-indigo-300 {
+      --gradient-from-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .xl\:dark\:from-indigo-400 {
+      --gradient-from-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .xl\:dark\:from-indigo-500 {
+      --gradient-from-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .xl\:dark\:from-indigo-600 {
+      --gradient-from-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .xl\:dark\:from-indigo-700 {
+      --gradient-from-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .xl\:dark\:from-indigo-800 {
+      --gradient-from-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .xl\:dark\:from-indigo-900 {
+      --gradient-from-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .xl\:dark\:from-purple-50 {
+      --gradient-from-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .xl\:dark\:from-purple-100 {
+      --gradient-from-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .xl\:dark\:from-purple-200 {
+      --gradient-from-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .xl\:dark\:from-purple-300 {
+      --gradient-from-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .xl\:dark\:from-purple-400 {
+      --gradient-from-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .xl\:dark\:from-purple-500 {
+      --gradient-from-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .xl\:dark\:from-purple-600 {
+      --gradient-from-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .xl\:dark\:from-purple-700 {
+      --gradient-from-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .xl\:dark\:from-purple-800 {
+      --gradient-from-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .xl\:dark\:from-purple-900 {
+      --gradient-from-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .xl\:dark\:from-pink-50 {
+      --gradient-from-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .xl\:dark\:from-pink-100 {
+      --gradient-from-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .xl\:dark\:from-pink-200 {
+      --gradient-from-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .xl\:dark\:from-pink-300 {
+      --gradient-from-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .xl\:dark\:from-pink-400 {
+      --gradient-from-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .xl\:dark\:from-pink-500 {
+      --gradient-from-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .xl\:dark\:from-pink-600 {
+      --gradient-from-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .xl\:dark\:from-pink-700 {
+      --gradient-from-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .xl\:dark\:from-pink-800 {
+      --gradient-from-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .xl\:dark\:from-pink-900 {
+      --gradient-from-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .xl\:dark\: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\:dark\: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\:dark\:via-black {
+      --gradient-via-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .xl\:dark\:via-white {
+      --gradient-via-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .xl\:dark\:via-gray-50 {
+      --gradient-via-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .xl\:dark\:via-gray-100 {
+      --gradient-via-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .xl\:dark\:via-gray-200 {
+      --gradient-via-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .xl\:dark\:via-gray-300 {
+      --gradient-via-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .xl\:dark\:via-gray-400 {
+      --gradient-via-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .xl\:dark\:via-gray-500 {
+      --gradient-via-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .xl\:dark\:via-gray-600 {
+      --gradient-via-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .xl\:dark\:via-gray-700 {
+      --gradient-via-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .xl\:dark\:via-gray-800 {
+      --gradient-via-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .xl\:dark\:via-gray-900 {
+      --gradient-via-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .xl\:dark\:via-red-50 {
+      --gradient-via-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .xl\:dark\:via-red-100 {
+      --gradient-via-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .xl\:dark\:via-red-200 {
+      --gradient-via-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .xl\:dark\:via-red-300 {
+      --gradient-via-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .xl\:dark\:via-red-400 {
+      --gradient-via-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .xl\:dark\:via-red-500 {
+      --gradient-via-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .xl\:dark\:via-red-600 {
+      --gradient-via-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .xl\:dark\:via-red-700 {
+      --gradient-via-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .xl\:dark\:via-red-800 {
+      --gradient-via-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .xl\:dark\:via-red-900 {
+      --gradient-via-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .xl\:dark\:via-orange-50 {
+      --gradient-via-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .xl\:dark\:via-orange-100 {
+      --gradient-via-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .xl\:dark\:via-orange-200 {
+      --gradient-via-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .xl\:dark\:via-orange-300 {
+      --gradient-via-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .xl\:dark\:via-orange-400 {
+      --gradient-via-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .xl\:dark\:via-orange-500 {
+      --gradient-via-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .xl\:dark\:via-orange-600 {
+      --gradient-via-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .xl\:dark\:via-orange-700 {
+      --gradient-via-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .xl\:dark\:via-orange-800 {
+      --gradient-via-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .xl\:dark\:via-orange-900 {
+      --gradient-via-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .xl\:dark\:via-yellow-50 {
+      --gradient-via-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .xl\:dark\:via-yellow-100 {
+      --gradient-via-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .xl\:dark\:via-yellow-200 {
+      --gradient-via-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .xl\:dark\:via-yellow-300 {
+      --gradient-via-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .xl\:dark\:via-yellow-400 {
+      --gradient-via-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .xl\:dark\:via-yellow-500 {
+      --gradient-via-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .xl\:dark\:via-yellow-600 {
+      --gradient-via-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .xl\:dark\:via-yellow-700 {
+      --gradient-via-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .xl\:dark\:via-yellow-800 {
+      --gradient-via-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .xl\:dark\:via-yellow-900 {
+      --gradient-via-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .xl\:dark\:via-green-50 {
+      --gradient-via-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .xl\:dark\:via-green-100 {
+      --gradient-via-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .xl\:dark\:via-green-200 {
+      --gradient-via-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .xl\:dark\:via-green-300 {
+      --gradient-via-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .xl\:dark\:via-green-400 {
+      --gradient-via-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .xl\:dark\:via-green-500 {
+      --gradient-via-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .xl\:dark\:via-green-600 {
+      --gradient-via-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .xl\:dark\:via-green-700 {
+      --gradient-via-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .xl\:dark\:via-green-800 {
+      --gradient-via-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .xl\:dark\:via-green-900 {
+      --gradient-via-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .xl\:dark\:via-teal-50 {
+      --gradient-via-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .xl\:dark\:via-teal-100 {
+      --gradient-via-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .xl\:dark\:via-teal-200 {
+      --gradient-via-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .xl\:dark\:via-teal-300 {
+      --gradient-via-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .xl\:dark\:via-teal-400 {
+      --gradient-via-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .xl\:dark\:via-teal-500 {
+      --gradient-via-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .xl\:dark\:via-teal-600 {
+      --gradient-via-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .xl\:dark\:via-teal-700 {
+      --gradient-via-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .xl\:dark\:via-teal-800 {
+      --gradient-via-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .xl\:dark\:via-teal-900 {
+      --gradient-via-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .xl\:dark\:via-blue-50 {
+      --gradient-via-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .xl\:dark\:via-blue-100 {
+      --gradient-via-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .xl\:dark\:via-blue-200 {
+      --gradient-via-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .xl\:dark\:via-blue-300 {
+      --gradient-via-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .xl\:dark\:via-blue-400 {
+      --gradient-via-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .xl\:dark\:via-blue-500 {
+      --gradient-via-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .xl\:dark\:via-blue-600 {
+      --gradient-via-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .xl\:dark\:via-blue-700 {
+      --gradient-via-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .xl\:dark\:via-blue-800 {
+      --gradient-via-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .xl\:dark\:via-blue-900 {
+      --gradient-via-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .xl\:dark\:via-indigo-50 {
+      --gradient-via-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .xl\:dark\:via-indigo-100 {
+      --gradient-via-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .xl\:dark\:via-indigo-200 {
+      --gradient-via-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .xl\:dark\:via-indigo-300 {
+      --gradient-via-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .xl\:dark\:via-indigo-400 {
+      --gradient-via-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .xl\:dark\:via-indigo-500 {
+      --gradient-via-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .xl\:dark\:via-indigo-600 {
+      --gradient-via-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .xl\:dark\:via-indigo-700 {
+      --gradient-via-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .xl\:dark\:via-indigo-800 {
+      --gradient-via-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .xl\:dark\:via-indigo-900 {
+      --gradient-via-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .xl\:dark\:via-purple-50 {
+      --gradient-via-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .xl\:dark\:via-purple-100 {
+      --gradient-via-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .xl\:dark\:via-purple-200 {
+      --gradient-via-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .xl\:dark\:via-purple-300 {
+      --gradient-via-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .xl\:dark\:via-purple-400 {
+      --gradient-via-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .xl\:dark\:via-purple-500 {
+      --gradient-via-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .xl\:dark\:via-purple-600 {
+      --gradient-via-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .xl\:dark\:via-purple-700 {
+      --gradient-via-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .xl\:dark\:via-purple-800 {
+      --gradient-via-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .xl\:dark\:via-purple-900 {
+      --gradient-via-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .xl\:dark\:via-pink-50 {
+      --gradient-via-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .xl\:dark\:via-pink-100 {
+      --gradient-via-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .xl\:dark\:via-pink-200 {
+      --gradient-via-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .xl\:dark\:via-pink-300 {
+      --gradient-via-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .xl\:dark\:via-pink-400 {
+      --gradient-via-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .xl\:dark\:via-pink-500 {
+      --gradient-via-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .xl\:dark\:via-pink-600 {
+      --gradient-via-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .xl\:dark\:via-pink-700 {
+      --gradient-via-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .xl\:dark\:via-pink-800 {
+      --gradient-via-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .xl\:dark\:via-pink-900 {
+      --gradient-via-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .xl\:dark\:to-transparent {
+      --gradient-to-color: transparent;
+    }
+
+    .xl\:dark\:to-current {
+      --gradient-to-color: currentColor;
+    }
+
+    .xl\:dark\:to-black {
+      --gradient-to-color: #000000;
+    }
+
+    .xl\:dark\:to-white {
+      --gradient-to-color: #ffffff;
+    }
+
+    .xl\:dark\:to-gray-50 {
+      --gradient-to-color: #f9fafb;
+    }
+
+    .xl\:dark\:to-gray-100 {
+      --gradient-to-color: #f4f5f7;
+    }
+
+    .xl\:dark\:to-gray-200 {
+      --gradient-to-color: #e5e7eb;
+    }
+
+    .xl\:dark\:to-gray-300 {
+      --gradient-to-color: #d2d6dc;
+    }
+
+    .xl\:dark\:to-gray-400 {
+      --gradient-to-color: #9fa6b2;
+    }
+
+    .xl\:dark\:to-gray-500 {
+      --gradient-to-color: #6b7280;
+    }
+
+    .xl\:dark\:to-gray-600 {
+      --gradient-to-color: #4b5563;
+    }
+
+    .xl\:dark\:to-gray-700 {
+      --gradient-to-color: #374151;
+    }
+
+    .xl\:dark\:to-gray-800 {
+      --gradient-to-color: #252f3f;
+    }
+
+    .xl\:dark\:to-gray-900 {
+      --gradient-to-color: #161e2e;
+    }
+
+    .xl\:dark\:to-red-50 {
+      --gradient-to-color: #fdf2f2;
+    }
+
+    .xl\:dark\:to-red-100 {
+      --gradient-to-color: #fde8e8;
+    }
+
+    .xl\:dark\:to-red-200 {
+      --gradient-to-color: #fbd5d5;
+    }
+
+    .xl\:dark\:to-red-300 {
+      --gradient-to-color: #f8b4b4;
+    }
+
+    .xl\:dark\:to-red-400 {
+      --gradient-to-color: #f98080;
+    }
+
+    .xl\:dark\:to-red-500 {
+      --gradient-to-color: #f05252;
+    }
+
+    .xl\:dark\:to-red-600 {
+      --gradient-to-color: #e02424;
+    }
+
+    .xl\:dark\:to-red-700 {
+      --gradient-to-color: #c81e1e;
+    }
+
+    .xl\:dark\:to-red-800 {
+      --gradient-to-color: #9b1c1c;
+    }
+
+    .xl\:dark\:to-red-900 {
+      --gradient-to-color: #771d1d;
+    }
+
+    .xl\:dark\:to-orange-50 {
+      --gradient-to-color: #fff8f1;
+    }
+
+    .xl\:dark\:to-orange-100 {
+      --gradient-to-color: #feecdc;
+    }
+
+    .xl\:dark\:to-orange-200 {
+      --gradient-to-color: #fcd9bd;
+    }
+
+    .xl\:dark\:to-orange-300 {
+      --gradient-to-color: #fdba8c;
+    }
+
+    .xl\:dark\:to-orange-400 {
+      --gradient-to-color: #ff8a4c;
+    }
+
+    .xl\:dark\:to-orange-500 {
+      --gradient-to-color: #ff5a1f;
+    }
+
+    .xl\:dark\:to-orange-600 {
+      --gradient-to-color: #d03801;
+    }
+
+    .xl\:dark\:to-orange-700 {
+      --gradient-to-color: #b43403;
+    }
+
+    .xl\:dark\:to-orange-800 {
+      --gradient-to-color: #8a2c0d;
+    }
+
+    .xl\:dark\:to-orange-900 {
+      --gradient-to-color: #73230d;
+    }
+
+    .xl\:dark\:to-yellow-50 {
+      --gradient-to-color: #fdfdea;
+    }
+
+    .xl\:dark\:to-yellow-100 {
+      --gradient-to-color: #fdf6b2;
+    }
+
+    .xl\:dark\:to-yellow-200 {
+      --gradient-to-color: #fce96a;
+    }
+
+    .xl\:dark\:to-yellow-300 {
+      --gradient-to-color: #faca15;
+    }
+
+    .xl\:dark\:to-yellow-400 {
+      --gradient-to-color: #e3a008;
+    }
+
+    .xl\:dark\:to-yellow-500 {
+      --gradient-to-color: #c27803;
+    }
+
+    .xl\:dark\:to-yellow-600 {
+      --gradient-to-color: #9f580a;
+    }
+
+    .xl\:dark\:to-yellow-700 {
+      --gradient-to-color: #8e4b10;
+    }
+
+    .xl\:dark\:to-yellow-800 {
+      --gradient-to-color: #723b13;
+    }
+
+    .xl\:dark\:to-yellow-900 {
+      --gradient-to-color: #633112;
+    }
+
+    .xl\:dark\:to-green-50 {
+      --gradient-to-color: #f3faf7;
+    }
+
+    .xl\:dark\:to-green-100 {
+      --gradient-to-color: #def7ec;
+    }
+
+    .xl\:dark\:to-green-200 {
+      --gradient-to-color: #bcf0da;
+    }
+
+    .xl\:dark\:to-green-300 {
+      --gradient-to-color: #84e1bc;
+    }
+
+    .xl\:dark\:to-green-400 {
+      --gradient-to-color: #31c48d;
+    }
+
+    .xl\:dark\:to-green-500 {
+      --gradient-to-color: #0e9f6e;
+    }
+
+    .xl\:dark\:to-green-600 {
+      --gradient-to-color: #057a55;
+    }
+
+    .xl\:dark\:to-green-700 {
+      --gradient-to-color: #046c4e;
+    }
+
+    .xl\:dark\:to-green-800 {
+      --gradient-to-color: #03543f;
+    }
+
+    .xl\:dark\:to-green-900 {
+      --gradient-to-color: #014737;
+    }
+
+    .xl\:dark\:to-teal-50 {
+      --gradient-to-color: #edfafa;
+    }
+
+    .xl\:dark\:to-teal-100 {
+      --gradient-to-color: #d5f5f6;
+    }
+
+    .xl\:dark\:to-teal-200 {
+      --gradient-to-color: #afecef;
+    }
+
+    .xl\:dark\:to-teal-300 {
+      --gradient-to-color: #7edce2;
+    }
+
+    .xl\:dark\:to-teal-400 {
+      --gradient-to-color: #16bdca;
+    }
+
+    .xl\:dark\:to-teal-500 {
+      --gradient-to-color: #0694a2;
+    }
+
+    .xl\:dark\:to-teal-600 {
+      --gradient-to-color: #047481;
+    }
+
+    .xl\:dark\:to-teal-700 {
+      --gradient-to-color: #036672;
+    }
+
+    .xl\:dark\:to-teal-800 {
+      --gradient-to-color: #05505c;
+    }
+
+    .xl\:dark\:to-teal-900 {
+      --gradient-to-color: #014451;
+    }
+
+    .xl\:dark\:to-blue-50 {
+      --gradient-to-color: #ebf5ff;
+    }
+
+    .xl\:dark\:to-blue-100 {
+      --gradient-to-color: #e1effe;
+    }
+
+    .xl\:dark\:to-blue-200 {
+      --gradient-to-color: #c3ddfd;
+    }
+
+    .xl\:dark\:to-blue-300 {
+      --gradient-to-color: #a4cafe;
+    }
+
+    .xl\:dark\:to-blue-400 {
+      --gradient-to-color: #76a9fa;
+    }
+
+    .xl\:dark\:to-blue-500 {
+      --gradient-to-color: #3f83f8;
+    }
+
+    .xl\:dark\:to-blue-600 {
+      --gradient-to-color: #1c64f2;
+    }
+
+    .xl\:dark\:to-blue-700 {
+      --gradient-to-color: #1a56db;
+    }
+
+    .xl\:dark\:to-blue-800 {
+      --gradient-to-color: #1e429f;
+    }
+
+    .xl\:dark\:to-blue-900 {
+      --gradient-to-color: #233876;
+    }
+
+    .xl\:dark\:to-indigo-50 {
+      --gradient-to-color: #f0f5ff;
+    }
+
+    .xl\:dark\:to-indigo-100 {
+      --gradient-to-color: #e5edff;
+    }
+
+    .xl\:dark\:to-indigo-200 {
+      --gradient-to-color: #cddbfe;
+    }
+
+    .xl\:dark\:to-indigo-300 {
+      --gradient-to-color: #b4c6fc;
+    }
+
+    .xl\:dark\:to-indigo-400 {
+      --gradient-to-color: #8da2fb;
+    }
+
+    .xl\:dark\:to-indigo-500 {
+      --gradient-to-color: #6875f5;
+    }
+
+    .xl\:dark\:to-indigo-600 {
+      --gradient-to-color: #5850ec;
+    }
+
+    .xl\:dark\:to-indigo-700 {
+      --gradient-to-color: #5145cd;
+    }
+
+    .xl\:dark\:to-indigo-800 {
+      --gradient-to-color: #42389d;
+    }
+
+    .xl\:dark\:to-indigo-900 {
+      --gradient-to-color: #362f78;
+    }
+
+    .xl\:dark\:to-purple-50 {
+      --gradient-to-color: #f6f5ff;
+    }
+
+    .xl\:dark\:to-purple-100 {
+      --gradient-to-color: #edebfe;
+    }
+
+    .xl\:dark\:to-purple-200 {
+      --gradient-to-color: #dcd7fe;
+    }
+
+    .xl\:dark\:to-purple-300 {
+      --gradient-to-color: #cabffd;
+    }
+
+    .xl\:dark\:to-purple-400 {
+      --gradient-to-color: #ac94fa;
+    }
+
+    .xl\:dark\:to-purple-500 {
+      --gradient-to-color: #9061f9;
+    }
+
+    .xl\:dark\:to-purple-600 {
+      --gradient-to-color: #7e3af2;
+    }
+
+    .xl\:dark\:to-purple-700 {
+      --gradient-to-color: #6c2bd9;
+    }
+
+    .xl\:dark\:to-purple-800 {
+      --gradient-to-color: #5521b5;
+    }
+
+    .xl\:dark\:to-purple-900 {
+      --gradient-to-color: #4a1d96;
+    }
+
+    .xl\:dark\:to-pink-50 {
+      --gradient-to-color: #fdf2f8;
+    }
+
+    .xl\:dark\:to-pink-100 {
+      --gradient-to-color: #fce8f3;
+    }
+
+    .xl\:dark\:to-pink-200 {
+      --gradient-to-color: #fad1e8;
+    }
+
+    .xl\:dark\:to-pink-300 {
+      --gradient-to-color: #f8b4d9;
+    }
+
+    .xl\:dark\:to-pink-400 {
+      --gradient-to-color: #f17eb8;
+    }
+
+    .xl\:dark\:to-pink-500 {
+      --gradient-to-color: #e74694;
+    }
+
+    .xl\:dark\:to-pink-600 {
+      --gradient-to-color: #d61f69;
+    }
+
+    .xl\:dark\:to-pink-700 {
+      --gradient-to-color: #bf125d;
+    }
+
+    .xl\:dark\:to-pink-800 {
+      --gradient-to-color: #99154b;
+    }
+
+    .xl\:dark\:to-pink-900 {
+      --gradient-to-color: #751a3d;
+    }
+
+    .xl\:dark\: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\:dark\: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\:dark\:hover\:from-black:hover {
+      --gradient-from-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .xl\:dark\:hover\:from-white:hover {
+      --gradient-from-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .xl\:dark\:hover\:from-gray-50:hover {
+      --gradient-from-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .xl\:dark\:hover\:from-gray-100:hover {
+      --gradient-from-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .xl\:dark\:hover\:from-gray-200:hover {
+      --gradient-from-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .xl\:dark\:hover\:from-gray-300:hover {
+      --gradient-from-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .xl\:dark\:hover\:from-gray-400:hover {
+      --gradient-from-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .xl\:dark\:hover\:from-gray-500:hover {
+      --gradient-from-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .xl\:dark\:hover\:from-gray-600:hover {
+      --gradient-from-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .xl\:dark\:hover\:from-gray-700:hover {
+      --gradient-from-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .xl\:dark\:hover\:from-gray-800:hover {
+      --gradient-from-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .xl\:dark\:hover\:from-gray-900:hover {
+      --gradient-from-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .xl\:dark\:hover\:from-red-50:hover {
+      --gradient-from-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .xl\:dark\:hover\:from-red-100:hover {
+      --gradient-from-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .xl\:dark\:hover\:from-red-200:hover {
+      --gradient-from-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .xl\:dark\:hover\:from-red-300:hover {
+      --gradient-from-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .xl\:dark\:hover\:from-red-400:hover {
+      --gradient-from-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .xl\:dark\:hover\:from-red-500:hover {
+      --gradient-from-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .xl\:dark\:hover\:from-red-600:hover {
+      --gradient-from-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .xl\:dark\:hover\:from-red-700:hover {
+      --gradient-from-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .xl\:dark\:hover\:from-red-800:hover {
+      --gradient-from-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .xl\:dark\:hover\:from-red-900:hover {
+      --gradient-from-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .xl\:dark\:hover\:from-orange-50:hover {
+      --gradient-from-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .xl\:dark\:hover\:from-orange-100:hover {
+      --gradient-from-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .xl\:dark\:hover\:from-orange-200:hover {
+      --gradient-from-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .xl\:dark\:hover\:from-orange-300:hover {
+      --gradient-from-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .xl\:dark\:hover\:from-orange-400:hover {
+      --gradient-from-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .xl\:dark\:hover\:from-orange-500:hover {
+      --gradient-from-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .xl\:dark\:hover\:from-orange-600:hover {
+      --gradient-from-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .xl\:dark\:hover\:from-orange-700:hover {
+      --gradient-from-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .xl\:dark\:hover\:from-orange-800:hover {
+      --gradient-from-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .xl\:dark\:hover\:from-orange-900:hover {
+      --gradient-from-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .xl\:dark\:hover\:from-yellow-50:hover {
+      --gradient-from-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .xl\:dark\:hover\:from-yellow-100:hover {
+      --gradient-from-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .xl\:dark\:hover\:from-yellow-200:hover {
+      --gradient-from-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .xl\:dark\:hover\:from-yellow-300:hover {
+      --gradient-from-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .xl\:dark\:hover\:from-yellow-400:hover {
+      --gradient-from-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .xl\:dark\:hover\:from-yellow-500:hover {
+      --gradient-from-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .xl\:dark\:hover\:from-yellow-600:hover {
+      --gradient-from-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .xl\:dark\:hover\:from-yellow-700:hover {
+      --gradient-from-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .xl\:dark\:hover\:from-yellow-800:hover {
+      --gradient-from-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .xl\:dark\:hover\:from-yellow-900:hover {
+      --gradient-from-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .xl\:dark\:hover\:from-green-50:hover {
+      --gradient-from-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .xl\:dark\:hover\:from-green-100:hover {
+      --gradient-from-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .xl\:dark\:hover\:from-green-200:hover {
+      --gradient-from-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .xl\:dark\:hover\:from-green-300:hover {
+      --gradient-from-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .xl\:dark\:hover\:from-green-400:hover {
+      --gradient-from-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .xl\:dark\:hover\:from-green-500:hover {
+      --gradient-from-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .xl\:dark\:hover\:from-green-600:hover {
+      --gradient-from-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .xl\:dark\:hover\:from-green-700:hover {
+      --gradient-from-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .xl\:dark\:hover\:from-green-800:hover {
+      --gradient-from-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .xl\:dark\:hover\:from-green-900:hover {
+      --gradient-from-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .xl\:dark\:hover\:from-teal-50:hover {
+      --gradient-from-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .xl\:dark\:hover\:from-teal-100:hover {
+      --gradient-from-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .xl\:dark\:hover\:from-teal-200:hover {
+      --gradient-from-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .xl\:dark\:hover\:from-teal-300:hover {
+      --gradient-from-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .xl\:dark\:hover\:from-teal-400:hover {
+      --gradient-from-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .xl\:dark\:hover\:from-teal-500:hover {
+      --gradient-from-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .xl\:dark\:hover\:from-teal-600:hover {
+      --gradient-from-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .xl\:dark\:hover\:from-teal-700:hover {
+      --gradient-from-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .xl\:dark\:hover\:from-teal-800:hover {
+      --gradient-from-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .xl\:dark\:hover\:from-teal-900:hover {
+      --gradient-from-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .xl\:dark\:hover\:from-blue-50:hover {
+      --gradient-from-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .xl\:dark\:hover\:from-blue-100:hover {
+      --gradient-from-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .xl\:dark\:hover\:from-blue-200:hover {
+      --gradient-from-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .xl\:dark\:hover\:from-blue-300:hover {
+      --gradient-from-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .xl\:dark\:hover\:from-blue-400:hover {
+      --gradient-from-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .xl\:dark\:hover\:from-blue-500:hover {
+      --gradient-from-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .xl\:dark\:hover\:from-blue-600:hover {
+      --gradient-from-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .xl\:dark\:hover\:from-blue-700:hover {
+      --gradient-from-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .xl\:dark\:hover\:from-blue-800:hover {
+      --gradient-from-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .xl\:dark\:hover\:from-blue-900:hover {
+      --gradient-from-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .xl\:dark\:hover\:from-indigo-50:hover {
+      --gradient-from-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .xl\:dark\:hover\:from-indigo-100:hover {
+      --gradient-from-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .xl\:dark\:hover\:from-indigo-200:hover {
+      --gradient-from-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .xl\:dark\:hover\:from-indigo-300:hover {
+      --gradient-from-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .xl\:dark\:hover\:from-indigo-400:hover {
+      --gradient-from-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .xl\:dark\:hover\:from-indigo-500:hover {
+      --gradient-from-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .xl\:dark\:hover\:from-indigo-600:hover {
+      --gradient-from-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .xl\:dark\:hover\:from-indigo-700:hover {
+      --gradient-from-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .xl\:dark\:hover\:from-indigo-800:hover {
+      --gradient-from-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .xl\:dark\:hover\:from-indigo-900:hover {
+      --gradient-from-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .xl\:dark\:hover\:from-purple-50:hover {
+      --gradient-from-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .xl\:dark\:hover\:from-purple-100:hover {
+      --gradient-from-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .xl\:dark\:hover\:from-purple-200:hover {
+      --gradient-from-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .xl\:dark\:hover\:from-purple-300:hover {
+      --gradient-from-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .xl\:dark\:hover\:from-purple-400:hover {
+      --gradient-from-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .xl\:dark\:hover\:from-purple-500:hover {
+      --gradient-from-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .xl\:dark\:hover\:from-purple-600:hover {
+      --gradient-from-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .xl\:dark\:hover\:from-purple-700:hover {
+      --gradient-from-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .xl\:dark\:hover\:from-purple-800:hover {
+      --gradient-from-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .xl\:dark\:hover\:from-purple-900:hover {
+      --gradient-from-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .xl\:dark\:hover\:from-pink-50:hover {
+      --gradient-from-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .xl\:dark\:hover\:from-pink-100:hover {
+      --gradient-from-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .xl\:dark\:hover\:from-pink-200:hover {
+      --gradient-from-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .xl\:dark\:hover\:from-pink-300:hover {
+      --gradient-from-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .xl\:dark\:hover\:from-pink-400:hover {
+      --gradient-from-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .xl\:dark\:hover\:from-pink-500:hover {
+      --gradient-from-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .xl\:dark\:hover\:from-pink-600:hover {
+      --gradient-from-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .xl\:dark\:hover\:from-pink-700:hover {
+      --gradient-from-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .xl\:dark\:hover\:from-pink-800:hover {
+      --gradient-from-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .xl\:dark\:hover\:from-pink-900:hover {
+      --gradient-from-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .xl\:dark\: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\:dark\: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\:dark\:hover\:via-black:hover {
+      --gradient-via-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .xl\:dark\:hover\:via-white:hover {
+      --gradient-via-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .xl\:dark\:hover\:via-gray-50:hover {
+      --gradient-via-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .xl\:dark\:hover\:via-gray-100:hover {
+      --gradient-via-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .xl\:dark\:hover\:via-gray-200:hover {
+      --gradient-via-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .xl\:dark\:hover\:via-gray-300:hover {
+      --gradient-via-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .xl\:dark\:hover\:via-gray-400:hover {
+      --gradient-via-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .xl\:dark\:hover\:via-gray-500:hover {
+      --gradient-via-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .xl\:dark\:hover\:via-gray-600:hover {
+      --gradient-via-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .xl\:dark\:hover\:via-gray-700:hover {
+      --gradient-via-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .xl\:dark\:hover\:via-gray-800:hover {
+      --gradient-via-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .xl\:dark\:hover\:via-gray-900:hover {
+      --gradient-via-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .xl\:dark\:hover\:via-red-50:hover {
+      --gradient-via-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .xl\:dark\:hover\:via-red-100:hover {
+      --gradient-via-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .xl\:dark\:hover\:via-red-200:hover {
+      --gradient-via-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .xl\:dark\:hover\:via-red-300:hover {
+      --gradient-via-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .xl\:dark\:hover\:via-red-400:hover {
+      --gradient-via-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .xl\:dark\:hover\:via-red-500:hover {
+      --gradient-via-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .xl\:dark\:hover\:via-red-600:hover {
+      --gradient-via-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .xl\:dark\:hover\:via-red-700:hover {
+      --gradient-via-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .xl\:dark\:hover\:via-red-800:hover {
+      --gradient-via-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .xl\:dark\:hover\:via-red-900:hover {
+      --gradient-via-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .xl\:dark\:hover\:via-orange-50:hover {
+      --gradient-via-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .xl\:dark\:hover\:via-orange-100:hover {
+      --gradient-via-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .xl\:dark\:hover\:via-orange-200:hover {
+      --gradient-via-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .xl\:dark\:hover\:via-orange-300:hover {
+      --gradient-via-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .xl\:dark\:hover\:via-orange-400:hover {
+      --gradient-via-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .xl\:dark\:hover\:via-orange-500:hover {
+      --gradient-via-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .xl\:dark\:hover\:via-orange-600:hover {
+      --gradient-via-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .xl\:dark\:hover\:via-orange-700:hover {
+      --gradient-via-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .xl\:dark\:hover\:via-orange-800:hover {
+      --gradient-via-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .xl\:dark\:hover\:via-orange-900:hover {
+      --gradient-via-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .xl\:dark\:hover\:via-yellow-50:hover {
+      --gradient-via-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .xl\:dark\:hover\:via-yellow-100:hover {
+      --gradient-via-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .xl\:dark\:hover\:via-yellow-200:hover {
+      --gradient-via-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .xl\:dark\:hover\:via-yellow-300:hover {
+      --gradient-via-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .xl\:dark\:hover\:via-yellow-400:hover {
+      --gradient-via-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .xl\:dark\:hover\:via-yellow-500:hover {
+      --gradient-via-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .xl\:dark\:hover\:via-yellow-600:hover {
+      --gradient-via-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .xl\:dark\:hover\:via-yellow-700:hover {
+      --gradient-via-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .xl\:dark\:hover\:via-yellow-800:hover {
+      --gradient-via-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .xl\:dark\:hover\:via-yellow-900:hover {
+      --gradient-via-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .xl\:dark\:hover\:via-green-50:hover {
+      --gradient-via-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .xl\:dark\:hover\:via-green-100:hover {
+      --gradient-via-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .xl\:dark\:hover\:via-green-200:hover {
+      --gradient-via-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .xl\:dark\:hover\:via-green-300:hover {
+      --gradient-via-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .xl\:dark\:hover\:via-green-400:hover {
+      --gradient-via-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .xl\:dark\:hover\:via-green-500:hover {
+      --gradient-via-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .xl\:dark\:hover\:via-green-600:hover {
+      --gradient-via-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .xl\:dark\:hover\:via-green-700:hover {
+      --gradient-via-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .xl\:dark\:hover\:via-green-800:hover {
+      --gradient-via-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .xl\:dark\:hover\:via-green-900:hover {
+      --gradient-via-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .xl\:dark\:hover\:via-teal-50:hover {
+      --gradient-via-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .xl\:dark\:hover\:via-teal-100:hover {
+      --gradient-via-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .xl\:dark\:hover\:via-teal-200:hover {
+      --gradient-via-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .xl\:dark\:hover\:via-teal-300:hover {
+      --gradient-via-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .xl\:dark\:hover\:via-teal-400:hover {
+      --gradient-via-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .xl\:dark\:hover\:via-teal-500:hover {
+      --gradient-via-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .xl\:dark\:hover\:via-teal-600:hover {
+      --gradient-via-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .xl\:dark\:hover\:via-teal-700:hover {
+      --gradient-via-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .xl\:dark\:hover\:via-teal-800:hover {
+      --gradient-via-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .xl\:dark\:hover\:via-teal-900:hover {
+      --gradient-via-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .xl\:dark\:hover\:via-blue-50:hover {
+      --gradient-via-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .xl\:dark\:hover\:via-blue-100:hover {
+      --gradient-via-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .xl\:dark\:hover\:via-blue-200:hover {
+      --gradient-via-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .xl\:dark\:hover\:via-blue-300:hover {
+      --gradient-via-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .xl\:dark\:hover\:via-blue-400:hover {
+      --gradient-via-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .xl\:dark\:hover\:via-blue-500:hover {
+      --gradient-via-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .xl\:dark\:hover\:via-blue-600:hover {
+      --gradient-via-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .xl\:dark\:hover\:via-blue-700:hover {
+      --gradient-via-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .xl\:dark\:hover\:via-blue-800:hover {
+      --gradient-via-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .xl\:dark\:hover\:via-blue-900:hover {
+      --gradient-via-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .xl\:dark\:hover\:via-indigo-50:hover {
+      --gradient-via-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .xl\:dark\:hover\:via-indigo-100:hover {
+      --gradient-via-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .xl\:dark\:hover\:via-indigo-200:hover {
+      --gradient-via-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .xl\:dark\:hover\:via-indigo-300:hover {
+      --gradient-via-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .xl\:dark\:hover\:via-indigo-400:hover {
+      --gradient-via-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .xl\:dark\:hover\:via-indigo-500:hover {
+      --gradient-via-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .xl\:dark\:hover\:via-indigo-600:hover {
+      --gradient-via-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .xl\:dark\:hover\:via-indigo-700:hover {
+      --gradient-via-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .xl\:dark\:hover\:via-indigo-800:hover {
+      --gradient-via-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .xl\:dark\:hover\:via-indigo-900:hover {
+      --gradient-via-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .xl\:dark\:hover\:via-purple-50:hover {
+      --gradient-via-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .xl\:dark\:hover\:via-purple-100:hover {
+      --gradient-via-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .xl\:dark\:hover\:via-purple-200:hover {
+      --gradient-via-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .xl\:dark\:hover\:via-purple-300:hover {
+      --gradient-via-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .xl\:dark\:hover\:via-purple-400:hover {
+      --gradient-via-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .xl\:dark\:hover\:via-purple-500:hover {
+      --gradient-via-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .xl\:dark\:hover\:via-purple-600:hover {
+      --gradient-via-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .xl\:dark\:hover\:via-purple-700:hover {
+      --gradient-via-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .xl\:dark\:hover\:via-purple-800:hover {
+      --gradient-via-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .xl\:dark\:hover\:via-purple-900:hover {
+      --gradient-via-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .xl\:dark\:hover\:via-pink-50:hover {
+      --gradient-via-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .xl\:dark\:hover\:via-pink-100:hover {
+      --gradient-via-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .xl\:dark\:hover\:via-pink-200:hover {
+      --gradient-via-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .xl\:dark\:hover\:via-pink-300:hover {
+      --gradient-via-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .xl\:dark\:hover\:via-pink-400:hover {
+      --gradient-via-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .xl\:dark\:hover\:via-pink-500:hover {
+      --gradient-via-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .xl\:dark\:hover\:via-pink-600:hover {
+      --gradient-via-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .xl\:dark\:hover\:via-pink-700:hover {
+      --gradient-via-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .xl\:dark\:hover\:via-pink-800:hover {
+      --gradient-via-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .xl\:dark\:hover\:via-pink-900:hover {
+      --gradient-via-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .xl\:dark\:hover\:to-transparent:hover {
+      --gradient-to-color: transparent;
+    }
+
+    .xl\:dark\:hover\:to-current:hover {
+      --gradient-to-color: currentColor;
+    }
+
+    .xl\:dark\:hover\:to-black:hover {
+      --gradient-to-color: #000000;
+    }
+
+    .xl\:dark\:hover\:to-white:hover {
+      --gradient-to-color: #ffffff;
+    }
+
+    .xl\:dark\:hover\:to-gray-50:hover {
+      --gradient-to-color: #f9fafb;
+    }
+
+    .xl\:dark\:hover\:to-gray-100:hover {
+      --gradient-to-color: #f4f5f7;
+    }
+
+    .xl\:dark\:hover\:to-gray-200:hover {
+      --gradient-to-color: #e5e7eb;
+    }
+
+    .xl\:dark\:hover\:to-gray-300:hover {
+      --gradient-to-color: #d2d6dc;
+    }
+
+    .xl\:dark\:hover\:to-gray-400:hover {
+      --gradient-to-color: #9fa6b2;
+    }
+
+    .xl\:dark\:hover\:to-gray-500:hover {
+      --gradient-to-color: #6b7280;
+    }
+
+    .xl\:dark\:hover\:to-gray-600:hover {
+      --gradient-to-color: #4b5563;
+    }
+
+    .xl\:dark\:hover\:to-gray-700:hover {
+      --gradient-to-color: #374151;
+    }
+
+    .xl\:dark\:hover\:to-gray-800:hover {
+      --gradient-to-color: #252f3f;
+    }
+
+    .xl\:dark\:hover\:to-gray-900:hover {
+      --gradient-to-color: #161e2e;
+    }
+
+    .xl\:dark\:hover\:to-red-50:hover {
+      --gradient-to-color: #fdf2f2;
+    }
+
+    .xl\:dark\:hover\:to-red-100:hover {
+      --gradient-to-color: #fde8e8;
+    }
+
+    .xl\:dark\:hover\:to-red-200:hover {
+      --gradient-to-color: #fbd5d5;
+    }
+
+    .xl\:dark\:hover\:to-red-300:hover {
+      --gradient-to-color: #f8b4b4;
+    }
+
+    .xl\:dark\:hover\:to-red-400:hover {
+      --gradient-to-color: #f98080;
+    }
+
+    .xl\:dark\:hover\:to-red-500:hover {
+      --gradient-to-color: #f05252;
+    }
+
+    .xl\:dark\:hover\:to-red-600:hover {
+      --gradient-to-color: #e02424;
+    }
+
+    .xl\:dark\:hover\:to-red-700:hover {
+      --gradient-to-color: #c81e1e;
+    }
+
+    .xl\:dark\:hover\:to-red-800:hover {
+      --gradient-to-color: #9b1c1c;
+    }
+
+    .xl\:dark\:hover\:to-red-900:hover {
+      --gradient-to-color: #771d1d;
+    }
+
+    .xl\:dark\:hover\:to-orange-50:hover {
+      --gradient-to-color: #fff8f1;
+    }
+
+    .xl\:dark\:hover\:to-orange-100:hover {
+      --gradient-to-color: #feecdc;
+    }
+
+    .xl\:dark\:hover\:to-orange-200:hover {
+      --gradient-to-color: #fcd9bd;
+    }
+
+    .xl\:dark\:hover\:to-orange-300:hover {
+      --gradient-to-color: #fdba8c;
+    }
+
+    .xl\:dark\:hover\:to-orange-400:hover {
+      --gradient-to-color: #ff8a4c;
+    }
+
+    .xl\:dark\:hover\:to-orange-500:hover {
+      --gradient-to-color: #ff5a1f;
+    }
+
+    .xl\:dark\:hover\:to-orange-600:hover {
+      --gradient-to-color: #d03801;
+    }
+
+    .xl\:dark\:hover\:to-orange-700:hover {
+      --gradient-to-color: #b43403;
+    }
+
+    .xl\:dark\:hover\:to-orange-800:hover {
+      --gradient-to-color: #8a2c0d;
+    }
+
+    .xl\:dark\:hover\:to-orange-900:hover {
+      --gradient-to-color: #73230d;
+    }
+
+    .xl\:dark\:hover\:to-yellow-50:hover {
+      --gradient-to-color: #fdfdea;
+    }
+
+    .xl\:dark\:hover\:to-yellow-100:hover {
+      --gradient-to-color: #fdf6b2;
+    }
+
+    .xl\:dark\:hover\:to-yellow-200:hover {
+      --gradient-to-color: #fce96a;
+    }
+
+    .xl\:dark\:hover\:to-yellow-300:hover {
+      --gradient-to-color: #faca15;
+    }
+
+    .xl\:dark\:hover\:to-yellow-400:hover {
+      --gradient-to-color: #e3a008;
+    }
+
+    .xl\:dark\:hover\:to-yellow-500:hover {
+      --gradient-to-color: #c27803;
+    }
+
+    .xl\:dark\:hover\:to-yellow-600:hover {
+      --gradient-to-color: #9f580a;
+    }
+
+    .xl\:dark\:hover\:to-yellow-700:hover {
+      --gradient-to-color: #8e4b10;
+    }
+
+    .xl\:dark\:hover\:to-yellow-800:hover {
+      --gradient-to-color: #723b13;
+    }
+
+    .xl\:dark\:hover\:to-yellow-900:hover {
+      --gradient-to-color: #633112;
+    }
+
+    .xl\:dark\:hover\:to-green-50:hover {
+      --gradient-to-color: #f3faf7;
+    }
+
+    .xl\:dark\:hover\:to-green-100:hover {
+      --gradient-to-color: #def7ec;
+    }
+
+    .xl\:dark\:hover\:to-green-200:hover {
+      --gradient-to-color: #bcf0da;
+    }
+
+    .xl\:dark\:hover\:to-green-300:hover {
+      --gradient-to-color: #84e1bc;
+    }
+
+    .xl\:dark\:hover\:to-green-400:hover {
+      --gradient-to-color: #31c48d;
+    }
+
+    .xl\:dark\:hover\:to-green-500:hover {
+      --gradient-to-color: #0e9f6e;
+    }
+
+    .xl\:dark\:hover\:to-green-600:hover {
+      --gradient-to-color: #057a55;
+    }
+
+    .xl\:dark\:hover\:to-green-700:hover {
+      --gradient-to-color: #046c4e;
+    }
+
+    .xl\:dark\:hover\:to-green-800:hover {
+      --gradient-to-color: #03543f;
+    }
+
+    .xl\:dark\:hover\:to-green-900:hover {
+      --gradient-to-color: #014737;
+    }
+
+    .xl\:dark\:hover\:to-teal-50:hover {
+      --gradient-to-color: #edfafa;
+    }
+
+    .xl\:dark\:hover\:to-teal-100:hover {
+      --gradient-to-color: #d5f5f6;
+    }
+
+    .xl\:dark\:hover\:to-teal-200:hover {
+      --gradient-to-color: #afecef;
+    }
+
+    .xl\:dark\:hover\:to-teal-300:hover {
+      --gradient-to-color: #7edce2;
+    }
+
+    .xl\:dark\:hover\:to-teal-400:hover {
+      --gradient-to-color: #16bdca;
+    }
+
+    .xl\:dark\:hover\:to-teal-500:hover {
+      --gradient-to-color: #0694a2;
+    }
+
+    .xl\:dark\:hover\:to-teal-600:hover {
+      --gradient-to-color: #047481;
+    }
+
+    .xl\:dark\:hover\:to-teal-700:hover {
+      --gradient-to-color: #036672;
+    }
+
+    .xl\:dark\:hover\:to-teal-800:hover {
+      --gradient-to-color: #05505c;
+    }
+
+    .xl\:dark\:hover\:to-teal-900:hover {
+      --gradient-to-color: #014451;
+    }
+
+    .xl\:dark\:hover\:to-blue-50:hover {
+      --gradient-to-color: #ebf5ff;
+    }
+
+    .xl\:dark\:hover\:to-blue-100:hover {
+      --gradient-to-color: #e1effe;
+    }
+
+    .xl\:dark\:hover\:to-blue-200:hover {
+      --gradient-to-color: #c3ddfd;
+    }
+
+    .xl\:dark\:hover\:to-blue-300:hover {
+      --gradient-to-color: #a4cafe;
+    }
+
+    .xl\:dark\:hover\:to-blue-400:hover {
+      --gradient-to-color: #76a9fa;
+    }
+
+    .xl\:dark\:hover\:to-blue-500:hover {
+      --gradient-to-color: #3f83f8;
+    }
+
+    .xl\:dark\:hover\:to-blue-600:hover {
+      --gradient-to-color: #1c64f2;
+    }
+
+    .xl\:dark\:hover\:to-blue-700:hover {
+      --gradient-to-color: #1a56db;
+    }
+
+    .xl\:dark\:hover\:to-blue-800:hover {
+      --gradient-to-color: #1e429f;
+    }
+
+    .xl\:dark\:hover\:to-blue-900:hover {
+      --gradient-to-color: #233876;
+    }
+
+    .xl\:dark\:hover\:to-indigo-50:hover {
+      --gradient-to-color: #f0f5ff;
+    }
+
+    .xl\:dark\:hover\:to-indigo-100:hover {
+      --gradient-to-color: #e5edff;
+    }
+
+    .xl\:dark\:hover\:to-indigo-200:hover {
+      --gradient-to-color: #cddbfe;
+    }
+
+    .xl\:dark\:hover\:to-indigo-300:hover {
+      --gradient-to-color: #b4c6fc;
+    }
+
+    .xl\:dark\:hover\:to-indigo-400:hover {
+      --gradient-to-color: #8da2fb;
+    }
+
+    .xl\:dark\:hover\:to-indigo-500:hover {
+      --gradient-to-color: #6875f5;
+    }
+
+    .xl\:dark\:hover\:to-indigo-600:hover {
+      --gradient-to-color: #5850ec;
+    }
+
+    .xl\:dark\:hover\:to-indigo-700:hover {
+      --gradient-to-color: #5145cd;
+    }
+
+    .xl\:dark\:hover\:to-indigo-800:hover {
+      --gradient-to-color: #42389d;
+    }
+
+    .xl\:dark\:hover\:to-indigo-900:hover {
+      --gradient-to-color: #362f78;
+    }
+
+    .xl\:dark\:hover\:to-purple-50:hover {
+      --gradient-to-color: #f6f5ff;
+    }
+
+    .xl\:dark\:hover\:to-purple-100:hover {
+      --gradient-to-color: #edebfe;
+    }
+
+    .xl\:dark\:hover\:to-purple-200:hover {
+      --gradient-to-color: #dcd7fe;
+    }
+
+    .xl\:dark\:hover\:to-purple-300:hover {
+      --gradient-to-color: #cabffd;
+    }
+
+    .xl\:dark\:hover\:to-purple-400:hover {
+      --gradient-to-color: #ac94fa;
+    }
+
+    .xl\:dark\:hover\:to-purple-500:hover {
+      --gradient-to-color: #9061f9;
+    }
+
+    .xl\:dark\:hover\:to-purple-600:hover {
+      --gradient-to-color: #7e3af2;
+    }
+
+    .xl\:dark\:hover\:to-purple-700:hover {
+      --gradient-to-color: #6c2bd9;
+    }
+
+    .xl\:dark\:hover\:to-purple-800:hover {
+      --gradient-to-color: #5521b5;
+    }
+
+    .xl\:dark\:hover\:to-purple-900:hover {
+      --gradient-to-color: #4a1d96;
+    }
+
+    .xl\:dark\:hover\:to-pink-50:hover {
+      --gradient-to-color: #fdf2f8;
+    }
+
+    .xl\:dark\:hover\:to-pink-100:hover {
+      --gradient-to-color: #fce8f3;
+    }
+
+    .xl\:dark\:hover\:to-pink-200:hover {
+      --gradient-to-color: #fad1e8;
+    }
+
+    .xl\:dark\:hover\:to-pink-300:hover {
+      --gradient-to-color: #f8b4d9;
+    }
+
+    .xl\:dark\:hover\:to-pink-400:hover {
+      --gradient-to-color: #f17eb8;
+    }
+
+    .xl\:dark\:hover\:to-pink-500:hover {
+      --gradient-to-color: #e74694;
+    }
+
+    .xl\:dark\:hover\:to-pink-600:hover {
+      --gradient-to-color: #d61f69;
+    }
+
+    .xl\:dark\:hover\:to-pink-700:hover {
+      --gradient-to-color: #bf125d;
+    }
+
+    .xl\:dark\:hover\:to-pink-800:hover {
+      --gradient-to-color: #99154b;
+    }
+
+    .xl\:dark\:hover\:to-pink-900:hover {
+      --gradient-to-color: #751a3d;
+    }
+
+    .xl\:dark\: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\:dark\: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\:dark\:focus\:from-black:focus {
+      --gradient-from-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .xl\:dark\:focus\:from-white:focus {
+      --gradient-from-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .xl\:dark\:focus\:from-gray-50:focus {
+      --gradient-from-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .xl\:dark\:focus\:from-gray-100:focus {
+      --gradient-from-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .xl\:dark\:focus\:from-gray-200:focus {
+      --gradient-from-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .xl\:dark\:focus\:from-gray-300:focus {
+      --gradient-from-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .xl\:dark\:focus\:from-gray-400:focus {
+      --gradient-from-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .xl\:dark\:focus\:from-gray-500:focus {
+      --gradient-from-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .xl\:dark\:focus\:from-gray-600:focus {
+      --gradient-from-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .xl\:dark\:focus\:from-gray-700:focus {
+      --gradient-from-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .xl\:dark\:focus\:from-gray-800:focus {
+      --gradient-from-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .xl\:dark\:focus\:from-gray-900:focus {
+      --gradient-from-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .xl\:dark\:focus\:from-red-50:focus {
+      --gradient-from-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .xl\:dark\:focus\:from-red-100:focus {
+      --gradient-from-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .xl\:dark\:focus\:from-red-200:focus {
+      --gradient-from-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .xl\:dark\:focus\:from-red-300:focus {
+      --gradient-from-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .xl\:dark\:focus\:from-red-400:focus {
+      --gradient-from-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .xl\:dark\:focus\:from-red-500:focus {
+      --gradient-from-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .xl\:dark\:focus\:from-red-600:focus {
+      --gradient-from-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .xl\:dark\:focus\:from-red-700:focus {
+      --gradient-from-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .xl\:dark\:focus\:from-red-800:focus {
+      --gradient-from-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .xl\:dark\:focus\:from-red-900:focus {
+      --gradient-from-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .xl\:dark\:focus\:from-orange-50:focus {
+      --gradient-from-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .xl\:dark\:focus\:from-orange-100:focus {
+      --gradient-from-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .xl\:dark\:focus\:from-orange-200:focus {
+      --gradient-from-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .xl\:dark\:focus\:from-orange-300:focus {
+      --gradient-from-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .xl\:dark\:focus\:from-orange-400:focus {
+      --gradient-from-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .xl\:dark\:focus\:from-orange-500:focus {
+      --gradient-from-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .xl\:dark\:focus\:from-orange-600:focus {
+      --gradient-from-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .xl\:dark\:focus\:from-orange-700:focus {
+      --gradient-from-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .xl\:dark\:focus\:from-orange-800:focus {
+      --gradient-from-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .xl\:dark\:focus\:from-orange-900:focus {
+      --gradient-from-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .xl\:dark\:focus\:from-yellow-50:focus {
+      --gradient-from-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .xl\:dark\:focus\:from-yellow-100:focus {
+      --gradient-from-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .xl\:dark\:focus\:from-yellow-200:focus {
+      --gradient-from-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .xl\:dark\:focus\:from-yellow-300:focus {
+      --gradient-from-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .xl\:dark\:focus\:from-yellow-400:focus {
+      --gradient-from-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .xl\:dark\:focus\:from-yellow-500:focus {
+      --gradient-from-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .xl\:dark\:focus\:from-yellow-600:focus {
+      --gradient-from-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .xl\:dark\:focus\:from-yellow-700:focus {
+      --gradient-from-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .xl\:dark\:focus\:from-yellow-800:focus {
+      --gradient-from-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .xl\:dark\:focus\:from-yellow-900:focus {
+      --gradient-from-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .xl\:dark\:focus\:from-green-50:focus {
+      --gradient-from-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .xl\:dark\:focus\:from-green-100:focus {
+      --gradient-from-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .xl\:dark\:focus\:from-green-200:focus {
+      --gradient-from-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .xl\:dark\:focus\:from-green-300:focus {
+      --gradient-from-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .xl\:dark\:focus\:from-green-400:focus {
+      --gradient-from-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .xl\:dark\:focus\:from-green-500:focus {
+      --gradient-from-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .xl\:dark\:focus\:from-green-600:focus {
+      --gradient-from-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .xl\:dark\:focus\:from-green-700:focus {
+      --gradient-from-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .xl\:dark\:focus\:from-green-800:focus {
+      --gradient-from-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .xl\:dark\:focus\:from-green-900:focus {
+      --gradient-from-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .xl\:dark\:focus\:from-teal-50:focus {
+      --gradient-from-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .xl\:dark\:focus\:from-teal-100:focus {
+      --gradient-from-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .xl\:dark\:focus\:from-teal-200:focus {
+      --gradient-from-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .xl\:dark\:focus\:from-teal-300:focus {
+      --gradient-from-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .xl\:dark\:focus\:from-teal-400:focus {
+      --gradient-from-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .xl\:dark\:focus\:from-teal-500:focus {
+      --gradient-from-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .xl\:dark\:focus\:from-teal-600:focus {
+      --gradient-from-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .xl\:dark\:focus\:from-teal-700:focus {
+      --gradient-from-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .xl\:dark\:focus\:from-teal-800:focus {
+      --gradient-from-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .xl\:dark\:focus\:from-teal-900:focus {
+      --gradient-from-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .xl\:dark\:focus\:from-blue-50:focus {
+      --gradient-from-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .xl\:dark\:focus\:from-blue-100:focus {
+      --gradient-from-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .xl\:dark\:focus\:from-blue-200:focus {
+      --gradient-from-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .xl\:dark\:focus\:from-blue-300:focus {
+      --gradient-from-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .xl\:dark\:focus\:from-blue-400:focus {
+      --gradient-from-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .xl\:dark\:focus\:from-blue-500:focus {
+      --gradient-from-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .xl\:dark\:focus\:from-blue-600:focus {
+      --gradient-from-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .xl\:dark\:focus\:from-blue-700:focus {
+      --gradient-from-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .xl\:dark\:focus\:from-blue-800:focus {
+      --gradient-from-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .xl\:dark\:focus\:from-blue-900:focus {
+      --gradient-from-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .xl\:dark\:focus\:from-indigo-50:focus {
+      --gradient-from-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .xl\:dark\:focus\:from-indigo-100:focus {
+      --gradient-from-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .xl\:dark\:focus\:from-indigo-200:focus {
+      --gradient-from-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .xl\:dark\:focus\:from-indigo-300:focus {
+      --gradient-from-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .xl\:dark\:focus\:from-indigo-400:focus {
+      --gradient-from-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .xl\:dark\:focus\:from-indigo-500:focus {
+      --gradient-from-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .xl\:dark\:focus\:from-indigo-600:focus {
+      --gradient-from-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .xl\:dark\:focus\:from-indigo-700:focus {
+      --gradient-from-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .xl\:dark\:focus\:from-indigo-800:focus {
+      --gradient-from-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .xl\:dark\:focus\:from-indigo-900:focus {
+      --gradient-from-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .xl\:dark\:focus\:from-purple-50:focus {
+      --gradient-from-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .xl\:dark\:focus\:from-purple-100:focus {
+      --gradient-from-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .xl\:dark\:focus\:from-purple-200:focus {
+      --gradient-from-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .xl\:dark\:focus\:from-purple-300:focus {
+      --gradient-from-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .xl\:dark\:focus\:from-purple-400:focus {
+      --gradient-from-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .xl\:dark\:focus\:from-purple-500:focus {
+      --gradient-from-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .xl\:dark\:focus\:from-purple-600:focus {
+      --gradient-from-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .xl\:dark\:focus\:from-purple-700:focus {
+      --gradient-from-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .xl\:dark\:focus\:from-purple-800:focus {
+      --gradient-from-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .xl\:dark\:focus\:from-purple-900:focus {
+      --gradient-from-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .xl\:dark\:focus\:from-pink-50:focus {
+      --gradient-from-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .xl\:dark\:focus\:from-pink-100:focus {
+      --gradient-from-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .xl\:dark\:focus\:from-pink-200:focus {
+      --gradient-from-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .xl\:dark\:focus\:from-pink-300:focus {
+      --gradient-from-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .xl\:dark\:focus\:from-pink-400:focus {
+      --gradient-from-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .xl\:dark\:focus\:from-pink-500:focus {
+      --gradient-from-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .xl\:dark\:focus\:from-pink-600:focus {
+      --gradient-from-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .xl\:dark\:focus\:from-pink-700:focus {
+      --gradient-from-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .xl\:dark\:focus\:from-pink-800:focus {
+      --gradient-from-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .xl\:dark\:focus\:from-pink-900:focus {
+      --gradient-from-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .xl\:dark\: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\:dark\: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\:dark\:focus\:via-black:focus {
+      --gradient-via-color: #000000;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
+    }
+
+    .xl\:dark\:focus\:via-white:focus {
+      --gradient-via-color: #ffffff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
+    }
+
+    .xl\:dark\:focus\:via-gray-50:focus {
+      --gradient-via-color: #f9fafb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0));
+    }
+
+    .xl\:dark\:focus\:via-gray-100:focus {
+      --gradient-via-color: #f4f5f7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 245, 247, 0));
+    }
+
+    .xl\:dark\:focus\:via-gray-200:focus {
+      --gradient-via-color: #e5e7eb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0));
+    }
+
+    .xl\:dark\:focus\:via-gray-300:focus {
+      --gradient-via-color: #d2d6dc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(210, 214, 220, 0));
+    }
+
+    .xl\:dark\:focus\:via-gray-400:focus {
+      --gradient-via-color: #9fa6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 166, 178, 0));
+    }
+
+    .xl\:dark\:focus\:via-gray-500:focus {
+      --gradient-via-color: #6b7280;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0));
+    }
+
+    .xl\:dark\:focus\:via-gray-600:focus {
+      --gradient-via-color: #4b5563;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0));
+    }
+
+    .xl\:dark\:focus\:via-gray-700:focus {
+      --gradient-via-color: #374151;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0));
+    }
+
+    .xl\:dark\:focus\:via-gray-800:focus {
+      --gradient-via-color: #252f3f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 47, 63, 0));
+    }
+
+    .xl\:dark\:focus\:via-gray-900:focus {
+      --gradient-via-color: #161e2e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 30, 46, 0));
+    }
+
+    .xl\:dark\:focus\:via-red-50:focus {
+      --gradient-via-color: #fdf2f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 242, 0));
+    }
+
+    .xl\:dark\:focus\:via-red-100:focus {
+      --gradient-via-color: #fde8e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 232, 232, 0));
+    }
+
+    .xl\:dark\:focus\:via-red-200:focus {
+      --gradient-via-color: #fbd5d5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 213, 213, 0));
+    }
+
+    .xl\:dark\:focus\:via-red-300:focus {
+      --gradient-via-color: #f8b4b4;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 180, 0));
+    }
+
+    .xl\:dark\:focus\:via-red-400:focus {
+      --gradient-via-color: #f98080;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 128, 128, 0));
+    }
+
+    .xl\:dark\:focus\:via-red-500:focus {
+      --gradient-via-color: #f05252;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 82, 82, 0));
+    }
+
+    .xl\:dark\:focus\:via-red-600:focus {
+      --gradient-via-color: #e02424;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 36, 36, 0));
+    }
+
+    .xl\:dark\:focus\:via-red-700:focus {
+      --gradient-via-color: #c81e1e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(200, 30, 30, 0));
+    }
+
+    .xl\:dark\:focus\:via-red-800:focus {
+      --gradient-via-color: #9b1c1c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 28, 28, 0));
+    }
+
+    .xl\:dark\:focus\:via-red-900:focus {
+      --gradient-via-color: #771d1d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 29, 29, 0));
+    }
+
+    .xl\:dark\:focus\:via-orange-50:focus {
+      --gradient-via-color: #fff8f1;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 248, 241, 0));
+    }
+
+    .xl\:dark\:focus\:via-orange-100:focus {
+      --gradient-via-color: #feecdc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 236, 220, 0));
+    }
+
+    .xl\:dark\:focus\:via-orange-200:focus {
+      --gradient-via-color: #fcd9bd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 189, 0));
+    }
+
+    .xl\:dark\:focus\:via-orange-300:focus {
+      --gradient-via-color: #fdba8c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 186, 140, 0));
+    }
+
+    .xl\:dark\:focus\:via-orange-400:focus {
+      --gradient-via-color: #ff8a4c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 138, 76, 0));
+    }
+
+    .xl\:dark\:focus\:via-orange-500:focus {
+      --gradient-via-color: #ff5a1f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 90, 31, 0));
+    }
+
+    .xl\:dark\:focus\:via-orange-600:focus {
+      --gradient-via-color: #d03801;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 56, 1, 0));
+    }
+
+    .xl\:dark\:focus\:via-orange-700:focus {
+      --gradient-via-color: #b43403;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 52, 3, 0));
+    }
+
+    .xl\:dark\:focus\:via-orange-800:focus {
+      --gradient-via-color: #8a2c0d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 44, 13, 0));
+    }
+
+    .xl\:dark\:focus\:via-orange-900:focus {
+      --gradient-via-color: #73230d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(115, 35, 13, 0));
+    }
+
+    .xl\:dark\:focus\:via-yellow-50:focus {
+      --gradient-via-color: #fdfdea;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 253, 234, 0));
+    }
+
+    .xl\:dark\:focus\:via-yellow-100:focus {
+      --gradient-via-color: #fdf6b2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 246, 178, 0));
+    }
+
+    .xl\:dark\:focus\:via-yellow-200:focus {
+      --gradient-via-color: #fce96a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 233, 106, 0));
+    }
+
+    .xl\:dark\:focus\:via-yellow-300:focus {
+      --gradient-via-color: #faca15;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 202, 21, 0));
+    }
+
+    .xl\:dark\:focus\:via-yellow-400:focus {
+      --gradient-via-color: #e3a008;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 160, 8, 0));
+    }
+
+    .xl\:dark\:focus\:via-yellow-500:focus {
+      --gradient-via-color: #c27803;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(194, 120, 3, 0));
+    }
+
+    .xl\:dark\:focus\:via-yellow-600:focus {
+      --gradient-via-color: #9f580a;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 88, 10, 0));
+    }
+
+    .xl\:dark\:focus\:via-yellow-700:focus {
+      --gradient-via-color: #8e4b10;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(142, 75, 16, 0));
+    }
+
+    .xl\:dark\:focus\:via-yellow-800:focus {
+      --gradient-via-color: #723b13;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(114, 59, 19, 0));
+    }
+
+    .xl\:dark\:focus\:via-yellow-900:focus {
+      --gradient-via-color: #633112;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 49, 18, 0));
+    }
+
+    .xl\:dark\:focus\:via-green-50:focus {
+      --gradient-via-color: #f3faf7;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 250, 247, 0));
+    }
+
+    .xl\:dark\:focus\:via-green-100:focus {
+      --gradient-via-color: #def7ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 247, 236, 0));
+    }
+
+    .xl\:dark\:focus\:via-green-200:focus {
+      --gradient-via-color: #bcf0da;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 240, 218, 0));
+    }
+
+    .xl\:dark\:focus\:via-green-300:focus {
+      --gradient-via-color: #84e1bc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(132, 225, 188, 0));
+    }
+
+    .xl\:dark\:focus\:via-green-400:focus {
+      --gradient-via-color: #31c48d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 196, 141, 0));
+    }
+
+    .xl\:dark\:focus\:via-green-500:focus {
+      --gradient-via-color: #0e9f6e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(14, 159, 110, 0));
+    }
+
+    .xl\:dark\:focus\:via-green-600:focus {
+      --gradient-via-color: #057a55;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 122, 85, 0));
+    }
+
+    .xl\:dark\:focus\:via-green-700:focus {
+      --gradient-via-color: #046c4e;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 108, 78, 0));
+    }
+
+    .xl\:dark\:focus\:via-green-800:focus {
+      --gradient-via-color: #03543f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 84, 63, 0));
+    }
+
+    .xl\:dark\:focus\:via-green-900:focus {
+      --gradient-via-color: #014737;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 71, 55, 0));
+    }
+
+    .xl\:dark\:focus\:via-teal-50:focus {
+      --gradient-via-color: #edfafa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 250, 250, 0));
+    }
+
+    .xl\:dark\:focus\:via-teal-100:focus {
+      --gradient-via-color: #d5f5f6;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 245, 246, 0));
+    }
+
+    .xl\:dark\:focus\:via-teal-200:focus {
+      --gradient-via-color: #afecef;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 236, 239, 0));
+    }
+
+    .xl\:dark\:focus\:via-teal-300:focus {
+      --gradient-via-color: #7edce2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 220, 226, 0));
+    }
+
+    .xl\:dark\:focus\:via-teal-400:focus {
+      --gradient-via-color: #16bdca;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 189, 202, 0));
+    }
+
+    .xl\:dark\:focus\:via-teal-500:focus {
+      --gradient-via-color: #0694a2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 148, 162, 0));
+    }
+
+    .xl\:dark\:focus\:via-teal-600:focus {
+      --gradient-via-color: #047481;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 116, 129, 0));
+    }
+
+    .xl\:dark\:focus\:via-teal-700:focus {
+      --gradient-via-color: #036672;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 102, 114, 0));
+    }
+
+    .xl\:dark\:focus\:via-teal-800:focus {
+      --gradient-via-color: #05505c;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 80, 92, 0));
+    }
+
+    .xl\:dark\:focus\:via-teal-900:focus {
+      --gradient-via-color: #014451;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(1, 68, 81, 0));
+    }
+
+    .xl\:dark\:focus\:via-blue-50:focus {
+      --gradient-via-color: #ebf5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 245, 255, 0));
+    }
+
+    .xl\:dark\:focus\:via-blue-100:focus {
+      --gradient-via-color: #e1effe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 239, 254, 0));
+    }
+
+    .xl\:dark\:focus\:via-blue-200:focus {
+      --gradient-via-color: #c3ddfd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 221, 253, 0));
+    }
+
+    .xl\:dark\:focus\:via-blue-300:focus {
+      --gradient-via-color: #a4cafe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 202, 254, 0));
+    }
+
+    .xl\:dark\:focus\:via-blue-400:focus {
+      --gradient-via-color: #76a9fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 169, 250, 0));
+    }
+
+    .xl\:dark\:focus\:via-blue-500:focus {
+      --gradient-via-color: #3f83f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(63, 131, 248, 0));
+    }
+
+    .xl\:dark\:focus\:via-blue-600:focus {
+      --gradient-via-color: #1c64f2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 100, 242, 0));
+    }
+
+    .xl\:dark\:focus\:via-blue-700:focus {
+      --gradient-via-color: #1a56db;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 86, 219, 0));
+    }
+
+    .xl\:dark\:focus\:via-blue-800:focus {
+      --gradient-via-color: #1e429f;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 66, 159, 0));
+    }
+
+    .xl\:dark\:focus\:via-blue-900:focus {
+      --gradient-via-color: #233876;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 56, 118, 0));
+    }
+
+    .xl\:dark\:focus\:via-indigo-50:focus {
+      --gradient-via-color: #f0f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 245, 255, 0));
+    }
+
+    .xl\:dark\:focus\:via-indigo-100:focus {
+      --gradient-via-color: #e5edff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 237, 255, 0));
+    }
+
+    .xl\:dark\:focus\:via-indigo-200:focus {
+      --gradient-via-color: #cddbfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(205, 219, 254, 0));
+    }
+
+    .xl\:dark\:focus\:via-indigo-300:focus {
+      --gradient-via-color: #b4c6fc;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 198, 252, 0));
+    }
+
+    .xl\:dark\:focus\:via-indigo-400:focus {
+      --gradient-via-color: #8da2fb;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 162, 251, 0));
+    }
+
+    .xl\:dark\:focus\:via-indigo-500:focus {
+      --gradient-via-color: #6875f5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 117, 245, 0));
+    }
+
+    .xl\:dark\:focus\:via-indigo-600:focus {
+      --gradient-via-color: #5850ec;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 80, 236, 0));
+    }
+
+    .xl\:dark\:focus\:via-indigo-700:focus {
+      --gradient-via-color: #5145cd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 69, 205, 0));
+    }
+
+    .xl\:dark\:focus\:via-indigo-800:focus {
+      --gradient-via-color: #42389d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 56, 157, 0));
+    }
+
+    .xl\:dark\:focus\:via-indigo-900:focus {
+      --gradient-via-color: #362f78;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(54, 47, 120, 0));
+    }
+
+    .xl\:dark\:focus\:via-purple-50:focus {
+      --gradient-via-color: #f6f5ff;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 245, 255, 0));
+    }
+
+    .xl\:dark\:focus\:via-purple-100:focus {
+      --gradient-via-color: #edebfe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 235, 254, 0));
+    }
+
+    .xl\:dark\:focus\:via-purple-200:focus {
+      --gradient-via-color: #dcd7fe;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 215, 254, 0));
+    }
+
+    .xl\:dark\:focus\:via-purple-300:focus {
+      --gradient-via-color: #cabffd;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 191, 253, 0));
+    }
+
+    .xl\:dark\:focus\:via-purple-400:focus {
+      --gradient-via-color: #ac94fa;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(172, 148, 250, 0));
+    }
+
+    .xl\:dark\:focus\:via-purple-500:focus {
+      --gradient-via-color: #9061f9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 97, 249, 0));
+    }
+
+    .xl\:dark\:focus\:via-purple-600:focus {
+      --gradient-via-color: #7e3af2;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(126, 58, 242, 0));
+    }
+
+    .xl\:dark\:focus\:via-purple-700:focus {
+      --gradient-via-color: #6c2bd9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 43, 217, 0));
+    }
+
+    .xl\:dark\:focus\:via-purple-800:focus {
+      --gradient-via-color: #5521b5;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 33, 181, 0));
+    }
+
+    .xl\:dark\:focus\:via-purple-900:focus {
+      --gradient-via-color: #4a1d96;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 29, 150, 0));
+    }
+
+    .xl\:dark\:focus\:via-pink-50:focus {
+      --gradient-via-color: #fdf2f8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0));
+    }
+
+    .xl\:dark\:focus\:via-pink-100:focus {
+      --gradient-via-color: #fce8f3;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 232, 243, 0));
+    }
+
+    .xl\:dark\:focus\:via-pink-200:focus {
+      --gradient-via-color: #fad1e8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 209, 232, 0));
+    }
+
+    .xl\:dark\:focus\:via-pink-300:focus {
+      --gradient-via-color: #f8b4d9;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 180, 217, 0));
+    }
+
+    .xl\:dark\:focus\:via-pink-400:focus {
+      --gradient-via-color: #f17eb8;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 126, 184, 0));
+    }
+
+    .xl\:dark\:focus\:via-pink-500:focus {
+      --gradient-via-color: #e74694;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(231, 70, 148, 0));
+    }
+
+    .xl\:dark\:focus\:via-pink-600:focus {
+      --gradient-via-color: #d61f69;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 31, 105, 0));
+    }
+
+    .xl\:dark\:focus\:via-pink-700:focus {
+      --gradient-via-color: #bf125d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 18, 93, 0));
+    }
+
+    .xl\:dark\:focus\:via-pink-800:focus {
+      --gradient-via-color: #99154b;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 21, 75, 0));
+    }
+
+    .xl\:dark\:focus\:via-pink-900:focus {
+      --gradient-via-color: #751a3d;
+      --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(117, 26, 61, 0));
+    }
+
+    .xl\:dark\:focus\:to-transparent:focus {
+      --gradient-to-color: transparent;
+    }
+
+    .xl\:dark\:focus\:to-current:focus {
+      --gradient-to-color: currentColor;
+    }
+
+    .xl\:dark\:focus\:to-black:focus {
+      --gradient-to-color: #000000;
+    }
+
+    .xl\:dark\:focus\:to-white:focus {
+      --gradient-to-color: #ffffff;
+    }
+
+    .xl\:dark\:focus\:to-gray-50:focus {
+      --gradient-to-color: #f9fafb;
+    }
+
+    .xl\:dark\:focus\:to-gray-100:focus {
+      --gradient-to-color: #f4f5f7;
+    }
+
+    .xl\:dark\:focus\:to-gray-200:focus {
+      --gradient-to-color: #e5e7eb;
+    }
+
+    .xl\:dark\:focus\:to-gray-300:focus {
+      --gradient-to-color: #d2d6dc;
+    }
+
+    .xl\:dark\:focus\:to-gray-400:focus {
+      --gradient-to-color: #9fa6b2;
+    }
+
+    .xl\:dark\:focus\:to-gray-500:focus {
+      --gradient-to-color: #6b7280;
+    }
+
+    .xl\:dark\:focus\:to-gray-600:focus {
+      --gradient-to-color: #4b5563;
+    }
+
+    .xl\:dark\:focus\:to-gray-700:focus {
+      --gradient-to-color: #374151;
+    }
+
+    .xl\:dark\:focus\:to-gray-800:focus {
+      --gradient-to-color: #252f3f;
+    }
+
+    .xl\:dark\:focus\:to-gray-900:focus {
+      --gradient-to-color: #161e2e;
+    }
+
+    .xl\:dark\:focus\:to-red-50:focus {
+      --gradient-to-color: #fdf2f2;
+    }
+
+    .xl\:dark\:focus\:to-red-100:focus {
+      --gradient-to-color: #fde8e8;
+    }
+
+    .xl\:dark\:focus\:to-red-200:focus {
+      --gradient-to-color: #fbd5d5;
+    }
+
+    .xl\:dark\:focus\:to-red-300:focus {
+      --gradient-to-color: #f8b4b4;
+    }
+
+    .xl\:dark\:focus\:to-red-400:focus {
+      --gradient-to-color: #f98080;
+    }
+
+    .xl\:dark\:focus\:to-red-500:focus {
+      --gradient-to-color: #f05252;
+    }
+
+    .xl\:dark\:focus\:to-red-600:focus {
+      --gradient-to-color: #e02424;
+    }
+
+    .xl\:dark\:focus\:to-red-700:focus {
+      --gradient-to-color: #c81e1e;
+    }
+
+    .xl\:dark\:focus\:to-red-800:focus {
+      --gradient-to-color: #9b1c1c;
+    }
+
+    .xl\:dark\:focus\:to-red-900:focus {
+      --gradient-to-color: #771d1d;
+    }
+
+    .xl\:dark\:focus\:to-orange-50:focus {
+      --gradient-to-color: #fff8f1;
+    }
+
+    .xl\:dark\:focus\:to-orange-100:focus {
+      --gradient-to-color: #feecdc;
+    }
+
+    .xl\:dark\:focus\:to-orange-200:focus {
+      --gradient-to-color: #fcd9bd;
+    }
+
+    .xl\:dark\:focus\:to-orange-300:focus {
+      --gradient-to-color: #fdba8c;
+    }
+
+    .xl\:dark\:focus\:to-orange-400:focus {
+      --gradient-to-color: #ff8a4c;
+    }
+
+    .xl\:dark\:focus\:to-orange-500:focus {
+      --gradient-to-color: #ff5a1f;
+    }
+
+    .xl\:dark\:focus\:to-orange-600:focus {
+      --gradient-to-color: #d03801;
+    }
+
+    .xl\:dark\:focus\:to-orange-700:focus {
+      --gradient-to-color: #b43403;
+    }
+
+    .xl\:dark\:focus\:to-orange-800:focus {
+      --gradient-to-color: #8a2c0d;
+    }
+
+    .xl\:dark\:focus\:to-orange-900:focus {
+      --gradient-to-color: #73230d;
+    }
+
+    .xl\:dark\:focus\:to-yellow-50:focus {
+      --gradient-to-color: #fdfdea;
+    }
+
+    .xl\:dark\:focus\:to-yellow-100:focus {
+      --gradient-to-color: #fdf6b2;
+    }
+
+    .xl\:dark\:focus\:to-yellow-200:focus {
+      --gradient-to-color: #fce96a;
+    }
+
+    .xl\:dark\:focus\:to-yellow-300:focus {
+      --gradient-to-color: #faca15;
+    }
+
+    .xl\:dark\:focus\:to-yellow-400:focus {
+      --gradient-to-color: #e3a008;
+    }
+
+    .xl\:dark\:focus\:to-yellow-500:focus {
+      --gradient-to-color: #c27803;
+    }
+
+    .xl\:dark\:focus\:to-yellow-600:focus {
+      --gradient-to-color: #9f580a;
+    }
+
+    .xl\:dark\:focus\:to-yellow-700:focus {
+      --gradient-to-color: #8e4b10;
+    }
+
+    .xl\:dark\:focus\:to-yellow-800:focus {
+      --gradient-to-color: #723b13;
+    }
+
+    .xl\:dark\:focus\:to-yellow-900:focus {
+      --gradient-to-color: #633112;
+    }
+
+    .xl\:dark\:focus\:to-green-50:focus {
+      --gradient-to-color: #f3faf7;
+    }
+
+    .xl\:dark\:focus\:to-green-100:focus {
+      --gradient-to-color: #def7ec;
+    }
+
+    .xl\:dark\:focus\:to-green-200:focus {
+      --gradient-to-color: #bcf0da;
+    }
+
+    .xl\:dark\:focus\:to-green-300:focus {
+      --gradient-to-color: #84e1bc;
+    }
+
+    .xl\:dark\:focus\:to-green-400:focus {
+      --gradient-to-color: #31c48d;
+    }
+
+    .xl\:dark\:focus\:to-green-500:focus {
+      --gradient-to-color: #0e9f6e;
+    }
+
+    .xl\:dark\:focus\:to-green-600:focus {
+      --gradient-to-color: #057a55;
+    }
+
+    .xl\:dark\:focus\:to-green-700:focus {
+      --gradient-to-color: #046c4e;
+    }
+
+    .xl\:dark\:focus\:to-green-800:focus {
+      --gradient-to-color: #03543f;
+    }
+
+    .xl\:dark\:focus\:to-green-900:focus {
+      --gradient-to-color: #014737;
+    }
+
+    .xl\:dark\:focus\:to-teal-50:focus {
+      --gradient-to-color: #edfafa;
+    }
+
+    .xl\:dark\:focus\:to-teal-100:focus {
+      --gradient-to-color: #d5f5f6;
+    }
+
+    .xl\:dark\:focus\:to-teal-200:focus {
+      --gradient-to-color: #afecef;
+    }
+
+    .xl\:dark\:focus\:to-teal-300:focus {
+      --gradient-to-color: #7edce2;
+    }
+
+    .xl\:dark\:focus\:to-teal-400:focus {
+      --gradient-to-color: #16bdca;
+    }
+
+    .xl\:dark\:focus\:to-teal-500:focus {
+      --gradient-to-color: #0694a2;
+    }
+
+    .xl\:dark\:focus\:to-teal-600:focus {
+      --gradient-to-color: #047481;
+    }
+
+    .xl\:dark\:focus\:to-teal-700:focus {
+      --gradient-to-color: #036672;
+    }
+
+    .xl\:dark\:focus\:to-teal-800:focus {
+      --gradient-to-color: #05505c;
+    }
+
+    .xl\:dark\:focus\:to-teal-900:focus {
+      --gradient-to-color: #014451;
+    }
+
+    .xl\:dark\:focus\:to-blue-50:focus {
+      --gradient-to-color: #ebf5ff;
+    }
+
+    .xl\:dark\:focus\:to-blue-100:focus {
+      --gradient-to-color: #e1effe;
+    }
+
+    .xl\:dark\:focus\:to-blue-200:focus {
+      --gradient-to-color: #c3ddfd;
+    }
+
+    .xl\:dark\:focus\:to-blue-300:focus {
+      --gradient-to-color: #a4cafe;
+    }
+
+    .xl\:dark\:focus\:to-blue-400:focus {
+      --gradient-to-color: #76a9fa;
+    }
+
+    .xl\:dark\:focus\:to-blue-500:focus {
+      --gradient-to-color: #3f83f8;
+    }
+
+    .xl\:dark\:focus\:to-blue-600:focus {
+      --gradient-to-color: #1c64f2;
+    }
+
+    .xl\:dark\:focus\:to-blue-700:focus {
+      --gradient-to-color: #1a56db;
+    }
+
+    .xl\:dark\:focus\:to-blue-800:focus {
+      --gradient-to-color: #1e429f;
+    }
+
+    .xl\:dark\:focus\:to-blue-900:focus {
+      --gradient-to-color: #233876;
+    }
+
+    .xl\:dark\:focus\:to-indigo-50:focus {
+      --gradient-to-color: #f0f5ff;
+    }
+
+    .xl\:dark\:focus\:to-indigo-100:focus {
+      --gradient-to-color: #e5edff;
+    }
+
+    .xl\:dark\:focus\:to-indigo-200:focus {
+      --gradient-to-color: #cddbfe;
+    }
+
+    .xl\:dark\:focus\:to-indigo-300:focus {
+      --gradient-to-color: #b4c6fc;
+    }
+
+    .xl\:dark\:focus\:to-indigo-400:focus {
+      --gradient-to-color: #8da2fb;
+    }
+
+    .xl\:dark\:focus\:to-indigo-500:focus {
+      --gradient-to-color: #6875f5;
+    }
+
+    .xl\:dark\:focus\:to-indigo-600:focus {
+      --gradient-to-color: #5850ec;
+    }
+
+    .xl\:dark\:focus\:to-indigo-700:focus {
+      --gradient-to-color: #5145cd;
+    }
+
+    .xl\:dark\:focus\:to-indigo-800:focus {
+      --gradient-to-color: #42389d;
+    }
+
+    .xl\:dark\:focus\:to-indigo-900:focus {
+      --gradient-to-color: #362f78;
+    }
+
+    .xl\:dark\:focus\:to-purple-50:focus {
+      --gradient-to-color: #f6f5ff;
+    }
+
+    .xl\:dark\:focus\:to-purple-100:focus {
+      --gradient-to-color: #edebfe;
+    }
+
+    .xl\:dark\:focus\:to-purple-200:focus {
+      --gradient-to-color: #dcd7fe;
+    }
+
+    .xl\:dark\:focus\:to-purple-300:focus {
+      --gradient-to-color: #cabffd;
+    }
+
+    .xl\:dark\:focus\:to-purple-400:focus {
+      --gradient-to-color: #ac94fa;
+    }
+
+    .xl\:dark\:focus\:to-purple-500:focus {
+      --gradient-to-color: #9061f9;
+    }
+
+    .xl\:dark\:focus\:to-purple-600:focus {
+      --gradient-to-color: #7e3af2;
+    }
+
+    .xl\:dark\:focus\:to-purple-700:focus {
+      --gradient-to-color: #6c2bd9;
+    }
+
+    .xl\:dark\:focus\:to-purple-800:focus {
+      --gradient-to-color: #5521b5;
+    }
+
+    .xl\:dark\:focus\:to-purple-900:focus {
+      --gradient-to-color: #4a1d96;
+    }
+
+    .xl\:dark\:focus\:to-pink-50:focus {
+      --gradient-to-color: #fdf2f8;
+    }
+
+    .xl\:dark\:focus\:to-pink-100:focus {
+      --gradient-to-color: #fce8f3;
+    }
+
+    .xl\:dark\:focus\:to-pink-200:focus {
+      --gradient-to-color: #fad1e8;
+    }
+
+    .xl\:dark\:focus\:to-pink-300:focus {
+      --gradient-to-color: #f8b4d9;
+    }
+
+    .xl\:dark\:focus\:to-pink-400:focus {
+      --gradient-to-color: #f17eb8;
+    }
+
+    .xl\:dark\:focus\:to-pink-500:focus {
+      --gradient-to-color: #e74694;
+    }
+
+    .xl\:dark\:focus\:to-pink-600:focus {
+      --gradient-to-color: #d61f69;
+    }
+
+    .xl\:dark\:focus\:to-pink-700:focus {
+      --gradient-to-color: #bf125d;
+    }
+
+    .xl\:dark\:focus\:to-pink-800:focus {
+      --gradient-to-color: #99154b;
+    }
+
+    .xl\:dark\:focus\:to-pink-900:focus {
+      --gradient-to-color: #751a3d;
+    }
+  }
+
   .xl\:bg-opacity-0 {
     --bg-opacity: 0;
   }
@@ -129201,6 +183335,1868 @@ video {
     border-color: rgba(117, 26, 61, var(--border-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .xl\:dark\:border-transparent {
+      border-color: transparent;
+    }
+
+    .xl\:dark\:border-current {
+      border-color: currentColor;
+    }
+
+    .xl\:dark\:border-black {
+      --border-opacity: 1;
+      border-color: #000000;
+      border-color: rgba(0, 0, 0, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-white {
+      --border-opacity: 1;
+      border-color: #ffffff;
+      border-color: rgba(255, 255, 255, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-gray-50 {
+      --border-opacity: 1;
+      border-color: #f9fafb;
+      border-color: rgba(249, 250, 251, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-gray-100 {
+      --border-opacity: 1;
+      border-color: #f4f5f7;
+      border-color: rgba(244, 245, 247, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-gray-200 {
+      --border-opacity: 1;
+      border-color: #e5e7eb;
+      border-color: rgba(229, 231, 235, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-gray-300 {
+      --border-opacity: 1;
+      border-color: #d2d6dc;
+      border-color: rgba(210, 214, 220, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-gray-400 {
+      --border-opacity: 1;
+      border-color: #9fa6b2;
+      border-color: rgba(159, 166, 178, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-gray-500 {
+      --border-opacity: 1;
+      border-color: #6b7280;
+      border-color: rgba(107, 114, 128, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-gray-600 {
+      --border-opacity: 1;
+      border-color: #4b5563;
+      border-color: rgba(75, 85, 99, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-gray-700 {
+      --border-opacity: 1;
+      border-color: #374151;
+      border-color: rgba(55, 65, 81, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-gray-800 {
+      --border-opacity: 1;
+      border-color: #252f3f;
+      border-color: rgba(37, 47, 63, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-gray-900 {
+      --border-opacity: 1;
+      border-color: #161e2e;
+      border-color: rgba(22, 30, 46, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-red-50 {
+      --border-opacity: 1;
+      border-color: #fdf2f2;
+      border-color: rgba(253, 242, 242, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-red-100 {
+      --border-opacity: 1;
+      border-color: #fde8e8;
+      border-color: rgba(253, 232, 232, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-red-200 {
+      --border-opacity: 1;
+      border-color: #fbd5d5;
+      border-color: rgba(251, 213, 213, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-red-300 {
+      --border-opacity: 1;
+      border-color: #f8b4b4;
+      border-color: rgba(248, 180, 180, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-red-400 {
+      --border-opacity: 1;
+      border-color: #f98080;
+      border-color: rgba(249, 128, 128, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-red-500 {
+      --border-opacity: 1;
+      border-color: #f05252;
+      border-color: rgba(240, 82, 82, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-red-600 {
+      --border-opacity: 1;
+      border-color: #e02424;
+      border-color: rgba(224, 36, 36, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-red-700 {
+      --border-opacity: 1;
+      border-color: #c81e1e;
+      border-color: rgba(200, 30, 30, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-red-800 {
+      --border-opacity: 1;
+      border-color: #9b1c1c;
+      border-color: rgba(155, 28, 28, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-red-900 {
+      --border-opacity: 1;
+      border-color: #771d1d;
+      border-color: rgba(119, 29, 29, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-orange-50 {
+      --border-opacity: 1;
+      border-color: #fff8f1;
+      border-color: rgba(255, 248, 241, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-orange-100 {
+      --border-opacity: 1;
+      border-color: #feecdc;
+      border-color: rgba(254, 236, 220, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-orange-200 {
+      --border-opacity: 1;
+      border-color: #fcd9bd;
+      border-color: rgba(252, 217, 189, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-orange-300 {
+      --border-opacity: 1;
+      border-color: #fdba8c;
+      border-color: rgba(253, 186, 140, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-orange-400 {
+      --border-opacity: 1;
+      border-color: #ff8a4c;
+      border-color: rgba(255, 138, 76, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-orange-500 {
+      --border-opacity: 1;
+      border-color: #ff5a1f;
+      border-color: rgba(255, 90, 31, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-orange-600 {
+      --border-opacity: 1;
+      border-color: #d03801;
+      border-color: rgba(208, 56, 1, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-orange-700 {
+      --border-opacity: 1;
+      border-color: #b43403;
+      border-color: rgba(180, 52, 3, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-orange-800 {
+      --border-opacity: 1;
+      border-color: #8a2c0d;
+      border-color: rgba(138, 44, 13, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-orange-900 {
+      --border-opacity: 1;
+      border-color: #73230d;
+      border-color: rgba(115, 35, 13, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-yellow-50 {
+      --border-opacity: 1;
+      border-color: #fdfdea;
+      border-color: rgba(253, 253, 234, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-yellow-100 {
+      --border-opacity: 1;
+      border-color: #fdf6b2;
+      border-color: rgba(253, 246, 178, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-yellow-200 {
+      --border-opacity: 1;
+      border-color: #fce96a;
+      border-color: rgba(252, 233, 106, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-yellow-300 {
+      --border-opacity: 1;
+      border-color: #faca15;
+      border-color: rgba(250, 202, 21, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-yellow-400 {
+      --border-opacity: 1;
+      border-color: #e3a008;
+      border-color: rgba(227, 160, 8, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-yellow-500 {
+      --border-opacity: 1;
+      border-color: #c27803;
+      border-color: rgba(194, 120, 3, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-yellow-600 {
+      --border-opacity: 1;
+      border-color: #9f580a;
+      border-color: rgba(159, 88, 10, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-yellow-700 {
+      --border-opacity: 1;
+      border-color: #8e4b10;
+      border-color: rgba(142, 75, 16, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-yellow-800 {
+      --border-opacity: 1;
+      border-color: #723b13;
+      border-color: rgba(114, 59, 19, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-yellow-900 {
+      --border-opacity: 1;
+      border-color: #633112;
+      border-color: rgba(99, 49, 18, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-green-50 {
+      --border-opacity: 1;
+      border-color: #f3faf7;
+      border-color: rgba(243, 250, 247, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-green-100 {
+      --border-opacity: 1;
+      border-color: #def7ec;
+      border-color: rgba(222, 247, 236, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-green-200 {
+      --border-opacity: 1;
+      border-color: #bcf0da;
+      border-color: rgba(188, 240, 218, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-green-300 {
+      --border-opacity: 1;
+      border-color: #84e1bc;
+      border-color: rgba(132, 225, 188, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-green-400 {
+      --border-opacity: 1;
+      border-color: #31c48d;
+      border-color: rgba(49, 196, 141, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-green-500 {
+      --border-opacity: 1;
+      border-color: #0e9f6e;
+      border-color: rgba(14, 159, 110, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-green-600 {
+      --border-opacity: 1;
+      border-color: #057a55;
+      border-color: rgba(5, 122, 85, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-green-700 {
+      --border-opacity: 1;
+      border-color: #046c4e;
+      border-color: rgba(4, 108, 78, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-green-800 {
+      --border-opacity: 1;
+      border-color: #03543f;
+      border-color: rgba(3, 84, 63, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-green-900 {
+      --border-opacity: 1;
+      border-color: #014737;
+      border-color: rgba(1, 71, 55, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-teal-50 {
+      --border-opacity: 1;
+      border-color: #edfafa;
+      border-color: rgba(237, 250, 250, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-teal-100 {
+      --border-opacity: 1;
+      border-color: #d5f5f6;
+      border-color: rgba(213, 245, 246, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-teal-200 {
+      --border-opacity: 1;
+      border-color: #afecef;
+      border-color: rgba(175, 236, 239, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-teal-300 {
+      --border-opacity: 1;
+      border-color: #7edce2;
+      border-color: rgba(126, 220, 226, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-teal-400 {
+      --border-opacity: 1;
+      border-color: #16bdca;
+      border-color: rgba(22, 189, 202, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-teal-500 {
+      --border-opacity: 1;
+      border-color: #0694a2;
+      border-color: rgba(6, 148, 162, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-teal-600 {
+      --border-opacity: 1;
+      border-color: #047481;
+      border-color: rgba(4, 116, 129, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-teal-700 {
+      --border-opacity: 1;
+      border-color: #036672;
+      border-color: rgba(3, 102, 114, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-teal-800 {
+      --border-opacity: 1;
+      border-color: #05505c;
+      border-color: rgba(5, 80, 92, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-teal-900 {
+      --border-opacity: 1;
+      border-color: #014451;
+      border-color: rgba(1, 68, 81, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-blue-50 {
+      --border-opacity: 1;
+      border-color: #ebf5ff;
+      border-color: rgba(235, 245, 255, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-blue-100 {
+      --border-opacity: 1;
+      border-color: #e1effe;
+      border-color: rgba(225, 239, 254, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-blue-200 {
+      --border-opacity: 1;
+      border-color: #c3ddfd;
+      border-color: rgba(195, 221, 253, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-blue-300 {
+      --border-opacity: 1;
+      border-color: #a4cafe;
+      border-color: rgba(164, 202, 254, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-blue-400 {
+      --border-opacity: 1;
+      border-color: #76a9fa;
+      border-color: rgba(118, 169, 250, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-blue-500 {
+      --border-opacity: 1;
+      border-color: #3f83f8;
+      border-color: rgba(63, 131, 248, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-blue-600 {
+      --border-opacity: 1;
+      border-color: #1c64f2;
+      border-color: rgba(28, 100, 242, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-blue-700 {
+      --border-opacity: 1;
+      border-color: #1a56db;
+      border-color: rgba(26, 86, 219, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-blue-800 {
+      --border-opacity: 1;
+      border-color: #1e429f;
+      border-color: rgba(30, 66, 159, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-blue-900 {
+      --border-opacity: 1;
+      border-color: #233876;
+      border-color: rgba(35, 56, 118, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-indigo-50 {
+      --border-opacity: 1;
+      border-color: #f0f5ff;
+      border-color: rgba(240, 245, 255, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-indigo-100 {
+      --border-opacity: 1;
+      border-color: #e5edff;
+      border-color: rgba(229, 237, 255, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-indigo-200 {
+      --border-opacity: 1;
+      border-color: #cddbfe;
+      border-color: rgba(205, 219, 254, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-indigo-300 {
+      --border-opacity: 1;
+      border-color: #b4c6fc;
+      border-color: rgba(180, 198, 252, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-indigo-400 {
+      --border-opacity: 1;
+      border-color: #8da2fb;
+      border-color: rgba(141, 162, 251, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-indigo-500 {
+      --border-opacity: 1;
+      border-color: #6875f5;
+      border-color: rgba(104, 117, 245, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-indigo-600 {
+      --border-opacity: 1;
+      border-color: #5850ec;
+      border-color: rgba(88, 80, 236, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-indigo-700 {
+      --border-opacity: 1;
+      border-color: #5145cd;
+      border-color: rgba(81, 69, 205, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-indigo-800 {
+      --border-opacity: 1;
+      border-color: #42389d;
+      border-color: rgba(66, 56, 157, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-indigo-900 {
+      --border-opacity: 1;
+      border-color: #362f78;
+      border-color: rgba(54, 47, 120, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-purple-50 {
+      --border-opacity: 1;
+      border-color: #f6f5ff;
+      border-color: rgba(246, 245, 255, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-purple-100 {
+      --border-opacity: 1;
+      border-color: #edebfe;
+      border-color: rgba(237, 235, 254, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-purple-200 {
+      --border-opacity: 1;
+      border-color: #dcd7fe;
+      border-color: rgba(220, 215, 254, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-purple-300 {
+      --border-opacity: 1;
+      border-color: #cabffd;
+      border-color: rgba(202, 191, 253, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-purple-400 {
+      --border-opacity: 1;
+      border-color: #ac94fa;
+      border-color: rgba(172, 148, 250, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-purple-500 {
+      --border-opacity: 1;
+      border-color: #9061f9;
+      border-color: rgba(144, 97, 249, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-purple-600 {
+      --border-opacity: 1;
+      border-color: #7e3af2;
+      border-color: rgba(126, 58, 242, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-purple-700 {
+      --border-opacity: 1;
+      border-color: #6c2bd9;
+      border-color: rgba(108, 43, 217, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-purple-800 {
+      --border-opacity: 1;
+      border-color: #5521b5;
+      border-color: rgba(85, 33, 181, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-purple-900 {
+      --border-opacity: 1;
+      border-color: #4a1d96;
+      border-color: rgba(74, 29, 150, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-pink-50 {
+      --border-opacity: 1;
+      border-color: #fdf2f8;
+      border-color: rgba(253, 242, 248, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-pink-100 {
+      --border-opacity: 1;
+      border-color: #fce8f3;
+      border-color: rgba(252, 232, 243, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-pink-200 {
+      --border-opacity: 1;
+      border-color: #fad1e8;
+      border-color: rgba(250, 209, 232, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-pink-300 {
+      --border-opacity: 1;
+      border-color: #f8b4d9;
+      border-color: rgba(248, 180, 217, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-pink-400 {
+      --border-opacity: 1;
+      border-color: #f17eb8;
+      border-color: rgba(241, 126, 184, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-pink-500 {
+      --border-opacity: 1;
+      border-color: #e74694;
+      border-color: rgba(231, 70, 148, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-pink-600 {
+      --border-opacity: 1;
+      border-color: #d61f69;
+      border-color: rgba(214, 31, 105, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-pink-700 {
+      --border-opacity: 1;
+      border-color: #bf125d;
+      border-color: rgba(191, 18, 93, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-pink-800 {
+      --border-opacity: 1;
+      border-color: #99154b;
+      border-color: rgba(153, 21, 75, var(--border-opacity));
+    }
+
+    .xl\:dark\:border-pink-900 {
+      --border-opacity: 1;
+      border-color: #751a3d;
+      border-color: rgba(117, 26, 61, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-transparent:hover {
+      border-color: transparent;
+    }
+
+    .xl\:dark\:hover\:border-current:hover {
+      border-color: currentColor;
+    }
+
+    .xl\:dark\:hover\:border-black:hover {
+      --border-opacity: 1;
+      border-color: #000000;
+      border-color: rgba(0, 0, 0, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-white:hover {
+      --border-opacity: 1;
+      border-color: #ffffff;
+      border-color: rgba(255, 255, 255, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-gray-50:hover {
+      --border-opacity: 1;
+      border-color: #f9fafb;
+      border-color: rgba(249, 250, 251, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-gray-100:hover {
+      --border-opacity: 1;
+      border-color: #f4f5f7;
+      border-color: rgba(244, 245, 247, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-gray-200:hover {
+      --border-opacity: 1;
+      border-color: #e5e7eb;
+      border-color: rgba(229, 231, 235, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-gray-300:hover {
+      --border-opacity: 1;
+      border-color: #d2d6dc;
+      border-color: rgba(210, 214, 220, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-gray-400:hover {
+      --border-opacity: 1;
+      border-color: #9fa6b2;
+      border-color: rgba(159, 166, 178, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-gray-500:hover {
+      --border-opacity: 1;
+      border-color: #6b7280;
+      border-color: rgba(107, 114, 128, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-gray-600:hover {
+      --border-opacity: 1;
+      border-color: #4b5563;
+      border-color: rgba(75, 85, 99, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-gray-700:hover {
+      --border-opacity: 1;
+      border-color: #374151;
+      border-color: rgba(55, 65, 81, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-gray-800:hover {
+      --border-opacity: 1;
+      border-color: #252f3f;
+      border-color: rgba(37, 47, 63, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-gray-900:hover {
+      --border-opacity: 1;
+      border-color: #161e2e;
+      border-color: rgba(22, 30, 46, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-red-50:hover {
+      --border-opacity: 1;
+      border-color: #fdf2f2;
+      border-color: rgba(253, 242, 242, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-red-100:hover {
+      --border-opacity: 1;
+      border-color: #fde8e8;
+      border-color: rgba(253, 232, 232, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-red-200:hover {
+      --border-opacity: 1;
+      border-color: #fbd5d5;
+      border-color: rgba(251, 213, 213, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-red-300:hover {
+      --border-opacity: 1;
+      border-color: #f8b4b4;
+      border-color: rgba(248, 180, 180, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-red-400:hover {
+      --border-opacity: 1;
+      border-color: #f98080;
+      border-color: rgba(249, 128, 128, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-red-500:hover {
+      --border-opacity: 1;
+      border-color: #f05252;
+      border-color: rgba(240, 82, 82, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-red-600:hover {
+      --border-opacity: 1;
+      border-color: #e02424;
+      border-color: rgba(224, 36, 36, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-red-700:hover {
+      --border-opacity: 1;
+      border-color: #c81e1e;
+      border-color: rgba(200, 30, 30, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-red-800:hover {
+      --border-opacity: 1;
+      border-color: #9b1c1c;
+      border-color: rgba(155, 28, 28, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-red-900:hover {
+      --border-opacity: 1;
+      border-color: #771d1d;
+      border-color: rgba(119, 29, 29, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-orange-50:hover {
+      --border-opacity: 1;
+      border-color: #fff8f1;
+      border-color: rgba(255, 248, 241, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-orange-100:hover {
+      --border-opacity: 1;
+      border-color: #feecdc;
+      border-color: rgba(254, 236, 220, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-orange-200:hover {
+      --border-opacity: 1;
+      border-color: #fcd9bd;
+      border-color: rgba(252, 217, 189, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-orange-300:hover {
+      --border-opacity: 1;
+      border-color: #fdba8c;
+      border-color: rgba(253, 186, 140, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-orange-400:hover {
+      --border-opacity: 1;
+      border-color: #ff8a4c;
+      border-color: rgba(255, 138, 76, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-orange-500:hover {
+      --border-opacity: 1;
+      border-color: #ff5a1f;
+      border-color: rgba(255, 90, 31, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-orange-600:hover {
+      --border-opacity: 1;
+      border-color: #d03801;
+      border-color: rgba(208, 56, 1, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-orange-700:hover {
+      --border-opacity: 1;
+      border-color: #b43403;
+      border-color: rgba(180, 52, 3, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-orange-800:hover {
+      --border-opacity: 1;
+      border-color: #8a2c0d;
+      border-color: rgba(138, 44, 13, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-orange-900:hover {
+      --border-opacity: 1;
+      border-color: #73230d;
+      border-color: rgba(115, 35, 13, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-yellow-50:hover {
+      --border-opacity: 1;
+      border-color: #fdfdea;
+      border-color: rgba(253, 253, 234, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-yellow-100:hover {
+      --border-opacity: 1;
+      border-color: #fdf6b2;
+      border-color: rgba(253, 246, 178, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-yellow-200:hover {
+      --border-opacity: 1;
+      border-color: #fce96a;
+      border-color: rgba(252, 233, 106, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-yellow-300:hover {
+      --border-opacity: 1;
+      border-color: #faca15;
+      border-color: rgba(250, 202, 21, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-yellow-400:hover {
+      --border-opacity: 1;
+      border-color: #e3a008;
+      border-color: rgba(227, 160, 8, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-yellow-500:hover {
+      --border-opacity: 1;
+      border-color: #c27803;
+      border-color: rgba(194, 120, 3, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-yellow-600:hover {
+      --border-opacity: 1;
+      border-color: #9f580a;
+      border-color: rgba(159, 88, 10, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-yellow-700:hover {
+      --border-opacity: 1;
+      border-color: #8e4b10;
+      border-color: rgba(142, 75, 16, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-yellow-800:hover {
+      --border-opacity: 1;
+      border-color: #723b13;
+      border-color: rgba(114, 59, 19, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-yellow-900:hover {
+      --border-opacity: 1;
+      border-color: #633112;
+      border-color: rgba(99, 49, 18, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-green-50:hover {
+      --border-opacity: 1;
+      border-color: #f3faf7;
+      border-color: rgba(243, 250, 247, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-green-100:hover {
+      --border-opacity: 1;
+      border-color: #def7ec;
+      border-color: rgba(222, 247, 236, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-green-200:hover {
+      --border-opacity: 1;
+      border-color: #bcf0da;
+      border-color: rgba(188, 240, 218, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-green-300:hover {
+      --border-opacity: 1;
+      border-color: #84e1bc;
+      border-color: rgba(132, 225, 188, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-green-400:hover {
+      --border-opacity: 1;
+      border-color: #31c48d;
+      border-color: rgba(49, 196, 141, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-green-500:hover {
+      --border-opacity: 1;
+      border-color: #0e9f6e;
+      border-color: rgba(14, 159, 110, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-green-600:hover {
+      --border-opacity: 1;
+      border-color: #057a55;
+      border-color: rgba(5, 122, 85, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-green-700:hover {
+      --border-opacity: 1;
+      border-color: #046c4e;
+      border-color: rgba(4, 108, 78, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-green-800:hover {
+      --border-opacity: 1;
+      border-color: #03543f;
+      border-color: rgba(3, 84, 63, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-green-900:hover {
+      --border-opacity: 1;
+      border-color: #014737;
+      border-color: rgba(1, 71, 55, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-teal-50:hover {
+      --border-opacity: 1;
+      border-color: #edfafa;
+      border-color: rgba(237, 250, 250, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-teal-100:hover {
+      --border-opacity: 1;
+      border-color: #d5f5f6;
+      border-color: rgba(213, 245, 246, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-teal-200:hover {
+      --border-opacity: 1;
+      border-color: #afecef;
+      border-color: rgba(175, 236, 239, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-teal-300:hover {
+      --border-opacity: 1;
+      border-color: #7edce2;
+      border-color: rgba(126, 220, 226, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-teal-400:hover {
+      --border-opacity: 1;
+      border-color: #16bdca;
+      border-color: rgba(22, 189, 202, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-teal-500:hover {
+      --border-opacity: 1;
+      border-color: #0694a2;
+      border-color: rgba(6, 148, 162, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-teal-600:hover {
+      --border-opacity: 1;
+      border-color: #047481;
+      border-color: rgba(4, 116, 129, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-teal-700:hover {
+      --border-opacity: 1;
+      border-color: #036672;
+      border-color: rgba(3, 102, 114, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-teal-800:hover {
+      --border-opacity: 1;
+      border-color: #05505c;
+      border-color: rgba(5, 80, 92, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-teal-900:hover {
+      --border-opacity: 1;
+      border-color: #014451;
+      border-color: rgba(1, 68, 81, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-blue-50:hover {
+      --border-opacity: 1;
+      border-color: #ebf5ff;
+      border-color: rgba(235, 245, 255, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-blue-100:hover {
+      --border-opacity: 1;
+      border-color: #e1effe;
+      border-color: rgba(225, 239, 254, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-blue-200:hover {
+      --border-opacity: 1;
+      border-color: #c3ddfd;
+      border-color: rgba(195, 221, 253, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-blue-300:hover {
+      --border-opacity: 1;
+      border-color: #a4cafe;
+      border-color: rgba(164, 202, 254, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-blue-400:hover {
+      --border-opacity: 1;
+      border-color: #76a9fa;
+      border-color: rgba(118, 169, 250, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-blue-500:hover {
+      --border-opacity: 1;
+      border-color: #3f83f8;
+      border-color: rgba(63, 131, 248, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-blue-600:hover {
+      --border-opacity: 1;
+      border-color: #1c64f2;
+      border-color: rgba(28, 100, 242, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-blue-700:hover {
+      --border-opacity: 1;
+      border-color: #1a56db;
+      border-color: rgba(26, 86, 219, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-blue-800:hover {
+      --border-opacity: 1;
+      border-color: #1e429f;
+      border-color: rgba(30, 66, 159, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-blue-900:hover {
+      --border-opacity: 1;
+      border-color: #233876;
+      border-color: rgba(35, 56, 118, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-indigo-50:hover {
+      --border-opacity: 1;
+      border-color: #f0f5ff;
+      border-color: rgba(240, 245, 255, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-indigo-100:hover {
+      --border-opacity: 1;
+      border-color: #e5edff;
+      border-color: rgba(229, 237, 255, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-indigo-200:hover {
+      --border-opacity: 1;
+      border-color: #cddbfe;
+      border-color: rgba(205, 219, 254, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-indigo-300:hover {
+      --border-opacity: 1;
+      border-color: #b4c6fc;
+      border-color: rgba(180, 198, 252, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-indigo-400:hover {
+      --border-opacity: 1;
+      border-color: #8da2fb;
+      border-color: rgba(141, 162, 251, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-indigo-500:hover {
+      --border-opacity: 1;
+      border-color: #6875f5;
+      border-color: rgba(104, 117, 245, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-indigo-600:hover {
+      --border-opacity: 1;
+      border-color: #5850ec;
+      border-color: rgba(88, 80, 236, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-indigo-700:hover {
+      --border-opacity: 1;
+      border-color: #5145cd;
+      border-color: rgba(81, 69, 205, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-indigo-800:hover {
+      --border-opacity: 1;
+      border-color: #42389d;
+      border-color: rgba(66, 56, 157, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-indigo-900:hover {
+      --border-opacity: 1;
+      border-color: #362f78;
+      border-color: rgba(54, 47, 120, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-purple-50:hover {
+      --border-opacity: 1;
+      border-color: #f6f5ff;
+      border-color: rgba(246, 245, 255, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-purple-100:hover {
+      --border-opacity: 1;
+      border-color: #edebfe;
+      border-color: rgba(237, 235, 254, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-purple-200:hover {
+      --border-opacity: 1;
+      border-color: #dcd7fe;
+      border-color: rgba(220, 215, 254, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-purple-300:hover {
+      --border-opacity: 1;
+      border-color: #cabffd;
+      border-color: rgba(202, 191, 253, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-purple-400:hover {
+      --border-opacity: 1;
+      border-color: #ac94fa;
+      border-color: rgba(172, 148, 250, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-purple-500:hover {
+      --border-opacity: 1;
+      border-color: #9061f9;
+      border-color: rgba(144, 97, 249, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-purple-600:hover {
+      --border-opacity: 1;
+      border-color: #7e3af2;
+      border-color: rgba(126, 58, 242, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-purple-700:hover {
+      --border-opacity: 1;
+      border-color: #6c2bd9;
+      border-color: rgba(108, 43, 217, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-purple-800:hover {
+      --border-opacity: 1;
+      border-color: #5521b5;
+      border-color: rgba(85, 33, 181, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-purple-900:hover {
+      --border-opacity: 1;
+      border-color: #4a1d96;
+      border-color: rgba(74, 29, 150, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-pink-50:hover {
+      --border-opacity: 1;
+      border-color: #fdf2f8;
+      border-color: rgba(253, 242, 248, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-pink-100:hover {
+      --border-opacity: 1;
+      border-color: #fce8f3;
+      border-color: rgba(252, 232, 243, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-pink-200:hover {
+      --border-opacity: 1;
+      border-color: #fad1e8;
+      border-color: rgba(250, 209, 232, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-pink-300:hover {
+      --border-opacity: 1;
+      border-color: #f8b4d9;
+      border-color: rgba(248, 180, 217, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-pink-400:hover {
+      --border-opacity: 1;
+      border-color: #f17eb8;
+      border-color: rgba(241, 126, 184, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-pink-500:hover {
+      --border-opacity: 1;
+      border-color: #e74694;
+      border-color: rgba(231, 70, 148, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-pink-600:hover {
+      --border-opacity: 1;
+      border-color: #d61f69;
+      border-color: rgba(214, 31, 105, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-pink-700:hover {
+      --border-opacity: 1;
+      border-color: #bf125d;
+      border-color: rgba(191, 18, 93, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-pink-800:hover {
+      --border-opacity: 1;
+      border-color: #99154b;
+      border-color: rgba(153, 21, 75, var(--border-opacity));
+    }
+
+    .xl\:dark\:hover\:border-pink-900:hover {
+      --border-opacity: 1;
+      border-color: #751a3d;
+      border-color: rgba(117, 26, 61, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-transparent:focus {
+      border-color: transparent;
+    }
+
+    .xl\:dark\:focus\:border-current:focus {
+      border-color: currentColor;
+    }
+
+    .xl\:dark\:focus\:border-black:focus {
+      --border-opacity: 1;
+      border-color: #000000;
+      border-color: rgba(0, 0, 0, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-white:focus {
+      --border-opacity: 1;
+      border-color: #ffffff;
+      border-color: rgba(255, 255, 255, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-gray-50:focus {
+      --border-opacity: 1;
+      border-color: #f9fafb;
+      border-color: rgba(249, 250, 251, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-gray-100:focus {
+      --border-opacity: 1;
+      border-color: #f4f5f7;
+      border-color: rgba(244, 245, 247, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-gray-200:focus {
+      --border-opacity: 1;
+      border-color: #e5e7eb;
+      border-color: rgba(229, 231, 235, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-gray-300:focus {
+      --border-opacity: 1;
+      border-color: #d2d6dc;
+      border-color: rgba(210, 214, 220, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-gray-400:focus {
+      --border-opacity: 1;
+      border-color: #9fa6b2;
+      border-color: rgba(159, 166, 178, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-gray-500:focus {
+      --border-opacity: 1;
+      border-color: #6b7280;
+      border-color: rgba(107, 114, 128, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-gray-600:focus {
+      --border-opacity: 1;
+      border-color: #4b5563;
+      border-color: rgba(75, 85, 99, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-gray-700:focus {
+      --border-opacity: 1;
+      border-color: #374151;
+      border-color: rgba(55, 65, 81, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-gray-800:focus {
+      --border-opacity: 1;
+      border-color: #252f3f;
+      border-color: rgba(37, 47, 63, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-gray-900:focus {
+      --border-opacity: 1;
+      border-color: #161e2e;
+      border-color: rgba(22, 30, 46, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-red-50:focus {
+      --border-opacity: 1;
+      border-color: #fdf2f2;
+      border-color: rgba(253, 242, 242, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-red-100:focus {
+      --border-opacity: 1;
+      border-color: #fde8e8;
+      border-color: rgba(253, 232, 232, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-red-200:focus {
+      --border-opacity: 1;
+      border-color: #fbd5d5;
+      border-color: rgba(251, 213, 213, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-red-300:focus {
+      --border-opacity: 1;
+      border-color: #f8b4b4;
+      border-color: rgba(248, 180, 180, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-red-400:focus {
+      --border-opacity: 1;
+      border-color: #f98080;
+      border-color: rgba(249, 128, 128, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-red-500:focus {
+      --border-opacity: 1;
+      border-color: #f05252;
+      border-color: rgba(240, 82, 82, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-red-600:focus {
+      --border-opacity: 1;
+      border-color: #e02424;
+      border-color: rgba(224, 36, 36, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-red-700:focus {
+      --border-opacity: 1;
+      border-color: #c81e1e;
+      border-color: rgba(200, 30, 30, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-red-800:focus {
+      --border-opacity: 1;
+      border-color: #9b1c1c;
+      border-color: rgba(155, 28, 28, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-red-900:focus {
+      --border-opacity: 1;
+      border-color: #771d1d;
+      border-color: rgba(119, 29, 29, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-orange-50:focus {
+      --border-opacity: 1;
+      border-color: #fff8f1;
+      border-color: rgba(255, 248, 241, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-orange-100:focus {
+      --border-opacity: 1;
+      border-color: #feecdc;
+      border-color: rgba(254, 236, 220, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-orange-200:focus {
+      --border-opacity: 1;
+      border-color: #fcd9bd;
+      border-color: rgba(252, 217, 189, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-orange-300:focus {
+      --border-opacity: 1;
+      border-color: #fdba8c;
+      border-color: rgba(253, 186, 140, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-orange-400:focus {
+      --border-opacity: 1;
+      border-color: #ff8a4c;
+      border-color: rgba(255, 138, 76, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-orange-500:focus {
+      --border-opacity: 1;
+      border-color: #ff5a1f;
+      border-color: rgba(255, 90, 31, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-orange-600:focus {
+      --border-opacity: 1;
+      border-color: #d03801;
+      border-color: rgba(208, 56, 1, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-orange-700:focus {
+      --border-opacity: 1;
+      border-color: #b43403;
+      border-color: rgba(180, 52, 3, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-orange-800:focus {
+      --border-opacity: 1;
+      border-color: #8a2c0d;
+      border-color: rgba(138, 44, 13, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-orange-900:focus {
+      --border-opacity: 1;
+      border-color: #73230d;
+      border-color: rgba(115, 35, 13, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-yellow-50:focus {
+      --border-opacity: 1;
+      border-color: #fdfdea;
+      border-color: rgba(253, 253, 234, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-yellow-100:focus {
+      --border-opacity: 1;
+      border-color: #fdf6b2;
+      border-color: rgba(253, 246, 178, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-yellow-200:focus {
+      --border-opacity: 1;
+      border-color: #fce96a;
+      border-color: rgba(252, 233, 106, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-yellow-300:focus {
+      --border-opacity: 1;
+      border-color: #faca15;
+      border-color: rgba(250, 202, 21, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-yellow-400:focus {
+      --border-opacity: 1;
+      border-color: #e3a008;
+      border-color: rgba(227, 160, 8, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-yellow-500:focus {
+      --border-opacity: 1;
+      border-color: #c27803;
+      border-color: rgba(194, 120, 3, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-yellow-600:focus {
+      --border-opacity: 1;
+      border-color: #9f580a;
+      border-color: rgba(159, 88, 10, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-yellow-700:focus {
+      --border-opacity: 1;
+      border-color: #8e4b10;
+      border-color: rgba(142, 75, 16, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-yellow-800:focus {
+      --border-opacity: 1;
+      border-color: #723b13;
+      border-color: rgba(114, 59, 19, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-yellow-900:focus {
+      --border-opacity: 1;
+      border-color: #633112;
+      border-color: rgba(99, 49, 18, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-green-50:focus {
+      --border-opacity: 1;
+      border-color: #f3faf7;
+      border-color: rgba(243, 250, 247, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-green-100:focus {
+      --border-opacity: 1;
+      border-color: #def7ec;
+      border-color: rgba(222, 247, 236, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-green-200:focus {
+      --border-opacity: 1;
+      border-color: #bcf0da;
+      border-color: rgba(188, 240, 218, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-green-300:focus {
+      --border-opacity: 1;
+      border-color: #84e1bc;
+      border-color: rgba(132, 225, 188, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-green-400:focus {
+      --border-opacity: 1;
+      border-color: #31c48d;
+      border-color: rgba(49, 196, 141, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-green-500:focus {
+      --border-opacity: 1;
+      border-color: #0e9f6e;
+      border-color: rgba(14, 159, 110, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-green-600:focus {
+      --border-opacity: 1;
+      border-color: #057a55;
+      border-color: rgba(5, 122, 85, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-green-700:focus {
+      --border-opacity: 1;
+      border-color: #046c4e;
+      border-color: rgba(4, 108, 78, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-green-800:focus {
+      --border-opacity: 1;
+      border-color: #03543f;
+      border-color: rgba(3, 84, 63, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-green-900:focus {
+      --border-opacity: 1;
+      border-color: #014737;
+      border-color: rgba(1, 71, 55, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-teal-50:focus {
+      --border-opacity: 1;
+      border-color: #edfafa;
+      border-color: rgba(237, 250, 250, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-teal-100:focus {
+      --border-opacity: 1;
+      border-color: #d5f5f6;
+      border-color: rgba(213, 245, 246, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-teal-200:focus {
+      --border-opacity: 1;
+      border-color: #afecef;
+      border-color: rgba(175, 236, 239, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-teal-300:focus {
+      --border-opacity: 1;
+      border-color: #7edce2;
+      border-color: rgba(126, 220, 226, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-teal-400:focus {
+      --border-opacity: 1;
+      border-color: #16bdca;
+      border-color: rgba(22, 189, 202, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-teal-500:focus {
+      --border-opacity: 1;
+      border-color: #0694a2;
+      border-color: rgba(6, 148, 162, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-teal-600:focus {
+      --border-opacity: 1;
+      border-color: #047481;
+      border-color: rgba(4, 116, 129, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-teal-700:focus {
+      --border-opacity: 1;
+      border-color: #036672;
+      border-color: rgba(3, 102, 114, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-teal-800:focus {
+      --border-opacity: 1;
+      border-color: #05505c;
+      border-color: rgba(5, 80, 92, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-teal-900:focus {
+      --border-opacity: 1;
+      border-color: #014451;
+      border-color: rgba(1, 68, 81, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-blue-50:focus {
+      --border-opacity: 1;
+      border-color: #ebf5ff;
+      border-color: rgba(235, 245, 255, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-blue-100:focus {
+      --border-opacity: 1;
+      border-color: #e1effe;
+      border-color: rgba(225, 239, 254, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-blue-200:focus {
+      --border-opacity: 1;
+      border-color: #c3ddfd;
+      border-color: rgba(195, 221, 253, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-blue-300:focus {
+      --border-opacity: 1;
+      border-color: #a4cafe;
+      border-color: rgba(164, 202, 254, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-blue-400:focus {
+      --border-opacity: 1;
+      border-color: #76a9fa;
+      border-color: rgba(118, 169, 250, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-blue-500:focus {
+      --border-opacity: 1;
+      border-color: #3f83f8;
+      border-color: rgba(63, 131, 248, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-blue-600:focus {
+      --border-opacity: 1;
+      border-color: #1c64f2;
+      border-color: rgba(28, 100, 242, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-blue-700:focus {
+      --border-opacity: 1;
+      border-color: #1a56db;
+      border-color: rgba(26, 86, 219, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-blue-800:focus {
+      --border-opacity: 1;
+      border-color: #1e429f;
+      border-color: rgba(30, 66, 159, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-blue-900:focus {
+      --border-opacity: 1;
+      border-color: #233876;
+      border-color: rgba(35, 56, 118, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-indigo-50:focus {
+      --border-opacity: 1;
+      border-color: #f0f5ff;
+      border-color: rgba(240, 245, 255, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-indigo-100:focus {
+      --border-opacity: 1;
+      border-color: #e5edff;
+      border-color: rgba(229, 237, 255, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-indigo-200:focus {
+      --border-opacity: 1;
+      border-color: #cddbfe;
+      border-color: rgba(205, 219, 254, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-indigo-300:focus {
+      --border-opacity: 1;
+      border-color: #b4c6fc;
+      border-color: rgba(180, 198, 252, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-indigo-400:focus {
+      --border-opacity: 1;
+      border-color: #8da2fb;
+      border-color: rgba(141, 162, 251, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-indigo-500:focus {
+      --border-opacity: 1;
+      border-color: #6875f5;
+      border-color: rgba(104, 117, 245, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-indigo-600:focus {
+      --border-opacity: 1;
+      border-color: #5850ec;
+      border-color: rgba(88, 80, 236, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-indigo-700:focus {
+      --border-opacity: 1;
+      border-color: #5145cd;
+      border-color: rgba(81, 69, 205, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-indigo-800:focus {
+      --border-opacity: 1;
+      border-color: #42389d;
+      border-color: rgba(66, 56, 157, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-indigo-900:focus {
+      --border-opacity: 1;
+      border-color: #362f78;
+      border-color: rgba(54, 47, 120, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-purple-50:focus {
+      --border-opacity: 1;
+      border-color: #f6f5ff;
+      border-color: rgba(246, 245, 255, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-purple-100:focus {
+      --border-opacity: 1;
+      border-color: #edebfe;
+      border-color: rgba(237, 235, 254, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-purple-200:focus {
+      --border-opacity: 1;
+      border-color: #dcd7fe;
+      border-color: rgba(220, 215, 254, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-purple-300:focus {
+      --border-opacity: 1;
+      border-color: #cabffd;
+      border-color: rgba(202, 191, 253, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-purple-400:focus {
+      --border-opacity: 1;
+      border-color: #ac94fa;
+      border-color: rgba(172, 148, 250, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-purple-500:focus {
+      --border-opacity: 1;
+      border-color: #9061f9;
+      border-color: rgba(144, 97, 249, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-purple-600:focus {
+      --border-opacity: 1;
+      border-color: #7e3af2;
+      border-color: rgba(126, 58, 242, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-purple-700:focus {
+      --border-opacity: 1;
+      border-color: #6c2bd9;
+      border-color: rgba(108, 43, 217, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-purple-800:focus {
+      --border-opacity: 1;
+      border-color: #5521b5;
+      border-color: rgba(85, 33, 181, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-purple-900:focus {
+      --border-opacity: 1;
+      border-color: #4a1d96;
+      border-color: rgba(74, 29, 150, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-pink-50:focus {
+      --border-opacity: 1;
+      border-color: #fdf2f8;
+      border-color: rgba(253, 242, 248, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-pink-100:focus {
+      --border-opacity: 1;
+      border-color: #fce8f3;
+      border-color: rgba(252, 232, 243, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-pink-200:focus {
+      --border-opacity: 1;
+      border-color: #fad1e8;
+      border-color: rgba(250, 209, 232, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-pink-300:focus {
+      --border-opacity: 1;
+      border-color: #f8b4d9;
+      border-color: rgba(248, 180, 217, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-pink-400:focus {
+      --border-opacity: 1;
+      border-color: #f17eb8;
+      border-color: rgba(241, 126, 184, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-pink-500:focus {
+      --border-opacity: 1;
+      border-color: #e74694;
+      border-color: rgba(231, 70, 148, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-pink-600:focus {
+      --border-opacity: 1;
+      border-color: #d61f69;
+      border-color: rgba(214, 31, 105, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-pink-700:focus {
+      --border-opacity: 1;
+      border-color: #bf125d;
+      border-color: rgba(191, 18, 93, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-pink-800:focus {
+      --border-opacity: 1;
+      border-color: #99154b;
+      border-color: rgba(153, 21, 75, var(--border-opacity));
+    }
+
+    .xl\:dark\:focus\:border-pink-900:focus {
+      --border-opacity: 1;
+      border-color: #751a3d;
+      border-color: rgba(117, 26, 61, var(--border-opacity));
+    }
+  }
+
   .xl\:border-opacity-0 {
     --border-opacity: 0;
   }
@@ -138080,6 +194076,1248 @@ video {
     color: rgba(117, 26, 61, var(--placeholder-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .xl\:dark\:placeholder-transparent::placeholder {
+      color: transparent;
+    }
+
+    .xl\:dark\:placeholder-current::placeholder {
+      color: currentColor;
+    }
+
+    .xl\:dark\:placeholder-black::placeholder {
+      --placeholder-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-white::placeholder {
+      --placeholder-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-gray-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-gray-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-gray-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-gray-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-gray-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-gray-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-gray-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-gray-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-gray-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-gray-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-red-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-red-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-red-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-red-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-red-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-red-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-red-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-red-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-red-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-red-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-orange-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-orange-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-orange-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-orange-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-orange-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-orange-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-orange-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-orange-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-orange-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-orange-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-yellow-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-yellow-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-yellow-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-yellow-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-yellow-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-yellow-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-yellow-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-yellow-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-yellow-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-yellow-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-green-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-green-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-green-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-green-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-green-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-green-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-green-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-green-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-green-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-green-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-teal-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-teal-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-teal-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-teal-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-teal-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-teal-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-teal-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-teal-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-teal-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-teal-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-blue-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-blue-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-blue-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-blue-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-blue-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-blue-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-blue-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-blue-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-blue-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-blue-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-indigo-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-indigo-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-indigo-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-indigo-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-indigo-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-indigo-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-indigo-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-indigo-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-indigo-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-indigo-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-purple-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-purple-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-purple-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-purple-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-purple-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-purple-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-purple-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-purple-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-purple-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-purple-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-pink-50::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-pink-100::placeholder {
+      --placeholder-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-pink-200::placeholder {
+      --placeholder-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-pink-300::placeholder {
+      --placeholder-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-pink-400::placeholder {
+      --placeholder-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-pink-500::placeholder {
+      --placeholder-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-pink-600::placeholder {
+      --placeholder-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-pink-700::placeholder {
+      --placeholder-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-pink-800::placeholder {
+      --placeholder-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:placeholder-pink-900::placeholder {
+      --placeholder-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-transparent:focus::placeholder {
+      color: transparent;
+    }
+
+    .xl\:dark\:focus\:placeholder-current:focus::placeholder {
+      color: currentColor;
+    }
+
+    .xl\:dark\:focus\:placeholder-black:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-white:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-gray-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-gray-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-gray-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-gray-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-gray-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-gray-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-gray-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-gray-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-gray-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-gray-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-red-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-red-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-red-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-red-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-red-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-red-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-red-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-red-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-red-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-red-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-orange-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-orange-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-orange-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-orange-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-orange-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-orange-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-orange-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-orange-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-orange-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-orange-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-yellow-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-yellow-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-yellow-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-yellow-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-yellow-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-yellow-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-yellow-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-yellow-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-yellow-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-yellow-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-green-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-green-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-green-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-green-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-green-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-green-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-green-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-green-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-green-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-green-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-teal-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-teal-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-teal-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-teal-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-teal-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-teal-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-teal-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-teal-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-teal-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-teal-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-blue-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-blue-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-blue-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-blue-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-blue-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-blue-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-blue-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-blue-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-blue-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-blue-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-indigo-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-indigo-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-indigo-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-indigo-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-indigo-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-indigo-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-indigo-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-indigo-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-indigo-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-indigo-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-purple-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-purple-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-purple-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-purple-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-purple-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-purple-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-purple-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-purple-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-purple-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-purple-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-pink-50:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-pink-100:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-pink-200:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-pink-300:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-pink-400:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-pink-500:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-pink-600:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-pink-700:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-pink-800:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--placeholder-opacity));
+    }
+
+    .xl\:dark\:focus\:placeholder-pink-900:focus::placeholder {
+      --placeholder-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--placeholder-opacity));
+    }
+  }
+
   .xl\:placeholder-opacity-0::placeholder {
     --placeholder-opacity: 0;
   }
@@ -142333,6 +199571,1868 @@ video {
     color: rgba(117, 26, 61, var(--text-opacity));
   }
 
+  @media (prefers-color-scheme: dark) {
+    .xl\:dark\:text-transparent {
+      color: transparent;
+    }
+
+    .xl\:dark\:text-current {
+      color: currentColor;
+    }
+
+    .xl\:dark\:text-black {
+      --text-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-white {
+      --text-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-gray-50 {
+      --text-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-gray-100 {
+      --text-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-gray-200 {
+      --text-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-gray-300 {
+      --text-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-gray-400 {
+      --text-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-gray-500 {
+      --text-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-gray-600 {
+      --text-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-gray-700 {
+      --text-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-gray-800 {
+      --text-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-gray-900 {
+      --text-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-red-50 {
+      --text-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-red-100 {
+      --text-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-red-200 {
+      --text-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-red-300 {
+      --text-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-red-400 {
+      --text-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-red-500 {
+      --text-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-red-600 {
+      --text-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-red-700 {
+      --text-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-red-800 {
+      --text-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-red-900 {
+      --text-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-orange-50 {
+      --text-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-orange-100 {
+      --text-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-orange-200 {
+      --text-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-orange-300 {
+      --text-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-orange-400 {
+      --text-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-orange-500 {
+      --text-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-orange-600 {
+      --text-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-orange-700 {
+      --text-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-orange-800 {
+      --text-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-orange-900 {
+      --text-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-yellow-50 {
+      --text-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-yellow-100 {
+      --text-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-yellow-200 {
+      --text-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-yellow-300 {
+      --text-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-yellow-400 {
+      --text-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-yellow-500 {
+      --text-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-yellow-600 {
+      --text-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-yellow-700 {
+      --text-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-yellow-800 {
+      --text-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-yellow-900 {
+      --text-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-green-50 {
+      --text-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-green-100 {
+      --text-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-green-200 {
+      --text-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-green-300 {
+      --text-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-green-400 {
+      --text-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-green-500 {
+      --text-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-green-600 {
+      --text-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-green-700 {
+      --text-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-green-800 {
+      --text-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-green-900 {
+      --text-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-teal-50 {
+      --text-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-teal-100 {
+      --text-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-teal-200 {
+      --text-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-teal-300 {
+      --text-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-teal-400 {
+      --text-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-teal-500 {
+      --text-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-teal-600 {
+      --text-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-teal-700 {
+      --text-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-teal-800 {
+      --text-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-teal-900 {
+      --text-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-blue-50 {
+      --text-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-blue-100 {
+      --text-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-blue-200 {
+      --text-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-blue-300 {
+      --text-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-blue-400 {
+      --text-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-blue-500 {
+      --text-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-blue-600 {
+      --text-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-blue-700 {
+      --text-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-blue-800 {
+      --text-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-blue-900 {
+      --text-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-indigo-50 {
+      --text-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-indigo-100 {
+      --text-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-indigo-200 {
+      --text-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-indigo-300 {
+      --text-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-indigo-400 {
+      --text-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-indigo-500 {
+      --text-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-indigo-600 {
+      --text-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-indigo-700 {
+      --text-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-indigo-800 {
+      --text-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-indigo-900 {
+      --text-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-purple-50 {
+      --text-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-purple-100 {
+      --text-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-purple-200 {
+      --text-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-purple-300 {
+      --text-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-purple-400 {
+      --text-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-purple-500 {
+      --text-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-purple-600 {
+      --text-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-purple-700 {
+      --text-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-purple-800 {
+      --text-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-purple-900 {
+      --text-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-pink-50 {
+      --text-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-pink-100 {
+      --text-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-pink-200 {
+      --text-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-pink-300 {
+      --text-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-pink-400 {
+      --text-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-pink-500 {
+      --text-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-pink-600 {
+      --text-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-pink-700 {
+      --text-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-pink-800 {
+      --text-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--text-opacity));
+    }
+
+    .xl\:dark\:text-pink-900 {
+      --text-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-transparent:hover {
+      color: transparent;
+    }
+
+    .xl\:dark\:hover\:text-current:hover {
+      color: currentColor;
+    }
+
+    .xl\:dark\:hover\:text-black:hover {
+      --text-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-white:hover {
+      --text-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-gray-50:hover {
+      --text-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-gray-100:hover {
+      --text-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-gray-200:hover {
+      --text-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-gray-300:hover {
+      --text-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-gray-400:hover {
+      --text-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-gray-500:hover {
+      --text-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-gray-600:hover {
+      --text-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-gray-700:hover {
+      --text-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-gray-800:hover {
+      --text-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-gray-900:hover {
+      --text-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-red-50:hover {
+      --text-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-red-100:hover {
+      --text-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-red-200:hover {
+      --text-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-red-300:hover {
+      --text-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-red-400:hover {
+      --text-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-red-500:hover {
+      --text-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-red-600:hover {
+      --text-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-red-700:hover {
+      --text-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-red-800:hover {
+      --text-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-red-900:hover {
+      --text-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-orange-50:hover {
+      --text-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-orange-100:hover {
+      --text-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-orange-200:hover {
+      --text-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-orange-300:hover {
+      --text-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-orange-400:hover {
+      --text-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-orange-500:hover {
+      --text-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-orange-600:hover {
+      --text-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-orange-700:hover {
+      --text-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-orange-800:hover {
+      --text-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-orange-900:hover {
+      --text-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-yellow-50:hover {
+      --text-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-yellow-100:hover {
+      --text-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-yellow-200:hover {
+      --text-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-yellow-300:hover {
+      --text-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-yellow-400:hover {
+      --text-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-yellow-500:hover {
+      --text-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-yellow-600:hover {
+      --text-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-yellow-700:hover {
+      --text-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-yellow-800:hover {
+      --text-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-yellow-900:hover {
+      --text-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-green-50:hover {
+      --text-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-green-100:hover {
+      --text-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-green-200:hover {
+      --text-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-green-300:hover {
+      --text-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-green-400:hover {
+      --text-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-green-500:hover {
+      --text-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-green-600:hover {
+      --text-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-green-700:hover {
+      --text-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-green-800:hover {
+      --text-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-green-900:hover {
+      --text-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-teal-50:hover {
+      --text-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-teal-100:hover {
+      --text-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-teal-200:hover {
+      --text-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-teal-300:hover {
+      --text-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-teal-400:hover {
+      --text-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-teal-500:hover {
+      --text-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-teal-600:hover {
+      --text-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-teal-700:hover {
+      --text-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-teal-800:hover {
+      --text-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-teal-900:hover {
+      --text-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-blue-50:hover {
+      --text-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-blue-100:hover {
+      --text-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-blue-200:hover {
+      --text-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-blue-300:hover {
+      --text-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-blue-400:hover {
+      --text-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-blue-500:hover {
+      --text-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-blue-600:hover {
+      --text-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-blue-700:hover {
+      --text-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-blue-800:hover {
+      --text-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-blue-900:hover {
+      --text-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-indigo-50:hover {
+      --text-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-indigo-100:hover {
+      --text-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-indigo-200:hover {
+      --text-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-indigo-300:hover {
+      --text-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-indigo-400:hover {
+      --text-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-indigo-500:hover {
+      --text-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-indigo-600:hover {
+      --text-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-indigo-700:hover {
+      --text-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-indigo-800:hover {
+      --text-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-indigo-900:hover {
+      --text-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-purple-50:hover {
+      --text-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-purple-100:hover {
+      --text-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-purple-200:hover {
+      --text-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-purple-300:hover {
+      --text-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-purple-400:hover {
+      --text-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-purple-500:hover {
+      --text-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-purple-600:hover {
+      --text-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-purple-700:hover {
+      --text-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-purple-800:hover {
+      --text-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-purple-900:hover {
+      --text-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-pink-50:hover {
+      --text-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-pink-100:hover {
+      --text-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-pink-200:hover {
+      --text-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-pink-300:hover {
+      --text-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-pink-400:hover {
+      --text-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-pink-500:hover {
+      --text-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-pink-600:hover {
+      --text-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-pink-700:hover {
+      --text-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-pink-800:hover {
+      --text-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--text-opacity));
+    }
+
+    .xl\:dark\:hover\:text-pink-900:hover {
+      --text-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-transparent:focus {
+      color: transparent;
+    }
+
+    .xl\:dark\:focus\:text-current:focus {
+      color: currentColor;
+    }
+
+    .xl\:dark\:focus\:text-black:focus {
+      --text-opacity: 1;
+      color: #000000;
+      color: rgba(0, 0, 0, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-white:focus {
+      --text-opacity: 1;
+      color: #ffffff;
+      color: rgba(255, 255, 255, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-gray-50:focus {
+      --text-opacity: 1;
+      color: #f9fafb;
+      color: rgba(249, 250, 251, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-gray-100:focus {
+      --text-opacity: 1;
+      color: #f4f5f7;
+      color: rgba(244, 245, 247, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-gray-200:focus {
+      --text-opacity: 1;
+      color: #e5e7eb;
+      color: rgba(229, 231, 235, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-gray-300:focus {
+      --text-opacity: 1;
+      color: #d2d6dc;
+      color: rgba(210, 214, 220, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-gray-400:focus {
+      --text-opacity: 1;
+      color: #9fa6b2;
+      color: rgba(159, 166, 178, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-gray-500:focus {
+      --text-opacity: 1;
+      color: #6b7280;
+      color: rgba(107, 114, 128, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-gray-600:focus {
+      --text-opacity: 1;
+      color: #4b5563;
+      color: rgba(75, 85, 99, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-gray-700:focus {
+      --text-opacity: 1;
+      color: #374151;
+      color: rgba(55, 65, 81, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-gray-800:focus {
+      --text-opacity: 1;
+      color: #252f3f;
+      color: rgba(37, 47, 63, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-gray-900:focus {
+      --text-opacity: 1;
+      color: #161e2e;
+      color: rgba(22, 30, 46, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-red-50:focus {
+      --text-opacity: 1;
+      color: #fdf2f2;
+      color: rgba(253, 242, 242, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-red-100:focus {
+      --text-opacity: 1;
+      color: #fde8e8;
+      color: rgba(253, 232, 232, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-red-200:focus {
+      --text-opacity: 1;
+      color: #fbd5d5;
+      color: rgba(251, 213, 213, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-red-300:focus {
+      --text-opacity: 1;
+      color: #f8b4b4;
+      color: rgba(248, 180, 180, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-red-400:focus {
+      --text-opacity: 1;
+      color: #f98080;
+      color: rgba(249, 128, 128, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-red-500:focus {
+      --text-opacity: 1;
+      color: #f05252;
+      color: rgba(240, 82, 82, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-red-600:focus {
+      --text-opacity: 1;
+      color: #e02424;
+      color: rgba(224, 36, 36, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-red-700:focus {
+      --text-opacity: 1;
+      color: #c81e1e;
+      color: rgba(200, 30, 30, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-red-800:focus {
+      --text-opacity: 1;
+      color: #9b1c1c;
+      color: rgba(155, 28, 28, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-red-900:focus {
+      --text-opacity: 1;
+      color: #771d1d;
+      color: rgba(119, 29, 29, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-orange-50:focus {
+      --text-opacity: 1;
+      color: #fff8f1;
+      color: rgba(255, 248, 241, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-orange-100:focus {
+      --text-opacity: 1;
+      color: #feecdc;
+      color: rgba(254, 236, 220, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-orange-200:focus {
+      --text-opacity: 1;
+      color: #fcd9bd;
+      color: rgba(252, 217, 189, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-orange-300:focus {
+      --text-opacity: 1;
+      color: #fdba8c;
+      color: rgba(253, 186, 140, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-orange-400:focus {
+      --text-opacity: 1;
+      color: #ff8a4c;
+      color: rgba(255, 138, 76, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-orange-500:focus {
+      --text-opacity: 1;
+      color: #ff5a1f;
+      color: rgba(255, 90, 31, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-orange-600:focus {
+      --text-opacity: 1;
+      color: #d03801;
+      color: rgba(208, 56, 1, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-orange-700:focus {
+      --text-opacity: 1;
+      color: #b43403;
+      color: rgba(180, 52, 3, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-orange-800:focus {
+      --text-opacity: 1;
+      color: #8a2c0d;
+      color: rgba(138, 44, 13, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-orange-900:focus {
+      --text-opacity: 1;
+      color: #73230d;
+      color: rgba(115, 35, 13, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-yellow-50:focus {
+      --text-opacity: 1;
+      color: #fdfdea;
+      color: rgba(253, 253, 234, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-yellow-100:focus {
+      --text-opacity: 1;
+      color: #fdf6b2;
+      color: rgba(253, 246, 178, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-yellow-200:focus {
+      --text-opacity: 1;
+      color: #fce96a;
+      color: rgba(252, 233, 106, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-yellow-300:focus {
+      --text-opacity: 1;
+      color: #faca15;
+      color: rgba(250, 202, 21, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-yellow-400:focus {
+      --text-opacity: 1;
+      color: #e3a008;
+      color: rgba(227, 160, 8, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-yellow-500:focus {
+      --text-opacity: 1;
+      color: #c27803;
+      color: rgba(194, 120, 3, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-yellow-600:focus {
+      --text-opacity: 1;
+      color: #9f580a;
+      color: rgba(159, 88, 10, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-yellow-700:focus {
+      --text-opacity: 1;
+      color: #8e4b10;
+      color: rgba(142, 75, 16, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-yellow-800:focus {
+      --text-opacity: 1;
+      color: #723b13;
+      color: rgba(114, 59, 19, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-yellow-900:focus {
+      --text-opacity: 1;
+      color: #633112;
+      color: rgba(99, 49, 18, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-green-50:focus {
+      --text-opacity: 1;
+      color: #f3faf7;
+      color: rgba(243, 250, 247, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-green-100:focus {
+      --text-opacity: 1;
+      color: #def7ec;
+      color: rgba(222, 247, 236, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-green-200:focus {
+      --text-opacity: 1;
+      color: #bcf0da;
+      color: rgba(188, 240, 218, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-green-300:focus {
+      --text-opacity: 1;
+      color: #84e1bc;
+      color: rgba(132, 225, 188, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-green-400:focus {
+      --text-opacity: 1;
+      color: #31c48d;
+      color: rgba(49, 196, 141, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-green-500:focus {
+      --text-opacity: 1;
+      color: #0e9f6e;
+      color: rgba(14, 159, 110, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-green-600:focus {
+      --text-opacity: 1;
+      color: #057a55;
+      color: rgba(5, 122, 85, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-green-700:focus {
+      --text-opacity: 1;
+      color: #046c4e;
+      color: rgba(4, 108, 78, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-green-800:focus {
+      --text-opacity: 1;
+      color: #03543f;
+      color: rgba(3, 84, 63, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-green-900:focus {
+      --text-opacity: 1;
+      color: #014737;
+      color: rgba(1, 71, 55, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-teal-50:focus {
+      --text-opacity: 1;
+      color: #edfafa;
+      color: rgba(237, 250, 250, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-teal-100:focus {
+      --text-opacity: 1;
+      color: #d5f5f6;
+      color: rgba(213, 245, 246, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-teal-200:focus {
+      --text-opacity: 1;
+      color: #afecef;
+      color: rgba(175, 236, 239, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-teal-300:focus {
+      --text-opacity: 1;
+      color: #7edce2;
+      color: rgba(126, 220, 226, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-teal-400:focus {
+      --text-opacity: 1;
+      color: #16bdca;
+      color: rgba(22, 189, 202, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-teal-500:focus {
+      --text-opacity: 1;
+      color: #0694a2;
+      color: rgba(6, 148, 162, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-teal-600:focus {
+      --text-opacity: 1;
+      color: #047481;
+      color: rgba(4, 116, 129, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-teal-700:focus {
+      --text-opacity: 1;
+      color: #036672;
+      color: rgba(3, 102, 114, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-teal-800:focus {
+      --text-opacity: 1;
+      color: #05505c;
+      color: rgba(5, 80, 92, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-teal-900:focus {
+      --text-opacity: 1;
+      color: #014451;
+      color: rgba(1, 68, 81, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-blue-50:focus {
+      --text-opacity: 1;
+      color: #ebf5ff;
+      color: rgba(235, 245, 255, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-blue-100:focus {
+      --text-opacity: 1;
+      color: #e1effe;
+      color: rgba(225, 239, 254, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-blue-200:focus {
+      --text-opacity: 1;
+      color: #c3ddfd;
+      color: rgba(195, 221, 253, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-blue-300:focus {
+      --text-opacity: 1;
+      color: #a4cafe;
+      color: rgba(164, 202, 254, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-blue-400:focus {
+      --text-opacity: 1;
+      color: #76a9fa;
+      color: rgba(118, 169, 250, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-blue-500:focus {
+      --text-opacity: 1;
+      color: #3f83f8;
+      color: rgba(63, 131, 248, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-blue-600:focus {
+      --text-opacity: 1;
+      color: #1c64f2;
+      color: rgba(28, 100, 242, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-blue-700:focus {
+      --text-opacity: 1;
+      color: #1a56db;
+      color: rgba(26, 86, 219, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-blue-800:focus {
+      --text-opacity: 1;
+      color: #1e429f;
+      color: rgba(30, 66, 159, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-blue-900:focus {
+      --text-opacity: 1;
+      color: #233876;
+      color: rgba(35, 56, 118, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-indigo-50:focus {
+      --text-opacity: 1;
+      color: #f0f5ff;
+      color: rgba(240, 245, 255, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-indigo-100:focus {
+      --text-opacity: 1;
+      color: #e5edff;
+      color: rgba(229, 237, 255, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-indigo-200:focus {
+      --text-opacity: 1;
+      color: #cddbfe;
+      color: rgba(205, 219, 254, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-indigo-300:focus {
+      --text-opacity: 1;
+      color: #b4c6fc;
+      color: rgba(180, 198, 252, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-indigo-400:focus {
+      --text-opacity: 1;
+      color: #8da2fb;
+      color: rgba(141, 162, 251, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-indigo-500:focus {
+      --text-opacity: 1;
+      color: #6875f5;
+      color: rgba(104, 117, 245, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-indigo-600:focus {
+      --text-opacity: 1;
+      color: #5850ec;
+      color: rgba(88, 80, 236, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-indigo-700:focus {
+      --text-opacity: 1;
+      color: #5145cd;
+      color: rgba(81, 69, 205, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-indigo-800:focus {
+      --text-opacity: 1;
+      color: #42389d;
+      color: rgba(66, 56, 157, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-indigo-900:focus {
+      --text-opacity: 1;
+      color: #362f78;
+      color: rgba(54, 47, 120, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-purple-50:focus {
+      --text-opacity: 1;
+      color: #f6f5ff;
+      color: rgba(246, 245, 255, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-purple-100:focus {
+      --text-opacity: 1;
+      color: #edebfe;
+      color: rgba(237, 235, 254, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-purple-200:focus {
+      --text-opacity: 1;
+      color: #dcd7fe;
+      color: rgba(220, 215, 254, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-purple-300:focus {
+      --text-opacity: 1;
+      color: #cabffd;
+      color: rgba(202, 191, 253, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-purple-400:focus {
+      --text-opacity: 1;
+      color: #ac94fa;
+      color: rgba(172, 148, 250, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-purple-500:focus {
+      --text-opacity: 1;
+      color: #9061f9;
+      color: rgba(144, 97, 249, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-purple-600:focus {
+      --text-opacity: 1;
+      color: #7e3af2;
+      color: rgba(126, 58, 242, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-purple-700:focus {
+      --text-opacity: 1;
+      color: #6c2bd9;
+      color: rgba(108, 43, 217, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-purple-800:focus {
+      --text-opacity: 1;
+      color: #5521b5;
+      color: rgba(85, 33, 181, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-purple-900:focus {
+      --text-opacity: 1;
+      color: #4a1d96;
+      color: rgba(74, 29, 150, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-pink-50:focus {
+      --text-opacity: 1;
+      color: #fdf2f8;
+      color: rgba(253, 242, 248, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-pink-100:focus {
+      --text-opacity: 1;
+      color: #fce8f3;
+      color: rgba(252, 232, 243, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-pink-200:focus {
+      --text-opacity: 1;
+      color: #fad1e8;
+      color: rgba(250, 209, 232, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-pink-300:focus {
+      --text-opacity: 1;
+      color: #f8b4d9;
+      color: rgba(248, 180, 217, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-pink-400:focus {
+      --text-opacity: 1;
+      color: #f17eb8;
+      color: rgba(241, 126, 184, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-pink-500:focus {
+      --text-opacity: 1;
+      color: #e74694;
+      color: rgba(231, 70, 148, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-pink-600:focus {
+      --text-opacity: 1;
+      color: #d61f69;
+      color: rgba(214, 31, 105, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-pink-700:focus {
+      --text-opacity: 1;
+      color: #bf125d;
+      color: rgba(191, 18, 93, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-pink-800:focus {
+      --text-opacity: 1;
+      color: #99154b;
+      color: rgba(153, 21, 75, var(--text-opacity));
+    }
+
+    .xl\:dark\:focus\:text-pink-900:focus {
+      --text-opacity: 1;
+      color: #751a3d;
+      color: rgba(117, 26, 61, var(--text-opacity));
+    }
+  }
+
   .xl\:text-opacity-0 {
     --text-opacity: 0;
   }
diff --git a/src/featureFlags.js b/src/featureFlags.js
index e91c74732..aee64d82e 100644
--- a/src/featureFlags.js
+++ b/src/featureFlags.js
@@ -10,6 +10,7 @@ const featureFlags = {
     'defaultLineHeights',
     'extendedFontSizeScale',
     'applyComplexClasses',
+    'darkModeVariant',
   ],
 }
 
diff --git a/src/flagged/darkModeVariant.js b/src/flagged/darkModeVariant.js
new file mode 100644
index 000000000..725e845d5
--- /dev/null
+++ b/src/flagged/darkModeVariant.js
@@ -0,0 +1,47 @@
+import selectorParser from 'postcss-selector-parser'
+import buildSelectorVariant from '../util/buildSelectorVariant'
+import defaultConfig from '../../defaultConfig'
+
+export default {
+  dark: 'media',
+  variants: {
+    backgroundColor: [...defaultConfig.variants.backgroundColor, 'dark'],
+    gradientColorStops: [...defaultConfig.variants.gradientColorStops, 'dark'],
+    borderColor: [...defaultConfig.variants.borderColor, 'dark'],
+    divideColor: [...defaultConfig.variants.divideColor, 'dark'],
+    placeholderColor: [...defaultConfig.variants.placeholderColor, 'dark'],
+    textColor: [...defaultConfig.variants.textColor, 'dark'],
+  },
+  plugins: [
+    function({ addVariant, config, postcss, prefix }) {
+      addVariant('dark', ({ container, separator, modifySelectors }) => {
+        if (config('dark') === 'media') {
+          const modified = modifySelectors(({ selector }) => {
+            return buildSelectorVariant(selector, 'dark', separator, message => {
+              throw container.error(message)
+            })
+          })
+          const mediaQuery = postcss.atRule({
+            name: 'media',
+            params: '(prefers-color-scheme: dark)',
+          })
+          mediaQuery.append(modified)
+          container.append(mediaQuery)
+          return container
+        }
+
+        if (config('dark') === 'class') {
+          const parser = selectorParser(selectors => {
+            selectors.walkClasses(sel => {
+              sel.value = `dark${separator}${sel.value}`
+              sel.parent.insertBefore(sel, selectorParser().astSync(prefix('.dark ')))
+            })
+          })
+          return modifySelectors(({ selector }) => parser.processSync(selector))
+        }
+
+        throw new Error("The `dark` config option must be either 'media' or 'class'.")
+      })
+    },
+  ],
+}
diff --git a/src/index.js b/src/index.js
index 73bc641c4..4b4df6d2d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -17,6 +17,7 @@ import uniformColorPalette from './flagged/uniformColorPalette.js'
 import extendedSpacingScale from './flagged/extendedSpacingScale.js'
 import defaultLineHeights from './flagged/defaultLineHeights.js'
 import extendedFontSizeScale from './flagged/extendedFontSizeScale.js'
+import darkModeVariant from './flagged/darkModeVariant'
 
 function getDefaultConfigs(config) {
   const configs = [defaultConfig]
@@ -37,6 +38,10 @@ function getDefaultConfigs(config) {
     configs.unshift(extendedFontSizeScale)
   }
 
+  if (flagEnabled(config, 'darkModeVariant')) {
+    configs.unshift(darkModeVariant)
+  }
+
   return configs
 }
 
diff --git a/src/lib/substituteVariantsAtRules.js b/src/lib/substituteVariantsAtRules.js
index 68711c9de..2b2bdf78d 100644
--- a/src/lib/substituteVariantsAtRules.js
+++ b/src/lib/substituteVariantsAtRules.js
@@ -89,7 +89,7 @@ const defaultVariantGenerators = config => ({
 })
 
 function prependStackableVariants(atRule, variants) {
-  const stackableVariants = ['motion-safe', 'motion-reduce']
+  const stackableVariants = ['dark', 'motion-safe', 'motion-reduce']
 
   if (!_.some(variants, v => stackableVariants.includes(v))) {
     return variants